@rededor/cura-hydrate 1.4.0-alpha.1 → 1.4.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 +207 -71
- package/index.mjs +207 -71
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -3036,7 +3036,7 @@ class CuraAlert {
|
|
|
3036
3036
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
3037
3037
|
}
|
|
3038
3038
|
render() {
|
|
3039
|
-
return (hAsync(Host, { key: '
|
|
3039
|
+
return (hAsync(Host, { key: 'c7d36a87c8ca4ea44a53d90edf5028e27d4ab631' }, hAsync("div", { key: 'c54f199ba48a8a0e0549c5f046cf7dc128d8108e', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'f1607925bceeaf29a8bee7a021b1bf9e9be5b0e6', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '6ccb322b9594a0c963cf8fa873b4a66642d69357', class: "content" }, this.label ? (hAsync("cura-label", { class: "title", size: "small", color: "neutral-darker", weight: "bold" }, this.label)) : '', hAsync("cura-paragraph", { key: 'e70495f19e2eac2b0c593d156436061aba50c295', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '043f67d199324f668aced318a81e6ecdbd3ac97a' })), hAsync("slot", { key: '83cc65b83514bdbc77a3676d2fab55ebb20aa5dc', name: "actions" })), this.closeable ?
|
|
3040
3040
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
3041
3041
|
: '')));
|
|
3042
3042
|
}
|
|
@@ -3112,7 +3112,7 @@ class CuraAvatar {
|
|
|
3112
3112
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3113
3113
|
}
|
|
3114
3114
|
render() {
|
|
3115
|
-
return (hAsync(Host, { key: '
|
|
3115
|
+
return (hAsync(Host, { key: '2760534555a0483e7e30c5f3009ec0cf68d0973b', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: '3daf6dd066983dc63525c38b7da498147c0bf387', class: this.getClasses(), style: this.styles }, hAsync("img", { key: 'a5f4de7983722fc3f750404fa985c312590b5e98', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
3116
3116
|
}
|
|
3117
3117
|
get host() { return getElement(this); }
|
|
3118
3118
|
static get watchers() { return {
|
|
@@ -3140,34 +3140,162 @@ class CuraAvatar {
|
|
|
3140
3140
|
}; }
|
|
3141
3141
|
}
|
|
3142
3142
|
|
|
3143
|
-
const
|
|
3144
|
-
var
|
|
3143
|
+
const curaBadgeCounterCss = ":host{width:fit-content;display:inline-block;height:calc(var(--base-spacing) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--base-spacing) * 4px);width:fit-content;height:calc(var(--base-spacing) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--base-spacing) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--base-spacing) * 1px);position:relative}:host .container.outline,:host .container.transparent{background:transparent !important}:host .container.outline::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid var(--background-color);border-radius:calc(calc(var(--base-spacing) * 4px) / 2)}";
|
|
3144
|
+
var CuraBadgeCounterStyle0 = curaBadgeCounterCss;
|
|
3145
3145
|
|
|
3146
3146
|
class CuraBadgeNumber {
|
|
3147
3147
|
constructor(hostRef) {
|
|
3148
3148
|
registerInstance(this, hostRef);
|
|
3149
|
-
this.styles = {};
|
|
3150
3149
|
this.theme = window.CuraAPI.theme;
|
|
3150
|
+
this.labelColor = 'primary-darker';
|
|
3151
|
+
this.bgColorName = 'primary-lighter';
|
|
3151
3152
|
this.number = undefined;
|
|
3152
|
-
this.color =
|
|
3153
|
+
this.color = 'primary';
|
|
3154
|
+
this.disabled = false;
|
|
3155
|
+
this.type = 'solid';
|
|
3156
|
+
this.styles = {};
|
|
3157
|
+
}
|
|
3158
|
+
handleColorChange() {
|
|
3159
|
+
this.setColors();
|
|
3160
|
+
}
|
|
3161
|
+
setColors() {
|
|
3162
|
+
const color = this.color.toLowerCase();
|
|
3163
|
+
/** type outline and transparent */
|
|
3164
|
+
if (this.type === 'outline' || this.type === 'transparent') {
|
|
3165
|
+
this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;
|
|
3166
|
+
this.labelColor = this.bgColorName;
|
|
3167
|
+
/** type solid - default */
|
|
3168
|
+
}
|
|
3169
|
+
else {
|
|
3170
|
+
this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;
|
|
3171
|
+
this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;
|
|
3172
|
+
}
|
|
3173
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(`${this.bgColorName}`) });
|
|
3153
3174
|
}
|
|
3154
3175
|
connectedCallback() {
|
|
3155
|
-
this.styles
|
|
3176
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3177
|
+
this.setColors();
|
|
3178
|
+
}
|
|
3179
|
+
getClasses() {
|
|
3180
|
+
const classes = {
|
|
3181
|
+
'container': true,
|
|
3182
|
+
};
|
|
3183
|
+
classes[this.type.toLowerCase()] = true;
|
|
3184
|
+
return classes;
|
|
3156
3185
|
}
|
|
3157
3186
|
render() {
|
|
3158
|
-
return (hAsync(Host, { key: '
|
|
3187
|
+
return (hAsync(Host, { key: 'bb6ab35685970eadac6962b3a01f158ebac05515' }, this.number && this.number <= 0 ? '' : (hAsync("div", { class: this.getClasses(), style: this.styles }, hAsync("cura-label", { size: "xsmall", "line-height": "none", color: this.labelColor }, this.number >= 100 ? '99+' : this.number)))));
|
|
3159
3188
|
}
|
|
3160
|
-
static get
|
|
3189
|
+
static get watchers() { return {
|
|
3190
|
+
"disabled": ["handleColorChange"],
|
|
3191
|
+
"color": ["handleColorChange"],
|
|
3192
|
+
"type": ["handleColorChange"]
|
|
3193
|
+
}; }
|
|
3194
|
+
static get style() { return CuraBadgeCounterStyle0; }
|
|
3161
3195
|
static get cmpMeta() { return {
|
|
3162
3196
|
"$flags$": 9,
|
|
3163
|
-
"$tagName$": "cura-badge-
|
|
3197
|
+
"$tagName$": "cura-badge-counter",
|
|
3164
3198
|
"$members$": {
|
|
3165
3199
|
"number": [514],
|
|
3166
|
-
"color": [
|
|
3200
|
+
"color": [1],
|
|
3201
|
+
"disabled": [4],
|
|
3202
|
+
"type": [1],
|
|
3203
|
+
"styles": [32]
|
|
3204
|
+
},
|
|
3205
|
+
"$listeners$": undefined,
|
|
3206
|
+
"$lazyBundleId$": "-",
|
|
3207
|
+
"$attrsToReflect$": [["number", "number"]]
|
|
3208
|
+
}; }
|
|
3209
|
+
}
|
|
3210
|
+
|
|
3211
|
+
const curaBadgePillCss = ".badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--base-spacing) * 1px);padding:calc(var(--base-spacing) * 1px);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--base-spacing) * 5px);min-width:calc(var(--base-spacing) * 5px);background-color:var(--color-background)}.badge-container::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}.badge-container.icon-only cura-label{display:none !important}.badge-container.disabled{background-color:var(--color-background-disabled)}.badge-container.outline{background-color:transparent}.badge-container.outline::before{border:1px solid var(--color-base)}.badge-container.outline.disabled::before{border:1px solid var(--color-outline-disabled)}.badge-container.transparent{background-color:transparent}.badge-container.transparent::before{border:1px solid transparent}.badge-container.transparent.disabled{background-color:transparent}.badge-container cura-icon{display:flex}";
|
|
3212
|
+
var CuraBadgePillStyle0 = curaBadgePillCss;
|
|
3213
|
+
|
|
3214
|
+
class CuraBadgePill {
|
|
3215
|
+
constructor(hostRef) {
|
|
3216
|
+
registerInstance(this, hostRef);
|
|
3217
|
+
this.theme = window.CuraAPI.theme;
|
|
3218
|
+
this.type = 'solid';
|
|
3219
|
+
this.color = 'primary';
|
|
3220
|
+
this.iconName = undefined;
|
|
3221
|
+
this.iconset = 'default';
|
|
3222
|
+
this.disabled = false;
|
|
3223
|
+
this.iconOnly = false;
|
|
3224
|
+
this.borderRadius = "2px";
|
|
3225
|
+
this.styles = {};
|
|
3226
|
+
}
|
|
3227
|
+
handleColorChange() {
|
|
3228
|
+
this.setColors();
|
|
3229
|
+
}
|
|
3230
|
+
connectedCallback() {
|
|
3231
|
+
this.setBaseStyles();
|
|
3232
|
+
this.setColors();
|
|
3233
|
+
}
|
|
3234
|
+
setBaseStyles() {
|
|
3235
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3236
|
+
this.styles['--font-family'] = this.theme.fonts.getFamily();
|
|
3237
|
+
this.styles['--font-size'] = this.theme.fonts.getSize();
|
|
3238
|
+
this.styles = Object.assign({}, this.styles);
|
|
3239
|
+
}
|
|
3240
|
+
setColors() {
|
|
3241
|
+
const colors = [
|
|
3242
|
+
{ name: '--color-background', theme: `${this.color}-lighter` },
|
|
3243
|
+
{ name: '--color-base', theme: `${this.color}-dark` },
|
|
3244
|
+
{ name: '--color-background-disabled', theme: 'neutral-pale' },
|
|
3245
|
+
{ name: '--color-outline-disabled', theme: 'neutral-medium' },
|
|
3246
|
+
];
|
|
3247
|
+
colors.forEach(color => {
|
|
3248
|
+
this.styles[color.name] = this.theme.colors.getColor(color.theme);
|
|
3249
|
+
});
|
|
3250
|
+
}
|
|
3251
|
+
hostCSSProperties() {
|
|
3252
|
+
return {
|
|
3253
|
+
'--border-radius': this.borderRadius || '2px',
|
|
3254
|
+
};
|
|
3255
|
+
}
|
|
3256
|
+
getClasses() {
|
|
3257
|
+
const classes = {};
|
|
3258
|
+
classes['badge-container'] = true;
|
|
3259
|
+
classes[`icon-only`] = this.iconOnly;
|
|
3260
|
+
classes['disabled'] = this.disabled;
|
|
3261
|
+
classes[`${this.type}`] = true;
|
|
3262
|
+
return classes;
|
|
3263
|
+
}
|
|
3264
|
+
getSymbolColor() {
|
|
3265
|
+
return this.disabled
|
|
3266
|
+
? 'neutral-medium'
|
|
3267
|
+
: `${this.color}-dark`;
|
|
3268
|
+
}
|
|
3269
|
+
getIcon() {
|
|
3270
|
+
if (!this.iconName)
|
|
3271
|
+
return '';
|
|
3272
|
+
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: 'micro', color: this.getSymbolColor() });
|
|
3273
|
+
}
|
|
3274
|
+
render() {
|
|
3275
|
+
const symbolColor = this.getSymbolColor();
|
|
3276
|
+
return (hAsync(Host, { key: 'b6870052543347fdc83a75629b30251ddab35e12', style: this.hostCSSProperties() }, hAsync("div", { key: 'ae8b14c1c9c323b8387e7ed4e3a97bade9c712f4', class: this.getClasses(), style: this.styles }, this.getIcon(), hAsync("cura-label", { key: 'd14ab9efd48f33c7b8153cf85699b2fc96ecd7af', size: 'xsmall', "line-height": "117%", color: symbolColor }, hAsync("slot", { key: 'b684ca1b248d04700a2b8a7245c455fb9bdef474' })))));
|
|
3277
|
+
}
|
|
3278
|
+
get host() { return getElement(this); }
|
|
3279
|
+
static get watchers() { return {
|
|
3280
|
+
"color": ["handleColorChange"]
|
|
3281
|
+
}; }
|
|
3282
|
+
static get style() { return CuraBadgePillStyle0; }
|
|
3283
|
+
static get cmpMeta() { return {
|
|
3284
|
+
"$flags$": 9,
|
|
3285
|
+
"$tagName$": "cura-badge-pill",
|
|
3286
|
+
"$members$": {
|
|
3287
|
+
"type": [513],
|
|
3288
|
+
"color": [1],
|
|
3289
|
+
"iconName": [513, "icon-name"],
|
|
3290
|
+
"iconset": [513],
|
|
3291
|
+
"disabled": [516],
|
|
3292
|
+
"iconOnly": [516, "icon-only"],
|
|
3293
|
+
"borderRadius": [513, "border-radius"],
|
|
3294
|
+
"styles": [32]
|
|
3167
3295
|
},
|
|
3168
3296
|
"$listeners$": undefined,
|
|
3169
3297
|
"$lazyBundleId$": "-",
|
|
3170
|
-
"$attrsToReflect$": [["
|
|
3298
|
+
"$attrsToReflect$": [["type", "type"], ["iconName", "icon-name"], ["iconset", "iconset"], ["disabled", "disabled"], ["iconOnly", "icon-only"], ["borderRadius", "border-radius"]]
|
|
3171
3299
|
}; }
|
|
3172
3300
|
}
|
|
3173
3301
|
|
|
@@ -3277,7 +3405,7 @@ class CuraButton {
|
|
|
3277
3405
|
render() {
|
|
3278
3406
|
const symbolColor = this.getSymbolColor();
|
|
3279
3407
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3280
|
-
return (hAsync(Host, { key: '
|
|
3408
|
+
return (hAsync(Host, { key: '27ce2e8e003caac05d652a9a25054f689d9e3841' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { class: "label", size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { class: "label", size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3281
3409
|
}
|
|
3282
3410
|
static get formAssociated() { return true; }
|
|
3283
3411
|
static get watchers() { return {
|
|
@@ -3411,7 +3539,7 @@ class CuraButtonOutline {
|
|
|
3411
3539
|
render() {
|
|
3412
3540
|
const symbolColor = this.getSymbolColor();
|
|
3413
3541
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3414
|
-
return (hAsync(Host, { key: '
|
|
3542
|
+
return (hAsync(Host, { key: '8c7adeaec50deaf3829295d2231b390992064735' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3415
3543
|
}
|
|
3416
3544
|
static get formAssociated() { return true; }
|
|
3417
3545
|
static get watchers() { return {
|
|
@@ -3510,15 +3638,6 @@ class CuraButtonSelect {
|
|
|
3510
3638
|
return this.selected ? 'neutral-white' : 'neutral-black';
|
|
3511
3639
|
}
|
|
3512
3640
|
}
|
|
3513
|
-
getColorCounter() {
|
|
3514
|
-
if (this.background === 'dark' && this.disabled) {
|
|
3515
|
-
return !this.selected ? 'neutral-black' : 'neutral-dark';
|
|
3516
|
-
}
|
|
3517
|
-
if (this.background === 'light' && this.disabled) {
|
|
3518
|
-
return 'neutral-pale';
|
|
3519
|
-
}
|
|
3520
|
-
return `${this.color}-lighter`;
|
|
3521
|
-
}
|
|
3522
3641
|
getColorBagdeNumber() {
|
|
3523
3642
|
if (this.background === 'dark' && this.disabled) {
|
|
3524
3643
|
return this.selected ? 'neutral-black' : 'neutral-dark';
|
|
@@ -3536,7 +3655,7 @@ class CuraButtonSelect {
|
|
|
3536
3655
|
return hAsync("cura-icon", { name: this.iconName, size: iconSize, color: this.getLabelFontColor() });
|
|
3537
3656
|
}
|
|
3538
3657
|
getCounter() {
|
|
3539
|
-
return (hAsync("cura-badge-
|
|
3658
|
+
return (hAsync("cura-badge-counter", { number: this.counter, color: this.color, disabled: this.disabled || null, class: "badge-number" }));
|
|
3540
3659
|
}
|
|
3541
3660
|
getCheckIconRight() {
|
|
3542
3661
|
const iconSize = this.size === 'large' ? 20 : 16;
|
|
@@ -3558,7 +3677,7 @@ class CuraButtonSelect {
|
|
|
3558
3677
|
}
|
|
3559
3678
|
render() {
|
|
3560
3679
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
3561
|
-
return (hAsync(Host, { key: '
|
|
3680
|
+
return (hAsync(Host, { key: '54bf5dc64b99128f839fdc22ff56dd709971fc8e' }, hAsync("button", { key: '422e4d80d321fb9e4cddd165700220071012bea8', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: e => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: '6c40080d1b8746e394539cf717d658e4d834c500', class: "button-container" }, this.iconName ? this.getIcon() : null, hAsync("cura-label", { key: 'f2f9b54cbcd2c7a571d966ba20f344384ecaadc0', class: "label", size: labelSize, lineHeight: "0%", color: this.getLabelFontColor(), weight: "regular" }, hAsync("slot", { key: 'f5c471e0771c6c19685aa591461a73b1aaa83c47' })), this.counter ? this.getCounter() : null, this.iconPosition === 'right' && this.selected ? this.getCheckIconRight() : null))));
|
|
3562
3681
|
}
|
|
3563
3682
|
get host() { return getElement(this); }
|
|
3564
3683
|
static get watchers() { return {
|
|
@@ -3573,7 +3692,7 @@ class CuraButtonSelect {
|
|
|
3573
3692
|
"selected": [1540],
|
|
3574
3693
|
"iconName": [1537, "icon-name"],
|
|
3575
3694
|
"size": [513],
|
|
3576
|
-
"counter": [
|
|
3695
|
+
"counter": [1538],
|
|
3577
3696
|
"disabled": [516],
|
|
3578
3697
|
"background": [1],
|
|
3579
3698
|
"color": [1],
|
|
@@ -3674,7 +3793,7 @@ class CuraButtonTransparent {
|
|
|
3674
3793
|
render() {
|
|
3675
3794
|
const symbolColor = this.getSymbolColor();
|
|
3676
3795
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3677
|
-
return (hAsync(Host, { key: '
|
|
3796
|
+
return (hAsync(Host, { key: '5cdc491f0c3e80910e76c5bef2e26ce468ffda1f' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3678
3797
|
}
|
|
3679
3798
|
static get formAssociated() { return true; }
|
|
3680
3799
|
static get watchers() { return {
|
|
@@ -7727,7 +7846,7 @@ class CuraCalendar {
|
|
|
7727
7846
|
}
|
|
7728
7847
|
render() {
|
|
7729
7848
|
const { months } = this.fetchMonthNames();
|
|
7730
|
-
return (hAsync(Host, { key: '
|
|
7849
|
+
return (hAsync(Host, { key: 'fcea88a384ceebadccb6059ef59cea945f875a72', style: this.getHostCSSProperties() }, hAsync("div", { key: '82c5271ba6b073439fb58471920f73b68b8f1320', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''}`, style: this.styles }, hAsync("header", { key: '3921fb57f3d526b9f33c59f998ad422806505bc1', class: "header" }, hAsync("div", { key: '1f852f0f29ff927d3940c670f5b25206837cc331', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '697fda3903f24611628fe24a7f669ab87474aeab', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", color: this.determinePrevButtonColor(), onClick: !this.collapsed ? () => this.updateCurrentMonth('prev') : () => this.updateCurrentWeek('prev') }), this.type === 'dropdown' ? (hAsync("div", { class: "select" }, hAsync("cura-select", { size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (hAsync("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), hAsync("cura-select", { size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (hAsync("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (hAsync("cura-label", { color: "neutral-black", size: "large" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), hAsync("cura-icon", { key: '6b7f0694e978b0807c4e54629cda68f2fde27c8a', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: '5a151331c2c9872cf3b50bbaea7c9b92b1476297', class: "days-of-week" }, this.fetchWeekDays().map((day, index) => (hAsync("cura-label", { class: "day", size: "xsmall", color: "neutral-black", weight: "bold", key: index }, day === 'sab' ? 'SÁB' : day.toLocaleUpperCase())))), hAsync("div", { key: '7eeb57ed5dc104c953343697a205a922a1b2b912', class: "dates" }, !this.collapsed
|
|
7731
7850
|
? this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
|
|
7732
7851
|
: this.fetchDaysOfWeek().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (hAsync("div", { class: "collapsed-container" }, hAsync("cura-button-transparent", { onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (hAsync("div", { class: "collapsed-container" }, hAsync("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null)));
|
|
7733
7852
|
}
|
|
@@ -7811,7 +7930,7 @@ class CuraCard {
|
|
|
7811
7930
|
return classes;
|
|
7812
7931
|
}
|
|
7813
7932
|
render() {
|
|
7814
|
-
return (hAsync(Host, { key: '
|
|
7933
|
+
return (hAsync(Host, { key: 'db1a13cfe3bb925300e65641e1d45fade5a03f52', role: this.href ? 'link' : 'div' }, this.href ? (hAsync("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, hAsync("slot", null))) : (hAsync("div", { class: this.getClasses(), style: this.styles }, hAsync("slot", null)))));
|
|
7815
7934
|
}
|
|
7816
7935
|
static get style() { return CuraCardStyle0; }
|
|
7817
7936
|
static get cmpMeta() { return {
|
|
@@ -8006,7 +8125,7 @@ class CuraCheckbox {
|
|
|
8006
8125
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8007
8126
|
}
|
|
8008
8127
|
render() {
|
|
8009
|
-
return (hAsync(Host, { key: '
|
|
8128
|
+
return (hAsync(Host, { key: '29437631c4078574a1123fcd27f471efd6738a2c' }, hAsync("div", { key: '3821e17c78c011a7ab1fb4ab148258fe85be7d19', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '0f868dfa5f35c3cd11d870eca977bb2a9c67a7d7', class: "info" }, hAsync("div", { key: '05cf807789ad779bf90946926176a2a17b1c4704', class: "label-wrapper" }, hAsync("cura-label", { key: '979497d243d7296f2c8bb5347ab01d2e12568c01', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'a8e3a3b6a891bb4c2ade3271fe8d11674770c160', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: 'afcd5016c3f232e05684b38e8ec97d6e604b8f12', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'af27633296d454363d71d5b27227c40a26a4e119' }))), hAsync("div", { key: 'd357e30a36326de76d1cd91332a32e3befeb03a9', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: '0ef63518fced76e52746b79cd598f96065f83a60', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
8010
8129
|
}
|
|
8011
8130
|
static get formAssociated() { return true; }
|
|
8012
8131
|
get host() { return getElement(this); }
|
|
@@ -8108,7 +8227,7 @@ class CuraDisplay {
|
|
|
8108
8227
|
return tags[`${this.level}`] || tags['default'];
|
|
8109
8228
|
}
|
|
8110
8229
|
render() {
|
|
8111
|
-
return (hAsync(Host, { key: '
|
|
8230
|
+
return (hAsync(Host, { key: '32758f666bb547d7cd3646694e8cc132a795bc44', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8112
8231
|
}
|
|
8113
8232
|
get host() { return getElement(this); }
|
|
8114
8233
|
static get watchers() { return {
|
|
@@ -8157,7 +8276,7 @@ class CuraDistance {
|
|
|
8157
8276
|
this.formatDistance();
|
|
8158
8277
|
}
|
|
8159
8278
|
render() {
|
|
8160
|
-
return (hAsync(Host, { key: '
|
|
8279
|
+
return (hAsync(Host, { key: 'cdc206deecbed2e069befda5d21ddcaf03049afc' }, hAsync("div", { key: 'd22d2b5b97964281e8588fbc17a66f3fddcd875e', class: "container", style: this.styles }, hAsync("cura-label", { key: '0d54ab1ad403ba23a57fb78a422ed8c577cd627e', size: 'xsmall', weight: 'bold', color: 'neutral-black' }, this.displayDistance, this.isThousandRounded ? 'K' : ''), hAsync("cura-label", { key: 'd4929a67484bbfd6d6f3edce82414951ea4778c8', size: 'xsmall', weight: 'bold', color: 'neutral-dark' }, this.label))));
|
|
8161
8280
|
}
|
|
8162
8281
|
setCssProperties() {
|
|
8163
8282
|
this.styles = {
|
|
@@ -8437,9 +8556,9 @@ class CuraDropdownSearch {
|
|
|
8437
8556
|
}
|
|
8438
8557
|
render() {
|
|
8439
8558
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8440
|
-
return (hAsync(Host, { key: '
|
|
8559
|
+
return (hAsync(Host, { key: '5acd835c67558501ac74915597423754c1d412ea', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'cb0ca2ec4f574f95897163726f81b75b18a4505e', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: 'c6eac11c0c3420e35b7432af8748976f32814851', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: 'd1cd468c497877ad7f4f22a5dd1bc5bc662bfa6e', fontColor: "dark", onClick: () => this.handleGoBack(), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '35f3943ecd4966a1d27ed9e4fba4de08376dd767', 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: () => {
|
|
8441
8560
|
this.handleOnBlur();
|
|
8442
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8561
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '13cffd23e80ec86b266c5b109b2e8ecb89f28944', name: "helperText" }))), hAsync("div", { key: 'f0047c0b74057fbf21893f3c92fcaf97db59e544', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '386584475924a3a621308e50697c49bcbe5f1bae', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8443
8562
|
}
|
|
8444
8563
|
get host() { return getElement(this); }
|
|
8445
8564
|
static get watchers() { return {
|
|
@@ -8520,12 +8639,12 @@ class CuraDropdownSearchOption {
|
|
|
8520
8639
|
}
|
|
8521
8640
|
}
|
|
8522
8641
|
render() {
|
|
8523
|
-
return (hAsync(Host, { key: '
|
|
8642
|
+
return (hAsync(Host, { key: '333293644b47d0b7b8e288cf6a81e3e8916a82bd', slot: "dropdown-search-option" }, hAsync("div", { key: '5a7f789204607805d65c3b0a586ffdeb54c10a02', style: this.styles, class: {
|
|
8524
8643
|
"option-container": true,
|
|
8525
8644
|
hovered: this.selectable ? this.hovered : false,
|
|
8526
8645
|
selected: this.selected,
|
|
8527
8646
|
disabled: !this.selectable
|
|
8528
|
-
} }, hAsync("div", { key: '
|
|
8647
|
+
} }, hAsync("div", { key: '7ba5fd8f0f35fe0b5856fdaeedf09c7cb8d4fd24', class: "content-container" }, hAsync("div", { key: '6618b6f7248e43be1f6915800662d48bf3a08f7c', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: 'c8c6d3a059d221ae3871f2cb048cb6145bec3546', name: "image" }), hAsync("cura-heading", { key: '4678a347d5211c38c9e05dded43ab68840cebca2', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: '97a34c9bb70e3aaf34fb3ead81ef5e6a0cd05782' }))), hAsync("slot", { key: 'fecb411b2de2c169f01cf1a8c1ca2ed14ee049e9', name: "action" })))));
|
|
8529
8648
|
}
|
|
8530
8649
|
get hostElement() { return getElement(this); }
|
|
8531
8650
|
static get watchers() { return {
|
|
@@ -8556,7 +8675,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8556
8675
|
registerInstance(this, hostRef);
|
|
8557
8676
|
}
|
|
8558
8677
|
render() {
|
|
8559
|
-
return (hAsync(Host, { key: '
|
|
8678
|
+
return (hAsync(Host, { key: 'ff083af27d3250e4722c6f238b80b33f739cb64c', slot: "dropdown-search-option" }, hAsync("cura-label", { key: '62e9b2a758e000eb1ce5e5a76c1e9e555b5a4c8c', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: 'e96fd0daa9b210bdea256d88c17b6cc9c425c5bc' }))));
|
|
8560
8679
|
}
|
|
8561
8680
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8562
8681
|
static get cmpMeta() { return {
|
|
@@ -8636,7 +8755,7 @@ class CuraHeading {
|
|
|
8636
8755
|
return tags[`${this.level}`] || tags['default'];
|
|
8637
8756
|
}
|
|
8638
8757
|
render() {
|
|
8639
|
-
return (hAsync(Host, { key: '
|
|
8758
|
+
return (hAsync(Host, { key: '16f2897c60b5a41256f326d520277480e2800f17', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8640
8759
|
}
|
|
8641
8760
|
get host() { return getElement(this); }
|
|
8642
8761
|
static get watchers() { return {
|
|
@@ -8663,7 +8782,6 @@ class CuraHeading {
|
|
|
8663
8782
|
}; }
|
|
8664
8783
|
}
|
|
8665
8784
|
|
|
8666
|
-
const microIcons = ['arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'check', 'checkDouble', 'close', 'closeCircle', 'collapse', 'down', 'expand', 'linkExternal', 'link', 'left', 'minus', 'minusCircle', 'minusSquare', 'order', 'subItem', 'right', 'plus', 'plusCircle', 'plusSquare', 'up', 'filter', 'swap'];
|
|
8667
8785
|
const iconSizes = {
|
|
8668
8786
|
"128": { size: 128, stroke: 5.25 },
|
|
8669
8787
|
"72": { size: 72, stroke: 3.5 },
|
|
@@ -8674,7 +8792,7 @@ const iconSizes = {
|
|
|
8674
8792
|
"24": { size: 24, stroke: 2 },
|
|
8675
8793
|
"20": { size: 20, stroke: 1.75 },
|
|
8676
8794
|
"16": { size: 16, stroke: 1.5 },
|
|
8677
|
-
"micro": { size: 12, stroke: 1.
|
|
8795
|
+
"micro": { size: 12, stroke: 1.25 },
|
|
8678
8796
|
"default": { size: 24, stroke: 2 }
|
|
8679
8797
|
};
|
|
8680
8798
|
|
|
@@ -8691,10 +8809,6 @@ class CuraIcon {
|
|
|
8691
8809
|
this.disabled = false;
|
|
8692
8810
|
}
|
|
8693
8811
|
sizeHandler(size) {
|
|
8694
|
-
if (size === 'micro' && !microIcons.includes(this.name)) {
|
|
8695
|
-
size = 16;
|
|
8696
|
-
console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);
|
|
8697
|
-
}
|
|
8698
8812
|
const scaledStroke = (iconSize) => {
|
|
8699
8813
|
return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;
|
|
8700
8814
|
};
|
|
@@ -8713,7 +8827,7 @@ class CuraIcon {
|
|
|
8713
8827
|
this.host.style.setProperty(prop, value);
|
|
8714
8828
|
}
|
|
8715
8829
|
render() {
|
|
8716
|
-
return (hAsync(Host, { key: '
|
|
8830
|
+
return (hAsync(Host, { key: '0a9f6e85bc7be23072c17fd8f99ca88601e2a830' }, hAsync("svg", { key: '00e4c6f5ce357b7a974d3dd0a27948fc1e8138ce', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: '504a842d6b030539cb615cf60b090fbc9f771761', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8717
8831
|
}
|
|
8718
8832
|
get host() { return getElement(this); }
|
|
8719
8833
|
static get watchers() { return {
|
|
@@ -8757,10 +8871,7 @@ class CuraIconsView {
|
|
|
8757
8871
|
this.sizes.unshift(this.sizes.pop());
|
|
8758
8872
|
}
|
|
8759
8873
|
render() {
|
|
8760
|
-
return (hAsync(Host, { key: '
|
|
8761
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '973355e41f1a10405c8224461625215aedabe0e3', class: "iconSizes invert" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8762
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'acd2b60eb99238893fc97aa177e96f43a3c54bd1', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon), !microIcons.includes(icon) ? '' :
|
|
8763
|
-
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8874
|
+
return (hAsync(Host, { key: '4c5839d8673f7b6cc5ef212f3dab12fbd7fa4a65' }, hAsync("div", { key: '80ac970319cd6041b133a5808ff5c47a8e7b8aa6', class: "iconDetail" }, hAsync("cura-heading", { key: 'd1a2fbd4455304a9f581e62207492cd172abcd93', size: "small", "margin-block": "0 24px" }, "Icon: ", hAsync("b", { key: '67e7e479b00f6305af972c7de12e926c0d2067ca' }, this.selected)), hAsync("div", { key: '8eb81c26431259818f299dd7ebcf708d1f664dc1', class: "iconSizes" }, this.sizes.map(size => hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '2ff3b3a5868a68e2f6fa967fa2e3e9c2e5883451', class: "iconSizes invert" }, this.sizes.map(size => hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'c3581991a1b8971447625ed67f4ba0d616efb855', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
|
|
8764
8875
|
}
|
|
8765
8876
|
static get style() { return CuraIconsViewStyle0; }
|
|
8766
8877
|
static get cmpMeta() { return {
|
|
@@ -8943,7 +9054,7 @@ class CuraInputDate {
|
|
|
8943
9054
|
}
|
|
8944
9055
|
}
|
|
8945
9056
|
render() {
|
|
8946
|
-
return (hAsync(Host, { key: '
|
|
9057
|
+
return (hAsync(Host, { key: '4475cb04acbde80d6c0b4b8d307a2e6d85384251' }, hAsync("div", { key: 'c5ee644bc041a5e66d516b179d2805f5b91e1312', class: "container", style: this.styles }, hAsync("cura-input-text", { key: 'b73b2acd0e6ded25fe9bfcb3de3638dd7d30e474', 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()))));
|
|
8947
9058
|
}
|
|
8948
9059
|
static get formAssociated() { return true; }
|
|
8949
9060
|
get el() { return getElement(this); }
|
|
@@ -13018,7 +13129,7 @@ class CuraLabel {
|
|
|
13018
13129
|
};
|
|
13019
13130
|
}
|
|
13020
13131
|
render() {
|
|
13021
|
-
return (hAsync(Host, { key: '
|
|
13132
|
+
return (hAsync(Host, { key: 'cd35f2488c9783fc69bf2aea4c56c5dbb6e4d954', style: this.hostCSSProperties() }, hAsync("p", { key: '2ab39f5cbd61b55525b4d2d9c39d19106b735ebb', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f30ccdb0c038ae93096ab94db4a80a407a9976dc' }))));
|
|
13022
13133
|
}
|
|
13023
13134
|
get host() { return getElement(this); }
|
|
13024
13135
|
static get watchers() { return {
|
|
@@ -13065,7 +13176,7 @@ class CuraLoaderBar {
|
|
|
13065
13176
|
this.setProgress();
|
|
13066
13177
|
}
|
|
13067
13178
|
render() {
|
|
13068
|
-
return (hAsync(Host, { key: '
|
|
13179
|
+
return (hAsync(Host, { key: '2cffac94bdca65aa8ddff9d57c085a6b2eb30410' }, hAsync("div", { key: 'cfdcf79c63a6c40f24088a71f96986ba46e6d7b7', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: 'ae0cd539ddc63db0d0adae566788501b2042d82b', class: "progress-bar-fill" }))));
|
|
13069
13180
|
}
|
|
13070
13181
|
setColor() {
|
|
13071
13182
|
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) });
|
|
@@ -13117,7 +13228,7 @@ class CuraLoaderCircle {
|
|
|
13117
13228
|
};
|
|
13118
13229
|
}
|
|
13119
13230
|
render() {
|
|
13120
|
-
return (hAsync(Host, { key: '
|
|
13231
|
+
return (hAsync(Host, { key: 'b54c7d6fb5f297776c415fc6320dcc56a8d8e23f', style: this.getStyles() }, hAsync("svg", { key: '678e5b6959113b39bbd99cfa1cc24fe3476f88f5', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: 'f644ac82003dc4a59944d75d315c0e0e857de2c0' }, hAsync("circle", { key: 'edf0ee851a9baf6f4928f961b296de9b82652aba', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: '60892a122ff4036ca29e550794ab1ce06c221359', 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: '3b9a54760fe0bab2e8fe6139b8c7365d11e1d966' }, hAsync("linearGradient", { key: '447ab3c5dd38685173404c775c7fd993f6ffd696', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'df6855ea0c534bd6a623580573f999f1e078f77f' }), hAsync("stop", { key: '8a76e2928a39673780ad5561dbc5b4204af62fcb', offset: "1" }))))));
|
|
13121
13232
|
}
|
|
13122
13233
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13123
13234
|
static get cmpMeta() { return {
|
|
@@ -13133,7 +13244,7 @@ class CuraLoaderCircle {
|
|
|
13133
13244
|
}; }
|
|
13134
13245
|
}
|
|
13135
13246
|
|
|
13136
|
-
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:
|
|
13247
|
+
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);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
13248
|
var CuraModalStyle0 = curaModalCss;
|
|
13138
13249
|
|
|
13139
13250
|
class CuraModal {
|
|
@@ -13146,7 +13257,10 @@ class CuraModal {
|
|
|
13146
13257
|
};
|
|
13147
13258
|
this.open = false;
|
|
13148
13259
|
this.background = 'light';
|
|
13149
|
-
this.
|
|
13260
|
+
this.top = 0;
|
|
13261
|
+
this.bottom = 0;
|
|
13262
|
+
this.left = 0;
|
|
13263
|
+
this.right = 0;
|
|
13150
13264
|
this.styles = {};
|
|
13151
13265
|
}
|
|
13152
13266
|
setColors() {
|
|
@@ -13156,20 +13270,38 @@ class CuraModal {
|
|
|
13156
13270
|
};
|
|
13157
13271
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13158
13272
|
}
|
|
13159
|
-
|
|
13160
|
-
this.styles = Object.assign(Object.assign({}, this.styles), {
|
|
13273
|
+
setOffset(name, value) {
|
|
13274
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { [`--${name}-offset`]: `${value}px` });
|
|
13275
|
+
}
|
|
13276
|
+
setTop() {
|
|
13277
|
+
this.setOffset('top', this.top);
|
|
13278
|
+
}
|
|
13279
|
+
setBottom() {
|
|
13280
|
+
this.setOffset('bottom', this.bottom);
|
|
13281
|
+
}
|
|
13282
|
+
setLeft() {
|
|
13283
|
+
this.setOffset('left', this.left);
|
|
13284
|
+
}
|
|
13285
|
+
setRight() {
|
|
13286
|
+
this.setOffset('right', this.right);
|
|
13161
13287
|
}
|
|
13162
13288
|
connectedCallback() {
|
|
13163
13289
|
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
13290
|
this.setColors();
|
|
13165
|
-
this.
|
|
13291
|
+
this.setTop();
|
|
13292
|
+
this.setBottom();
|
|
13293
|
+
this.setLeft();
|
|
13294
|
+
this.setRight();
|
|
13166
13295
|
}
|
|
13167
13296
|
render() {
|
|
13168
|
-
return (hAsync(Host, { key: '
|
|
13297
|
+
return (hAsync(Host, { key: '5061e0536f1f06ae425a810fc15eb85d36caa271', role: "dialog", "aria-modal": "true" }, hAsync("div", { key: '2afc242ddb391923dccfb6adc218179d32ee85e3', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, hAsync("div", { key: '5cf4d0d0817e23774984991467b8a34297f47336', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), hAsync("div", { key: 'ba6a2679ce03c87c88e42c4f28616ab9afc09116', class: "wrapper" }, hAsync("button", { key: 'cc3126fa311ef7eb75dbdb56468d7b53af13740c', class: "close desktop", onClick: this.handleClose }, hAsync("cura-icon", { key: 'b116480ab348f69fafbbc5e8bef7ee5a43640b00', name: "close", color: "error-dark", size: "small" })), hAsync("slot", { key: '7fd83b4991dee4e7cab92bf6e357efa4ce3c1d71' }), hAsync("button", { key: '1351ba9d296c1362197496f336a20007cd6f45f0', class: "close mobile", onClick: this.handleClose }, hAsync("cura-icon", { key: '3d72c9f8981c380ab8ff19e4507497703011aece', name: "close", color: "error-dark", size: "16" }), hAsync("cura-paragraph", { key: '77e1144a9edb1c20e34f9f7e02ea97264d525143', color: "error-dark", size: "small", marginBlock: "0" }, "Fechar"))))));
|
|
13169
13298
|
}
|
|
13170
13299
|
static get watchers() { return {
|
|
13171
13300
|
"background": ["setColors"],
|
|
13172
|
-
"
|
|
13301
|
+
"top": ["setTop"],
|
|
13302
|
+
"bottom": ["setBottom"],
|
|
13303
|
+
"left": ["setLeft"],
|
|
13304
|
+
"right": ["setRight"]
|
|
13173
13305
|
}; }
|
|
13174
13306
|
static get style() { return CuraModalStyle0; }
|
|
13175
13307
|
static get cmpMeta() { return {
|
|
@@ -13178,7 +13310,10 @@ class CuraModal {
|
|
|
13178
13310
|
"$members$": {
|
|
13179
13311
|
"open": [1540],
|
|
13180
13312
|
"background": [1],
|
|
13181
|
-
"
|
|
13313
|
+
"top": [2],
|
|
13314
|
+
"bottom": [2],
|
|
13315
|
+
"left": [2],
|
|
13316
|
+
"right": [2],
|
|
13182
13317
|
"styles": [32]
|
|
13183
13318
|
},
|
|
13184
13319
|
"$listeners$": undefined,
|
|
@@ -13206,7 +13341,7 @@ class CuraPageTemplate {
|
|
|
13206
13341
|
return classes;
|
|
13207
13342
|
}
|
|
13208
13343
|
render() {
|
|
13209
|
-
return (hAsync(Host, { key: '
|
|
13344
|
+
return (hAsync(Host, { key: '1e08a43c7701b7063cb652f6e040d3d5f5eb09a4' }, hAsync("div", { key: '8aed196bdd1e4385a5cd397d531f32d5d6a34e45', style: this.styles, class: "grid-template" }, hAsync("div", { key: '92bb8cc24ddc2a6c7cb81cca6326e3aae62fe9fb', id: "sub-header" }, hAsync("slot", { key: 'af2542eb9aae107bb96009e1dbf234099e3fee06', name: 'sub-header' })), hAsync("div", { key: '11ccbfe4b8f226d5f312b9db81cb10bf7aff6058', id: "header" }, hAsync("slot", { key: 'f4cf6ce66934479b421841c0d85341ad771f8801', name: 'header' })), hAsync("div", { key: 'b0af61b6a26cffbae8722a265bbf695984aeb192', id: "pre-content" }, hAsync("slot", { key: '1c6e615377935f2d8bcdc0106a7f8ef46a4096c8', name: 'pre-content' })), hAsync("div", { key: '7c9600de42ea9338571f59c7dfa07e8d83d907f3', id: "content-container", class: this.getClasses() }, hAsync("div", { key: '8e9c4100038b1a7add298292b039098a66936fc3', id: "sidebar-left" }, hAsync("slot", { key: '266eface0f8eb826fce97ec1c6eb8a5f2a983256', name: 'sidebar-left' })), hAsync("div", { key: 'da2e6b2a9d72cb80f5f340e877388ce82e285d97', id: "content" }, hAsync("slot", { key: '8e1fb56cad2e3b693fb40c87bc8b8813ac1c5cec', name: "content" }), hAsync("slot", { key: '7fcfa41e62fbb3eb03e6350d2242119cea4a7172' })), hAsync("div", { key: '561cdd39b2327375fbfab17b7d9ba61d3c8641e1', id: "sidebar-right" }, hAsync("slot", { key: 'abb1a3c4b46a4e576f9720582e41237f323baedb', name: 'sidebar-right' }))), hAsync("div", { key: '273e8172b1084ef92d125ec3c524bd0a357e740a', id: "post-body" }, hAsync("slot", { key: '9c0ba47959028dd86b5d83fe9050e4cbd51b09f0', name: 'post-body' })), hAsync("div", { key: 'ec53311edaed349b82cf37be5957d9a07e1e25d3', id: "footer" }, hAsync("slot", { key: '16d56243b257ba7b3b6919c5fcd4b482d646b925', name: 'footer' })), hAsync("div", { key: 'ed81fc5a890b564a6b437f61122259b6ea5a94f2', id: "sub-footer" }, hAsync("slot", { key: '88c1d8297bd16ac01f7f5e81803cee6d1b13aa41', name: 'sub-footer' })))));
|
|
13210
13345
|
}
|
|
13211
13346
|
get host() { return getElement(this); }
|
|
13212
13347
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13272,7 +13407,7 @@ class CuraParagraph {
|
|
|
13272
13407
|
};
|
|
13273
13408
|
}
|
|
13274
13409
|
render() {
|
|
13275
|
-
return (hAsync(Host, { key: '
|
|
13410
|
+
return (hAsync(Host, { key: '237ff05930df443e9e8c2cb618554525c2312e35', style: this.hostCSSProperties() }, hAsync("p", { key: '71afec31842fc60f17881613ab2f36f4cffd358b', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: '07fa9781d53113b7d4f9b7732b48d6836f700406' }))));
|
|
13276
13411
|
}
|
|
13277
13412
|
get host() { return getElement(this); }
|
|
13278
13413
|
static get watchers() { return {
|
|
@@ -13429,7 +13564,7 @@ class CuraRadio {
|
|
|
13429
13564
|
return statusColors[this.status][type];
|
|
13430
13565
|
}
|
|
13431
13566
|
render() {
|
|
13432
|
-
return (hAsync(Host, { key: '
|
|
13567
|
+
return (hAsync(Host, { key: '25923b3fbf86f71b658dad0bb9a2c6369a807fda' }, hAsync("div", { key: 'baa6ddbadc3bbccd87382aebec5d7b7295a8bd56', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '09cb57517f50d2253f8f45547aac980e432857ef', class: "info" }, hAsync("div", { key: '4a7ac1ece9ea44c27ee699f556f1026c99f15800', class: "label-wrapper" }, hAsync("cura-label", { key: 'e0f883fcaf4645306606bf8b494b03659bafb4f4', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'feb753a9d6bd48c3bb6e3f8ff15bce3bec626468', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '0ef2068d42f16c4d8117785957b8b35952342aea', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '07754f271896b76c4c4570c12e1ed94eb1fce289' }))), hAsync("input", { key: 'fc63364706b6849ff35d91478935de7e58892c2f', 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 }))));
|
|
13433
13568
|
}
|
|
13434
13569
|
static get formAssociated() { return true; }
|
|
13435
13570
|
get host() { return getElement(this); }
|
|
@@ -13741,13 +13876,13 @@ class CuraSelect {
|
|
|
13741
13876
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13742
13877
|
}
|
|
13743
13878
|
render() {
|
|
13744
|
-
return (hAsync(Host, { key: '
|
|
13879
|
+
return (hAsync(Host, { key: 'cb2962534d4f39e83739c14396bf7ada6389f4e2', style: this.styles }, hAsync("div", { key: '2b09c26a8f5e1dd8f11b8624c4fbc4d840cdb9fd', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: 'c6585f4b4024a42ce4e105acec9f1710b7c0eb71', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: '4dcc4a50529b1521b43a7e8bbeee62d0bbc12dc7', class: 'required' }, "* "))), hAsync("div", { key: '189da945bff9d9e946ef5b46d2a021b29b508214', class: {
|
|
13745
13880
|
'cura-input-field': true,
|
|
13746
13881
|
'open': this.isOpen
|
|
13747
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13882
|
+
} }, this.renderIcon(), hAsync("input", { key: '13cc7d03a4770819a84239ab934f7a73f10434db', 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: 'c0ccb27b7de0849b0e960e69ef472463a4b9d02b', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: '5b093234b507fe6a2c350e9bee5e9a24eba2e5d6', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: 'c051fa93257f3d68945fa15edd2ab10e9ca75087' })), this.isOpen && (hAsync("div", { key: '8a20447dee35780853e3560c86975ead069e9369', class: {
|
|
13748
13883
|
'menu': true,
|
|
13749
13884
|
'open': this.isOpen
|
|
13750
|
-
} }, hAsync("slot", { key: '
|
|
13885
|
+
} }, hAsync("slot", { key: 'dff5e6b54842ed9a6e458414977080069a0c4b5c', name: 'option' }))))));
|
|
13751
13886
|
}
|
|
13752
13887
|
static get formAssociated() { return true; }
|
|
13753
13888
|
get host() { return getElement(this); }
|
|
@@ -13821,7 +13956,7 @@ class CuraSelectOption {
|
|
|
13821
13956
|
};
|
|
13822
13957
|
}
|
|
13823
13958
|
render() {
|
|
13824
|
-
return (hAsync(Host, { key: '
|
|
13959
|
+
return (hAsync(Host, { key: 'cf0489e6e396d60d4a4f71e306727ac12b3fbb7a', slot: "option" }, hAsync("div", { key: 'e970f361bff2c54e0324e43a612d3fa45a83b2bd', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: '7bbcc39a51c2c9e14f233c94ea2dcf20543e11eb', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: 'f5a54eaf4e2ef19239ca185b39897f98d11f05c7' })), this.selected && hAsync("cura-icon", { key: '8a1560793da12ec6f5d3e9dc2db7e242a440267c', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13825
13960
|
}
|
|
13826
13961
|
get host() { return getElement(this); }
|
|
13827
13962
|
static get watchers() { return {
|
|
@@ -13948,7 +14083,7 @@ class CuraSwitch {
|
|
|
13948
14083
|
return classes;
|
|
13949
14084
|
}
|
|
13950
14085
|
render() {
|
|
13951
|
-
return (hAsync(Host, { key: '
|
|
14086
|
+
return (hAsync(Host, { key: 'd7aee391a4604acfae345b3645543c6b27efc033' }, hAsync("div", { key: '446f921b82386fb0f9d8d8551f6128a2891cd27e', class: this.getClasses(), style: this.styles }, hAsync("div", { key: 'a6528ac65f396a40ea92556183d047212b4c678f', class: "info" }, hAsync("cura-label", { key: '0d404e3d0310c985b03cc29d4b9495331ce87c2a', 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: '833c04b96bf358b2991b618f4089e7ce31e96e30', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '3cb25210dbc16055660d612b78940e5b53cf6f96' }))), hAsync("div", { key: 'db87f67c29558a05704a5baae728bfaa4db217d1', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: 'cdafeccd3cd11f5b7bfabf73ce8e2a3476febe99', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: 'da8ef012bcb02afe21d22b0e6145a129a9282f25', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13952
14087
|
}
|
|
13953
14088
|
static get formAssociated() { return true; }
|
|
13954
14089
|
static get watchers() { return {
|
|
@@ -14004,7 +14139,7 @@ class CuraToast {
|
|
|
14004
14139
|
this.setStyle();
|
|
14005
14140
|
}
|
|
14006
14141
|
render() {
|
|
14007
|
-
return (hAsync(Host, { key: '
|
|
14142
|
+
return (hAsync(Host, { key: '0265d288e95db1331400e60d2ca694be22397294' }, hAsync("div", { key: '2aee45d4fd237b703846272582e8258fbabb5238', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'c75ea1c8aceaf039e8d525c1ff406bcbf25b8554', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'e4d75da71aef899ec260666095f977caec86c19f', class: "content" }, hAsync("cura-heading", { key: '3523fb7c3674854322dad502252cda7dd3bdca9e', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'a4d639691820e4e242a178604d9b20a97da7bccb', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '4b86678d47455798a0f5455a406c02eaf8000ba8' })), hAsync("slot", { key: '28b9088b76b7b2084cf7024eb1f35f28b344e098', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '20a3b18030bfc418439f75795bd98ebacbb1aeca', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '82b7e205ad8c5abae481bbed409109cd17661ce1', color: `${this.type}-base`, progress: this.progress }))));
|
|
14008
14143
|
}
|
|
14009
14144
|
componentDidLoad() {
|
|
14010
14145
|
this.openContainer();
|
|
@@ -14123,7 +14258,7 @@ class CuraTooltip {
|
|
|
14123
14258
|
this.setStyle();
|
|
14124
14259
|
}
|
|
14125
14260
|
render() {
|
|
14126
|
-
return (hAsync(Host, { key: '
|
|
14261
|
+
return (hAsync(Host, { key: 'a8e36ac08ca7a12c1ff893c0d7525e31bd820b32', role: "tooltip", id: this.elementId }, hAsync("div", { key: '8d1c01e85f80b2c00846273c270d7a09d555a038', class: "container", style: this.styles }, hAsync("div", { key: '39501b4a8dbfc71cb166ec539db8fa24d2e65db0', class: "content" }, hAsync("cura-heading", { key: '7c9209d35ab4dd2c21af7de18e013546947b3937', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: '21cef01e82c0000eaaecf4ba7351d5cc416a45f4', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'c752679de543d3d31d4b4a5a97c928c7a5cc9f1a' }))), this.closeButton && !this.isMobile && hAsync("cura-icon", { key: '398b9a3579df7969e319c207814cdf43e0bd7b5a', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && hAsync("cura-button-transparent", { key: 'dc605edcfa382bad86acb8d51510c35a6ee67b74', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
14127
14262
|
}
|
|
14128
14263
|
componentDidLoad() {
|
|
14129
14264
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14338,6 +14473,7 @@ registerComponents([
|
|
|
14338
14473
|
CuraAlert,
|
|
14339
14474
|
CuraAvatar,
|
|
14340
14475
|
CuraBadgeNumber,
|
|
14476
|
+
CuraBadgePill,
|
|
14341
14477
|
CuraButton,
|
|
14342
14478
|
CuraButtonOutline,
|
|
14343
14479
|
CuraButtonSelect,
|