@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.mjs
CHANGED
|
@@ -3032,7 +3032,7 @@ class CuraAlert {
|
|
|
3032
3032
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
3033
3033
|
}
|
|
3034
3034
|
render() {
|
|
3035
|
-
return (hAsync(Host, { key: '
|
|
3035
|
+
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 ?
|
|
3036
3036
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
3037
3037
|
: '')));
|
|
3038
3038
|
}
|
|
@@ -3108,7 +3108,7 @@ class CuraAvatar {
|
|
|
3108
3108
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3109
3109
|
}
|
|
3110
3110
|
render() {
|
|
3111
|
-
return (hAsync(Host, { key: '
|
|
3111
|
+
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() }))));
|
|
3112
3112
|
}
|
|
3113
3113
|
get host() { return getElement(this); }
|
|
3114
3114
|
static get watchers() { return {
|
|
@@ -3136,34 +3136,162 @@ class CuraAvatar {
|
|
|
3136
3136
|
}; }
|
|
3137
3137
|
}
|
|
3138
3138
|
|
|
3139
|
-
const
|
|
3140
|
-
var
|
|
3139
|
+
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)}";
|
|
3140
|
+
var CuraBadgeCounterStyle0 = curaBadgeCounterCss;
|
|
3141
3141
|
|
|
3142
3142
|
class CuraBadgeNumber {
|
|
3143
3143
|
constructor(hostRef) {
|
|
3144
3144
|
registerInstance(this, hostRef);
|
|
3145
|
-
this.styles = {};
|
|
3146
3145
|
this.theme = window.CuraAPI.theme;
|
|
3146
|
+
this.labelColor = 'primary-darker';
|
|
3147
|
+
this.bgColorName = 'primary-lighter';
|
|
3147
3148
|
this.number = undefined;
|
|
3148
|
-
this.color =
|
|
3149
|
+
this.color = 'primary';
|
|
3150
|
+
this.disabled = false;
|
|
3151
|
+
this.type = 'solid';
|
|
3152
|
+
this.styles = {};
|
|
3153
|
+
}
|
|
3154
|
+
handleColorChange() {
|
|
3155
|
+
this.setColors();
|
|
3156
|
+
}
|
|
3157
|
+
setColors() {
|
|
3158
|
+
const color = this.color.toLowerCase();
|
|
3159
|
+
/** type outline and transparent */
|
|
3160
|
+
if (this.type === 'outline' || this.type === 'transparent') {
|
|
3161
|
+
this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;
|
|
3162
|
+
this.labelColor = this.bgColorName;
|
|
3163
|
+
/** type solid - default */
|
|
3164
|
+
}
|
|
3165
|
+
else {
|
|
3166
|
+
this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;
|
|
3167
|
+
this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;
|
|
3168
|
+
}
|
|
3169
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(`${this.bgColorName}`) });
|
|
3149
3170
|
}
|
|
3150
3171
|
connectedCallback() {
|
|
3151
|
-
this.styles
|
|
3172
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3173
|
+
this.setColors();
|
|
3174
|
+
}
|
|
3175
|
+
getClasses() {
|
|
3176
|
+
const classes = {
|
|
3177
|
+
'container': true,
|
|
3178
|
+
};
|
|
3179
|
+
classes[this.type.toLowerCase()] = true;
|
|
3180
|
+
return classes;
|
|
3152
3181
|
}
|
|
3153
3182
|
render() {
|
|
3154
|
-
return (hAsync(Host, { key: '
|
|
3183
|
+
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)))));
|
|
3155
3184
|
}
|
|
3156
|
-
static get
|
|
3185
|
+
static get watchers() { return {
|
|
3186
|
+
"disabled": ["handleColorChange"],
|
|
3187
|
+
"color": ["handleColorChange"],
|
|
3188
|
+
"type": ["handleColorChange"]
|
|
3189
|
+
}; }
|
|
3190
|
+
static get style() { return CuraBadgeCounterStyle0; }
|
|
3157
3191
|
static get cmpMeta() { return {
|
|
3158
3192
|
"$flags$": 9,
|
|
3159
|
-
"$tagName$": "cura-badge-
|
|
3193
|
+
"$tagName$": "cura-badge-counter",
|
|
3160
3194
|
"$members$": {
|
|
3161
3195
|
"number": [514],
|
|
3162
|
-
"color": [
|
|
3196
|
+
"color": [1],
|
|
3197
|
+
"disabled": [4],
|
|
3198
|
+
"type": [1],
|
|
3199
|
+
"styles": [32]
|
|
3200
|
+
},
|
|
3201
|
+
"$listeners$": undefined,
|
|
3202
|
+
"$lazyBundleId$": "-",
|
|
3203
|
+
"$attrsToReflect$": [["number", "number"]]
|
|
3204
|
+
}; }
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
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}";
|
|
3208
|
+
var CuraBadgePillStyle0 = curaBadgePillCss;
|
|
3209
|
+
|
|
3210
|
+
class CuraBadgePill {
|
|
3211
|
+
constructor(hostRef) {
|
|
3212
|
+
registerInstance(this, hostRef);
|
|
3213
|
+
this.theme = window.CuraAPI.theme;
|
|
3214
|
+
this.type = 'solid';
|
|
3215
|
+
this.color = 'primary';
|
|
3216
|
+
this.iconName = undefined;
|
|
3217
|
+
this.iconset = 'default';
|
|
3218
|
+
this.disabled = false;
|
|
3219
|
+
this.iconOnly = false;
|
|
3220
|
+
this.borderRadius = "2px";
|
|
3221
|
+
this.styles = {};
|
|
3222
|
+
}
|
|
3223
|
+
handleColorChange() {
|
|
3224
|
+
this.setColors();
|
|
3225
|
+
}
|
|
3226
|
+
connectedCallback() {
|
|
3227
|
+
this.setBaseStyles();
|
|
3228
|
+
this.setColors();
|
|
3229
|
+
}
|
|
3230
|
+
setBaseStyles() {
|
|
3231
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3232
|
+
this.styles['--font-family'] = this.theme.fonts.getFamily();
|
|
3233
|
+
this.styles['--font-size'] = this.theme.fonts.getSize();
|
|
3234
|
+
this.styles = Object.assign({}, this.styles);
|
|
3235
|
+
}
|
|
3236
|
+
setColors() {
|
|
3237
|
+
const colors = [
|
|
3238
|
+
{ name: '--color-background', theme: `${this.color}-lighter` },
|
|
3239
|
+
{ name: '--color-base', theme: `${this.color}-dark` },
|
|
3240
|
+
{ name: '--color-background-disabled', theme: 'neutral-pale' },
|
|
3241
|
+
{ name: '--color-outline-disabled', theme: 'neutral-medium' },
|
|
3242
|
+
];
|
|
3243
|
+
colors.forEach(color => {
|
|
3244
|
+
this.styles[color.name] = this.theme.colors.getColor(color.theme);
|
|
3245
|
+
});
|
|
3246
|
+
}
|
|
3247
|
+
hostCSSProperties() {
|
|
3248
|
+
return {
|
|
3249
|
+
'--border-radius': this.borderRadius || '2px',
|
|
3250
|
+
};
|
|
3251
|
+
}
|
|
3252
|
+
getClasses() {
|
|
3253
|
+
const classes = {};
|
|
3254
|
+
classes['badge-container'] = true;
|
|
3255
|
+
classes[`icon-only`] = this.iconOnly;
|
|
3256
|
+
classes['disabled'] = this.disabled;
|
|
3257
|
+
classes[`${this.type}`] = true;
|
|
3258
|
+
return classes;
|
|
3259
|
+
}
|
|
3260
|
+
getSymbolColor() {
|
|
3261
|
+
return this.disabled
|
|
3262
|
+
? 'neutral-medium'
|
|
3263
|
+
: `${this.color}-dark`;
|
|
3264
|
+
}
|
|
3265
|
+
getIcon() {
|
|
3266
|
+
if (!this.iconName)
|
|
3267
|
+
return '';
|
|
3268
|
+
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: 'micro', color: this.getSymbolColor() });
|
|
3269
|
+
}
|
|
3270
|
+
render() {
|
|
3271
|
+
const symbolColor = this.getSymbolColor();
|
|
3272
|
+
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' })))));
|
|
3273
|
+
}
|
|
3274
|
+
get host() { return getElement(this); }
|
|
3275
|
+
static get watchers() { return {
|
|
3276
|
+
"color": ["handleColorChange"]
|
|
3277
|
+
}; }
|
|
3278
|
+
static get style() { return CuraBadgePillStyle0; }
|
|
3279
|
+
static get cmpMeta() { return {
|
|
3280
|
+
"$flags$": 9,
|
|
3281
|
+
"$tagName$": "cura-badge-pill",
|
|
3282
|
+
"$members$": {
|
|
3283
|
+
"type": [513],
|
|
3284
|
+
"color": [1],
|
|
3285
|
+
"iconName": [513, "icon-name"],
|
|
3286
|
+
"iconset": [513],
|
|
3287
|
+
"disabled": [516],
|
|
3288
|
+
"iconOnly": [516, "icon-only"],
|
|
3289
|
+
"borderRadius": [513, "border-radius"],
|
|
3290
|
+
"styles": [32]
|
|
3163
3291
|
},
|
|
3164
3292
|
"$listeners$": undefined,
|
|
3165
3293
|
"$lazyBundleId$": "-",
|
|
3166
|
-
"$attrsToReflect$": [["
|
|
3294
|
+
"$attrsToReflect$": [["type", "type"], ["iconName", "icon-name"], ["iconset", "iconset"], ["disabled", "disabled"], ["iconOnly", "icon-only"], ["borderRadius", "border-radius"]]
|
|
3167
3295
|
}; }
|
|
3168
3296
|
}
|
|
3169
3297
|
|
|
@@ -3273,7 +3401,7 @@ class CuraButton {
|
|
|
3273
3401
|
render() {
|
|
3274
3402
|
const symbolColor = this.getSymbolColor();
|
|
3275
3403
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3276
|
-
return (hAsync(Host, { key: '
|
|
3404
|
+
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 })))));
|
|
3277
3405
|
}
|
|
3278
3406
|
static get formAssociated() { return true; }
|
|
3279
3407
|
static get watchers() { return {
|
|
@@ -3407,7 +3535,7 @@ class CuraButtonOutline {
|
|
|
3407
3535
|
render() {
|
|
3408
3536
|
const symbolColor = this.getSymbolColor();
|
|
3409
3537
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3410
|
-
return (hAsync(Host, { key: '
|
|
3538
|
+
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 })))));
|
|
3411
3539
|
}
|
|
3412
3540
|
static get formAssociated() { return true; }
|
|
3413
3541
|
static get watchers() { return {
|
|
@@ -3506,15 +3634,6 @@ class CuraButtonSelect {
|
|
|
3506
3634
|
return this.selected ? 'neutral-white' : 'neutral-black';
|
|
3507
3635
|
}
|
|
3508
3636
|
}
|
|
3509
|
-
getColorCounter() {
|
|
3510
|
-
if (this.background === 'dark' && this.disabled) {
|
|
3511
|
-
return !this.selected ? 'neutral-black' : 'neutral-dark';
|
|
3512
|
-
}
|
|
3513
|
-
if (this.background === 'light' && this.disabled) {
|
|
3514
|
-
return 'neutral-pale';
|
|
3515
|
-
}
|
|
3516
|
-
return `${this.color}-lighter`;
|
|
3517
|
-
}
|
|
3518
3637
|
getColorBagdeNumber() {
|
|
3519
3638
|
if (this.background === 'dark' && this.disabled) {
|
|
3520
3639
|
return this.selected ? 'neutral-black' : 'neutral-dark';
|
|
@@ -3532,7 +3651,7 @@ class CuraButtonSelect {
|
|
|
3532
3651
|
return hAsync("cura-icon", { name: this.iconName, size: iconSize, color: this.getLabelFontColor() });
|
|
3533
3652
|
}
|
|
3534
3653
|
getCounter() {
|
|
3535
|
-
return (hAsync("cura-badge-
|
|
3654
|
+
return (hAsync("cura-badge-counter", { number: this.counter, color: this.color, disabled: this.disabled || null, class: "badge-number" }));
|
|
3536
3655
|
}
|
|
3537
3656
|
getCheckIconRight() {
|
|
3538
3657
|
const iconSize = this.size === 'large' ? 20 : 16;
|
|
@@ -3554,7 +3673,7 @@ class CuraButtonSelect {
|
|
|
3554
3673
|
}
|
|
3555
3674
|
render() {
|
|
3556
3675
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
3557
|
-
return (hAsync(Host, { key: '
|
|
3676
|
+
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))));
|
|
3558
3677
|
}
|
|
3559
3678
|
get host() { return getElement(this); }
|
|
3560
3679
|
static get watchers() { return {
|
|
@@ -3569,7 +3688,7 @@ class CuraButtonSelect {
|
|
|
3569
3688
|
"selected": [1540],
|
|
3570
3689
|
"iconName": [1537, "icon-name"],
|
|
3571
3690
|
"size": [513],
|
|
3572
|
-
"counter": [
|
|
3691
|
+
"counter": [1538],
|
|
3573
3692
|
"disabled": [516],
|
|
3574
3693
|
"background": [1],
|
|
3575
3694
|
"color": [1],
|
|
@@ -3670,7 +3789,7 @@ class CuraButtonTransparent {
|
|
|
3670
3789
|
render() {
|
|
3671
3790
|
const symbolColor = this.getSymbolColor();
|
|
3672
3791
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3673
|
-
return (hAsync(Host, { key: '
|
|
3792
|
+
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 })))));
|
|
3674
3793
|
}
|
|
3675
3794
|
static get formAssociated() { return true; }
|
|
3676
3795
|
static get watchers() { return {
|
|
@@ -7723,7 +7842,7 @@ class CuraCalendar {
|
|
|
7723
7842
|
}
|
|
7724
7843
|
render() {
|
|
7725
7844
|
const { months } = this.fetchMonthNames();
|
|
7726
|
-
return (hAsync(Host, { key: '
|
|
7845
|
+
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
|
|
7727
7846
|
? this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
|
|
7728
7847
|
: 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)));
|
|
7729
7848
|
}
|
|
@@ -7807,7 +7926,7 @@ class CuraCard {
|
|
|
7807
7926
|
return classes;
|
|
7808
7927
|
}
|
|
7809
7928
|
render() {
|
|
7810
|
-
return (hAsync(Host, { key: '
|
|
7929
|
+
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)))));
|
|
7811
7930
|
}
|
|
7812
7931
|
static get style() { return CuraCardStyle0; }
|
|
7813
7932
|
static get cmpMeta() { return {
|
|
@@ -8002,7 +8121,7 @@ class CuraCheckbox {
|
|
|
8002
8121
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8003
8122
|
}
|
|
8004
8123
|
render() {
|
|
8005
|
-
return (hAsync(Host, { key: '
|
|
8124
|
+
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()))));
|
|
8006
8125
|
}
|
|
8007
8126
|
static get formAssociated() { return true; }
|
|
8008
8127
|
get host() { return getElement(this); }
|
|
@@ -8104,7 +8223,7 @@ class CuraDisplay {
|
|
|
8104
8223
|
return tags[`${this.level}`] || tags['default'];
|
|
8105
8224
|
}
|
|
8106
8225
|
render() {
|
|
8107
|
-
return (hAsync(Host, { key: '
|
|
8226
|
+
return (hAsync(Host, { key: '32758f666bb547d7cd3646694e8cc132a795bc44', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8108
8227
|
}
|
|
8109
8228
|
get host() { return getElement(this); }
|
|
8110
8229
|
static get watchers() { return {
|
|
@@ -8153,7 +8272,7 @@ class CuraDistance {
|
|
|
8153
8272
|
this.formatDistance();
|
|
8154
8273
|
}
|
|
8155
8274
|
render() {
|
|
8156
|
-
return (hAsync(Host, { key: '
|
|
8275
|
+
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))));
|
|
8157
8276
|
}
|
|
8158
8277
|
setCssProperties() {
|
|
8159
8278
|
this.styles = {
|
|
@@ -8433,9 +8552,9 @@ class CuraDropdownSearch {
|
|
|
8433
8552
|
}
|
|
8434
8553
|
render() {
|
|
8435
8554
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8436
|
-
return (hAsync(Host, { key: '
|
|
8555
|
+
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: () => {
|
|
8437
8556
|
this.handleOnBlur();
|
|
8438
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8557
|
+
}, 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 })))));
|
|
8439
8558
|
}
|
|
8440
8559
|
get host() { return getElement(this); }
|
|
8441
8560
|
static get watchers() { return {
|
|
@@ -8516,12 +8635,12 @@ class CuraDropdownSearchOption {
|
|
|
8516
8635
|
}
|
|
8517
8636
|
}
|
|
8518
8637
|
render() {
|
|
8519
|
-
return (hAsync(Host, { key: '
|
|
8638
|
+
return (hAsync(Host, { key: '333293644b47d0b7b8e288cf6a81e3e8916a82bd', slot: "dropdown-search-option" }, hAsync("div", { key: '5a7f789204607805d65c3b0a586ffdeb54c10a02', style: this.styles, class: {
|
|
8520
8639
|
"option-container": true,
|
|
8521
8640
|
hovered: this.selectable ? this.hovered : false,
|
|
8522
8641
|
selected: this.selected,
|
|
8523
8642
|
disabled: !this.selectable
|
|
8524
|
-
} }, hAsync("div", { key: '
|
|
8643
|
+
} }, 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" })))));
|
|
8525
8644
|
}
|
|
8526
8645
|
get hostElement() { return getElement(this); }
|
|
8527
8646
|
static get watchers() { return {
|
|
@@ -8552,7 +8671,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8552
8671
|
registerInstance(this, hostRef);
|
|
8553
8672
|
}
|
|
8554
8673
|
render() {
|
|
8555
|
-
return (hAsync(Host, { key: '
|
|
8674
|
+
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' }))));
|
|
8556
8675
|
}
|
|
8557
8676
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8558
8677
|
static get cmpMeta() { return {
|
|
@@ -8632,7 +8751,7 @@ class CuraHeading {
|
|
|
8632
8751
|
return tags[`${this.level}`] || tags['default'];
|
|
8633
8752
|
}
|
|
8634
8753
|
render() {
|
|
8635
|
-
return (hAsync(Host, { key: '
|
|
8754
|
+
return (hAsync(Host, { key: '16f2897c60b5a41256f326d520277480e2800f17', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8636
8755
|
}
|
|
8637
8756
|
get host() { return getElement(this); }
|
|
8638
8757
|
static get watchers() { return {
|
|
@@ -8659,7 +8778,6 @@ class CuraHeading {
|
|
|
8659
8778
|
}; }
|
|
8660
8779
|
}
|
|
8661
8780
|
|
|
8662
|
-
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'];
|
|
8663
8781
|
const iconSizes = {
|
|
8664
8782
|
"128": { size: 128, stroke: 5.25 },
|
|
8665
8783
|
"72": { size: 72, stroke: 3.5 },
|
|
@@ -8670,7 +8788,7 @@ const iconSizes = {
|
|
|
8670
8788
|
"24": { size: 24, stroke: 2 },
|
|
8671
8789
|
"20": { size: 20, stroke: 1.75 },
|
|
8672
8790
|
"16": { size: 16, stroke: 1.5 },
|
|
8673
|
-
"micro": { size: 12, stroke: 1.
|
|
8791
|
+
"micro": { size: 12, stroke: 1.25 },
|
|
8674
8792
|
"default": { size: 24, stroke: 2 }
|
|
8675
8793
|
};
|
|
8676
8794
|
|
|
@@ -8687,10 +8805,6 @@ class CuraIcon {
|
|
|
8687
8805
|
this.disabled = false;
|
|
8688
8806
|
}
|
|
8689
8807
|
sizeHandler(size) {
|
|
8690
|
-
if (size === 'micro' && !microIcons.includes(this.name)) {
|
|
8691
|
-
size = 16;
|
|
8692
|
-
console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);
|
|
8693
|
-
}
|
|
8694
8808
|
const scaledStroke = (iconSize) => {
|
|
8695
8809
|
return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;
|
|
8696
8810
|
};
|
|
@@ -8709,7 +8823,7 @@ class CuraIcon {
|
|
|
8709
8823
|
this.host.style.setProperty(prop, value);
|
|
8710
8824
|
}
|
|
8711
8825
|
render() {
|
|
8712
|
-
return (hAsync(Host, { key: '
|
|
8826
|
+
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}` }))));
|
|
8713
8827
|
}
|
|
8714
8828
|
get host() { return getElement(this); }
|
|
8715
8829
|
static get watchers() { return {
|
|
@@ -8753,10 +8867,7 @@ class CuraIconsView {
|
|
|
8753
8867
|
this.sizes.unshift(this.sizes.pop());
|
|
8754
8868
|
}
|
|
8755
8869
|
render() {
|
|
8756
|
-
return (hAsync(Host, { key: '
|
|
8757
|
-
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) ? '' :
|
|
8758
|
-
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) ? '' :
|
|
8759
|
-
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8870
|
+
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))))));
|
|
8760
8871
|
}
|
|
8761
8872
|
static get style() { return CuraIconsViewStyle0; }
|
|
8762
8873
|
static get cmpMeta() { return {
|
|
@@ -8939,7 +9050,7 @@ class CuraInputDate {
|
|
|
8939
9050
|
}
|
|
8940
9051
|
}
|
|
8941
9052
|
render() {
|
|
8942
|
-
return (hAsync(Host, { key: '
|
|
9053
|
+
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()))));
|
|
8943
9054
|
}
|
|
8944
9055
|
static get formAssociated() { return true; }
|
|
8945
9056
|
get el() { return getElement(this); }
|
|
@@ -13014,7 +13125,7 @@ class CuraLabel {
|
|
|
13014
13125
|
};
|
|
13015
13126
|
}
|
|
13016
13127
|
render() {
|
|
13017
|
-
return (hAsync(Host, { key: '
|
|
13128
|
+
return (hAsync(Host, { key: 'cd35f2488c9783fc69bf2aea4c56c5dbb6e4d954', style: this.hostCSSProperties() }, hAsync("p", { key: '2ab39f5cbd61b55525b4d2d9c39d19106b735ebb', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'f30ccdb0c038ae93096ab94db4a80a407a9976dc' }))));
|
|
13018
13129
|
}
|
|
13019
13130
|
get host() { return getElement(this); }
|
|
13020
13131
|
static get watchers() { return {
|
|
@@ -13061,7 +13172,7 @@ class CuraLoaderBar {
|
|
|
13061
13172
|
this.setProgress();
|
|
13062
13173
|
}
|
|
13063
13174
|
render() {
|
|
13064
|
-
return (hAsync(Host, { key: '
|
|
13175
|
+
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" }))));
|
|
13065
13176
|
}
|
|
13066
13177
|
setColor() {
|
|
13067
13178
|
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) });
|
|
@@ -13113,7 +13224,7 @@ class CuraLoaderCircle {
|
|
|
13113
13224
|
};
|
|
13114
13225
|
}
|
|
13115
13226
|
render() {
|
|
13116
|
-
return (hAsync(Host, { key: '
|
|
13227
|
+
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" }))))));
|
|
13117
13228
|
}
|
|
13118
13229
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13119
13230
|
static get cmpMeta() { return {
|
|
@@ -13129,7 +13240,7 @@ class CuraLoaderCircle {
|
|
|
13129
13240
|
}; }
|
|
13130
13241
|
}
|
|
13131
13242
|
|
|
13132
|
-
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:
|
|
13243
|
+
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}}";
|
|
13133
13244
|
var CuraModalStyle0 = curaModalCss;
|
|
13134
13245
|
|
|
13135
13246
|
class CuraModal {
|
|
@@ -13142,7 +13253,10 @@ class CuraModal {
|
|
|
13142
13253
|
};
|
|
13143
13254
|
this.open = false;
|
|
13144
13255
|
this.background = 'light';
|
|
13145
|
-
this.
|
|
13256
|
+
this.top = 0;
|
|
13257
|
+
this.bottom = 0;
|
|
13258
|
+
this.left = 0;
|
|
13259
|
+
this.right = 0;
|
|
13146
13260
|
this.styles = {};
|
|
13147
13261
|
}
|
|
13148
13262
|
setColors() {
|
|
@@ -13152,20 +13266,38 @@ class CuraModal {
|
|
|
13152
13266
|
};
|
|
13153
13267
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13154
13268
|
}
|
|
13155
|
-
|
|
13156
|
-
this.styles = Object.assign(Object.assign({}, this.styles), {
|
|
13269
|
+
setOffset(name, value) {
|
|
13270
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { [`--${name}-offset`]: `${value}px` });
|
|
13271
|
+
}
|
|
13272
|
+
setTop() {
|
|
13273
|
+
this.setOffset('top', this.top);
|
|
13274
|
+
}
|
|
13275
|
+
setBottom() {
|
|
13276
|
+
this.setOffset('bottom', this.bottom);
|
|
13277
|
+
}
|
|
13278
|
+
setLeft() {
|
|
13279
|
+
this.setOffset('left', this.left);
|
|
13280
|
+
}
|
|
13281
|
+
setRight() {
|
|
13282
|
+
this.setOffset('right', this.right);
|
|
13157
13283
|
}
|
|
13158
13284
|
connectedCallback() {
|
|
13159
13285
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'), '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
|
|
13160
13286
|
this.setColors();
|
|
13161
|
-
this.
|
|
13287
|
+
this.setTop();
|
|
13288
|
+
this.setBottom();
|
|
13289
|
+
this.setLeft();
|
|
13290
|
+
this.setRight();
|
|
13162
13291
|
}
|
|
13163
13292
|
render() {
|
|
13164
|
-
return (hAsync(Host, { key: '
|
|
13293
|
+
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"))))));
|
|
13165
13294
|
}
|
|
13166
13295
|
static get watchers() { return {
|
|
13167
13296
|
"background": ["setColors"],
|
|
13168
|
-
"
|
|
13297
|
+
"top": ["setTop"],
|
|
13298
|
+
"bottom": ["setBottom"],
|
|
13299
|
+
"left": ["setLeft"],
|
|
13300
|
+
"right": ["setRight"]
|
|
13169
13301
|
}; }
|
|
13170
13302
|
static get style() { return CuraModalStyle0; }
|
|
13171
13303
|
static get cmpMeta() { return {
|
|
@@ -13174,7 +13306,10 @@ class CuraModal {
|
|
|
13174
13306
|
"$members$": {
|
|
13175
13307
|
"open": [1540],
|
|
13176
13308
|
"background": [1],
|
|
13177
|
-
"
|
|
13309
|
+
"top": [2],
|
|
13310
|
+
"bottom": [2],
|
|
13311
|
+
"left": [2],
|
|
13312
|
+
"right": [2],
|
|
13178
13313
|
"styles": [32]
|
|
13179
13314
|
},
|
|
13180
13315
|
"$listeners$": undefined,
|
|
@@ -13202,7 +13337,7 @@ class CuraPageTemplate {
|
|
|
13202
13337
|
return classes;
|
|
13203
13338
|
}
|
|
13204
13339
|
render() {
|
|
13205
|
-
return (hAsync(Host, { key: '
|
|
13340
|
+
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' })))));
|
|
13206
13341
|
}
|
|
13207
13342
|
get host() { return getElement(this); }
|
|
13208
13343
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13268,7 +13403,7 @@ class CuraParagraph {
|
|
|
13268
13403
|
};
|
|
13269
13404
|
}
|
|
13270
13405
|
render() {
|
|
13271
|
-
return (hAsync(Host, { key: '
|
|
13406
|
+
return (hAsync(Host, { key: '237ff05930df443e9e8c2cb618554525c2312e35', style: this.hostCSSProperties() }, hAsync("p", { key: '71afec31842fc60f17881613ab2f36f4cffd358b', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: '07fa9781d53113b7d4f9b7732b48d6836f700406' }))));
|
|
13272
13407
|
}
|
|
13273
13408
|
get host() { return getElement(this); }
|
|
13274
13409
|
static get watchers() { return {
|
|
@@ -13425,7 +13560,7 @@ class CuraRadio {
|
|
|
13425
13560
|
return statusColors[this.status][type];
|
|
13426
13561
|
}
|
|
13427
13562
|
render() {
|
|
13428
|
-
return (hAsync(Host, { key: '
|
|
13563
|
+
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 }))));
|
|
13429
13564
|
}
|
|
13430
13565
|
static get formAssociated() { return true; }
|
|
13431
13566
|
get host() { return getElement(this); }
|
|
@@ -13737,13 +13872,13 @@ class CuraSelect {
|
|
|
13737
13872
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13738
13873
|
}
|
|
13739
13874
|
render() {
|
|
13740
|
-
return (hAsync(Host, { key: '
|
|
13875
|
+
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: {
|
|
13741
13876
|
'cura-input-field': true,
|
|
13742
13877
|
'open': this.isOpen
|
|
13743
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13878
|
+
} }, 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: {
|
|
13744
13879
|
'menu': true,
|
|
13745
13880
|
'open': this.isOpen
|
|
13746
|
-
} }, hAsync("slot", { key: '
|
|
13881
|
+
} }, hAsync("slot", { key: 'dff5e6b54842ed9a6e458414977080069a0c4b5c', name: 'option' }))))));
|
|
13747
13882
|
}
|
|
13748
13883
|
static get formAssociated() { return true; }
|
|
13749
13884
|
get host() { return getElement(this); }
|
|
@@ -13817,7 +13952,7 @@ class CuraSelectOption {
|
|
|
13817
13952
|
};
|
|
13818
13953
|
}
|
|
13819
13954
|
render() {
|
|
13820
|
-
return (hAsync(Host, { key: '
|
|
13955
|
+
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" }))));
|
|
13821
13956
|
}
|
|
13822
13957
|
get host() { return getElement(this); }
|
|
13823
13958
|
static get watchers() { return {
|
|
@@ -13944,7 +14079,7 @@ class CuraSwitch {
|
|
|
13944
14079
|
return classes;
|
|
13945
14080
|
}
|
|
13946
14081
|
render() {
|
|
13947
|
-
return (hAsync(Host, { key: '
|
|
14082
|
+
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 }))))));
|
|
13948
14083
|
}
|
|
13949
14084
|
static get formAssociated() { return true; }
|
|
13950
14085
|
static get watchers() { return {
|
|
@@ -14000,7 +14135,7 @@ class CuraToast {
|
|
|
14000
14135
|
this.setStyle();
|
|
14001
14136
|
}
|
|
14002
14137
|
render() {
|
|
14003
|
-
return (hAsync(Host, { key: '
|
|
14138
|
+
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 }))));
|
|
14004
14139
|
}
|
|
14005
14140
|
componentDidLoad() {
|
|
14006
14141
|
this.openContainer();
|
|
@@ -14119,7 +14254,7 @@ class CuraTooltip {
|
|
|
14119
14254
|
this.setStyle();
|
|
14120
14255
|
}
|
|
14121
14256
|
render() {
|
|
14122
|
-
return (hAsync(Host, { key: '
|
|
14257
|
+
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."))));
|
|
14123
14258
|
}
|
|
14124
14259
|
componentDidLoad() {
|
|
14125
14260
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14334,6 +14469,7 @@ registerComponents([
|
|
|
14334
14469
|
CuraAlert,
|
|
14335
14470
|
CuraAvatar,
|
|
14336
14471
|
CuraBadgeNumber,
|
|
14472
|
+
CuraBadgePill,
|
|
14337
14473
|
CuraButton,
|
|
14338
14474
|
CuraButtonOutline,
|
|
14339
14475
|
CuraButtonSelect,
|