@rededor/cura-hydrate 1.4.0-alpha.0 → 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 +231 -85
- package/index.mjs +231 -85
- 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]
|
|
3167
3204
|
},
|
|
3168
3205
|
"$listeners$": undefined,
|
|
3169
3206
|
"$lazyBundleId$": "-",
|
|
3170
|
-
"$attrsToReflect$": [["number", "number"]
|
|
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]
|
|
3295
|
+
},
|
|
3296
|
+
"$listeners$": undefined,
|
|
3297
|
+
"$lazyBundleId$": "-",
|
|
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 = {
|
|
@@ -8199,20 +8318,10 @@ class CuraDropdownSearch {
|
|
|
8199
8318
|
const isKeyboardOpen = window.innerHeight < window.screen.height * 0.8;
|
|
8200
8319
|
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8201
8320
|
if (dropdown) {
|
|
8202
|
-
|
|
8203
|
-
|
|
8204
|
-
|
|
8205
|
-
}
|
|
8206
|
-
else {
|
|
8207
|
-
dropdown.style.position = 'fixed';
|
|
8208
|
-
dropdown.style.bottom = '0';
|
|
8209
|
-
}
|
|
8321
|
+
dropdown.style.position = isKeyboardOpen ? 'absolute' : 'fixed';
|
|
8322
|
+
dropdown.style.bottom = isKeyboardOpen ? `${window.screen.height - window.innerHeight}px` : '0';
|
|
8323
|
+
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
|
|
8210
8324
|
}
|
|
8211
|
-
window.scroll({
|
|
8212
|
-
top: 0,
|
|
8213
|
-
left: 0,
|
|
8214
|
-
behavior: 'smooth',
|
|
8215
|
-
});
|
|
8216
8325
|
});
|
|
8217
8326
|
};
|
|
8218
8327
|
this.handleSlotChange = () => {
|
|
@@ -8250,6 +8359,7 @@ class CuraDropdownSearch {
|
|
|
8250
8359
|
this.showOverlay();
|
|
8251
8360
|
}
|
|
8252
8361
|
else {
|
|
8362
|
+
this.resetDropdownStyles();
|
|
8253
8363
|
this.removeOverlay();
|
|
8254
8364
|
}
|
|
8255
8365
|
}
|
|
@@ -8274,6 +8384,7 @@ class CuraDropdownSearch {
|
|
|
8274
8384
|
this.isOnBlurInput = true;
|
|
8275
8385
|
this.hoveredIndex = -1;
|
|
8276
8386
|
this.options = [];
|
|
8387
|
+
this.originalOverflow = '';
|
|
8277
8388
|
}
|
|
8278
8389
|
connectedCallback() {
|
|
8279
8390
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
@@ -8325,12 +8436,15 @@ class CuraDropdownSearch {
|
|
|
8325
8436
|
this.overlayElement.style.zIndex = '9999';
|
|
8326
8437
|
this.overlayElement.style.backgroundColor = 'white';
|
|
8327
8438
|
document.body.appendChild(this.overlayElement);
|
|
8439
|
+
this.originalOverflow = document.body.style.overflow;
|
|
8440
|
+
document.body.style.overflow = 'hidden';
|
|
8328
8441
|
}
|
|
8329
8442
|
}
|
|
8330
8443
|
removeOverlay() {
|
|
8331
8444
|
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8332
8445
|
document.body.removeChild(this.overlayElement);
|
|
8333
8446
|
this.overlayElement = null;
|
|
8447
|
+
document.body.style.overflow = this.originalOverflow;
|
|
8334
8448
|
}
|
|
8335
8449
|
}
|
|
8336
8450
|
addClickListenersToOptions() {
|
|
@@ -8354,6 +8468,7 @@ class CuraDropdownSearch {
|
|
|
8354
8468
|
this.updateSelectedOption(this.value);
|
|
8355
8469
|
this.isDropdownOpen = false;
|
|
8356
8470
|
this.isOnBlurInput = true;
|
|
8471
|
+
this.resetDropdownStyles();
|
|
8357
8472
|
this.removeOverlay();
|
|
8358
8473
|
}
|
|
8359
8474
|
}
|
|
@@ -8393,6 +8508,7 @@ class CuraDropdownSearch {
|
|
|
8393
8508
|
if (this.isOnBlurInput === true) {
|
|
8394
8509
|
setTimeout(() => {
|
|
8395
8510
|
this.isDropdownOpen = false;
|
|
8511
|
+
this.resetDropdownStyles();
|
|
8396
8512
|
this.removeOverlay();
|
|
8397
8513
|
}, 200);
|
|
8398
8514
|
}
|
|
@@ -8426,11 +8542,23 @@ class CuraDropdownSearch {
|
|
|
8426
8542
|
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8427
8543
|
}
|
|
8428
8544
|
}
|
|
8545
|
+
handleGoBack() {
|
|
8546
|
+
this.resetDropdownStyles();
|
|
8547
|
+
this.isMobile = false;
|
|
8548
|
+
}
|
|
8549
|
+
resetDropdownStyles() {
|
|
8550
|
+
var _a;
|
|
8551
|
+
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8552
|
+
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8553
|
+
dropdown.style.position = 'relative';
|
|
8554
|
+
dropdown.style.removeProperty('bottom');
|
|
8555
|
+
}
|
|
8556
|
+
}
|
|
8429
8557
|
render() {
|
|
8430
8558
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8431
|
-
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: () => {
|
|
8432
8560
|
this.handleOnBlur();
|
|
8433
|
-
}, 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 })))));
|
|
8434
8562
|
}
|
|
8435
8563
|
get host() { return getElement(this); }
|
|
8436
8564
|
static get watchers() { return {
|
|
@@ -8460,7 +8588,8 @@ class CuraDropdownSearch {
|
|
|
8460
8588
|
"inputTextRef": [32],
|
|
8461
8589
|
"isOnBlurInput": [32],
|
|
8462
8590
|
"hoveredIndex": [32],
|
|
8463
|
-
"options": [32]
|
|
8591
|
+
"options": [32],
|
|
8592
|
+
"originalOverflow": [32]
|
|
8464
8593
|
},
|
|
8465
8594
|
"$listeners$": undefined,
|
|
8466
8595
|
"$lazyBundleId$": "-",
|
|
@@ -8510,12 +8639,12 @@ class CuraDropdownSearchOption {
|
|
|
8510
8639
|
}
|
|
8511
8640
|
}
|
|
8512
8641
|
render() {
|
|
8513
|
-
return (hAsync(Host, { key: '
|
|
8642
|
+
return (hAsync(Host, { key: '333293644b47d0b7b8e288cf6a81e3e8916a82bd', slot: "dropdown-search-option" }, hAsync("div", { key: '5a7f789204607805d65c3b0a586ffdeb54c10a02', style: this.styles, class: {
|
|
8514
8643
|
"option-container": true,
|
|
8515
8644
|
hovered: this.selectable ? this.hovered : false,
|
|
8516
8645
|
selected: this.selected,
|
|
8517
8646
|
disabled: !this.selectable
|
|
8518
|
-
} }, 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" })))));
|
|
8519
8648
|
}
|
|
8520
8649
|
get hostElement() { return getElement(this); }
|
|
8521
8650
|
static get watchers() { return {
|
|
@@ -8546,7 +8675,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8546
8675
|
registerInstance(this, hostRef);
|
|
8547
8676
|
}
|
|
8548
8677
|
render() {
|
|
8549
|
-
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' }))));
|
|
8550
8679
|
}
|
|
8551
8680
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8552
8681
|
static get cmpMeta() { return {
|
|
@@ -8626,7 +8755,7 @@ class CuraHeading {
|
|
|
8626
8755
|
return tags[`${this.level}`] || tags['default'];
|
|
8627
8756
|
}
|
|
8628
8757
|
render() {
|
|
8629
|
-
return (hAsync(Host, { key: '
|
|
8758
|
+
return (hAsync(Host, { key: '16f2897c60b5a41256f326d520277480e2800f17', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8630
8759
|
}
|
|
8631
8760
|
get host() { return getElement(this); }
|
|
8632
8761
|
static get watchers() { return {
|
|
@@ -8653,7 +8782,6 @@ class CuraHeading {
|
|
|
8653
8782
|
}; }
|
|
8654
8783
|
}
|
|
8655
8784
|
|
|
8656
|
-
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'];
|
|
8657
8785
|
const iconSizes = {
|
|
8658
8786
|
"128": { size: 128, stroke: 5.25 },
|
|
8659
8787
|
"72": { size: 72, stroke: 3.5 },
|
|
@@ -8664,7 +8792,7 @@ const iconSizes = {
|
|
|
8664
8792
|
"24": { size: 24, stroke: 2 },
|
|
8665
8793
|
"20": { size: 20, stroke: 1.75 },
|
|
8666
8794
|
"16": { size: 16, stroke: 1.5 },
|
|
8667
|
-
"micro": { size: 12, stroke: 1.
|
|
8795
|
+
"micro": { size: 12, stroke: 1.25 },
|
|
8668
8796
|
"default": { size: 24, stroke: 2 }
|
|
8669
8797
|
};
|
|
8670
8798
|
|
|
@@ -8681,10 +8809,6 @@ class CuraIcon {
|
|
|
8681
8809
|
this.disabled = false;
|
|
8682
8810
|
}
|
|
8683
8811
|
sizeHandler(size) {
|
|
8684
|
-
if (size === 'micro' && !microIcons.includes(this.name)) {
|
|
8685
|
-
size = 16;
|
|
8686
|
-
console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);
|
|
8687
|
-
}
|
|
8688
8812
|
const scaledStroke = (iconSize) => {
|
|
8689
8813
|
return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;
|
|
8690
8814
|
};
|
|
@@ -8703,7 +8827,7 @@ class CuraIcon {
|
|
|
8703
8827
|
this.host.style.setProperty(prop, value);
|
|
8704
8828
|
}
|
|
8705
8829
|
render() {
|
|
8706
|
-
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}` }))));
|
|
8707
8831
|
}
|
|
8708
8832
|
get host() { return getElement(this); }
|
|
8709
8833
|
static get watchers() { return {
|
|
@@ -8747,10 +8871,7 @@ class CuraIconsView {
|
|
|
8747
8871
|
this.sizes.unshift(this.sizes.pop());
|
|
8748
8872
|
}
|
|
8749
8873
|
render() {
|
|
8750
|
-
return (hAsync(Host, { key: '
|
|
8751
|
-
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) ? '' :
|
|
8752
|
-
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) ? '' :
|
|
8753
|
-
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))))));
|
|
8754
8875
|
}
|
|
8755
8876
|
static get style() { return CuraIconsViewStyle0; }
|
|
8756
8877
|
static get cmpMeta() { return {
|
|
@@ -8933,7 +9054,7 @@ class CuraInputDate {
|
|
|
8933
9054
|
}
|
|
8934
9055
|
}
|
|
8935
9056
|
render() {
|
|
8936
|
-
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()))));
|
|
8937
9058
|
}
|
|
8938
9059
|
static get formAssociated() { return true; }
|
|
8939
9060
|
get el() { return getElement(this); }
|
|
@@ -13008,7 +13129,7 @@ class CuraLabel {
|
|
|
13008
13129
|
};
|
|
13009
13130
|
}
|
|
13010
13131
|
render() {
|
|
13011
|
-
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' }))));
|
|
13012
13133
|
}
|
|
13013
13134
|
get host() { return getElement(this); }
|
|
13014
13135
|
static get watchers() { return {
|
|
@@ -13055,7 +13176,7 @@ class CuraLoaderBar {
|
|
|
13055
13176
|
this.setProgress();
|
|
13056
13177
|
}
|
|
13057
13178
|
render() {
|
|
13058
|
-
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" }))));
|
|
13059
13180
|
}
|
|
13060
13181
|
setColor() {
|
|
13061
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) });
|
|
@@ -13107,7 +13228,7 @@ class CuraLoaderCircle {
|
|
|
13107
13228
|
};
|
|
13108
13229
|
}
|
|
13109
13230
|
render() {
|
|
13110
|
-
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" }))))));
|
|
13111
13232
|
}
|
|
13112
13233
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13113
13234
|
static get cmpMeta() { return {
|
|
@@ -13123,7 +13244,7 @@ class CuraLoaderCircle {
|
|
|
13123
13244
|
}; }
|
|
13124
13245
|
}
|
|
13125
13246
|
|
|
13126
|
-
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}}";
|
|
13127
13248
|
var CuraModalStyle0 = curaModalCss;
|
|
13128
13249
|
|
|
13129
13250
|
class CuraModal {
|
|
@@ -13136,7 +13257,10 @@ class CuraModal {
|
|
|
13136
13257
|
};
|
|
13137
13258
|
this.open = false;
|
|
13138
13259
|
this.background = 'light';
|
|
13139
|
-
this.
|
|
13260
|
+
this.top = 0;
|
|
13261
|
+
this.bottom = 0;
|
|
13262
|
+
this.left = 0;
|
|
13263
|
+
this.right = 0;
|
|
13140
13264
|
this.styles = {};
|
|
13141
13265
|
}
|
|
13142
13266
|
setColors() {
|
|
@@ -13146,20 +13270,38 @@ class CuraModal {
|
|
|
13146
13270
|
};
|
|
13147
13271
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13148
13272
|
}
|
|
13149
|
-
|
|
13150
|
-
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);
|
|
13151
13287
|
}
|
|
13152
13288
|
connectedCallback() {
|
|
13153
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() });
|
|
13154
13290
|
this.setColors();
|
|
13155
|
-
this.
|
|
13291
|
+
this.setTop();
|
|
13292
|
+
this.setBottom();
|
|
13293
|
+
this.setLeft();
|
|
13294
|
+
this.setRight();
|
|
13156
13295
|
}
|
|
13157
13296
|
render() {
|
|
13158
|
-
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"))))));
|
|
13159
13298
|
}
|
|
13160
13299
|
static get watchers() { return {
|
|
13161
13300
|
"background": ["setColors"],
|
|
13162
|
-
"
|
|
13301
|
+
"top": ["setTop"],
|
|
13302
|
+
"bottom": ["setBottom"],
|
|
13303
|
+
"left": ["setLeft"],
|
|
13304
|
+
"right": ["setRight"]
|
|
13163
13305
|
}; }
|
|
13164
13306
|
static get style() { return CuraModalStyle0; }
|
|
13165
13307
|
static get cmpMeta() { return {
|
|
@@ -13168,7 +13310,10 @@ class CuraModal {
|
|
|
13168
13310
|
"$members$": {
|
|
13169
13311
|
"open": [1540],
|
|
13170
13312
|
"background": [1],
|
|
13171
|
-
"
|
|
13313
|
+
"top": [2],
|
|
13314
|
+
"bottom": [2],
|
|
13315
|
+
"left": [2],
|
|
13316
|
+
"right": [2],
|
|
13172
13317
|
"styles": [32]
|
|
13173
13318
|
},
|
|
13174
13319
|
"$listeners$": undefined,
|
|
@@ -13196,7 +13341,7 @@ class CuraPageTemplate {
|
|
|
13196
13341
|
return classes;
|
|
13197
13342
|
}
|
|
13198
13343
|
render() {
|
|
13199
|
-
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' })))));
|
|
13200
13345
|
}
|
|
13201
13346
|
get host() { return getElement(this); }
|
|
13202
13347
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13262,7 +13407,7 @@ class CuraParagraph {
|
|
|
13262
13407
|
};
|
|
13263
13408
|
}
|
|
13264
13409
|
render() {
|
|
13265
|
-
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' }))));
|
|
13266
13411
|
}
|
|
13267
13412
|
get host() { return getElement(this); }
|
|
13268
13413
|
static get watchers() { return {
|
|
@@ -13419,7 +13564,7 @@ class CuraRadio {
|
|
|
13419
13564
|
return statusColors[this.status][type];
|
|
13420
13565
|
}
|
|
13421
13566
|
render() {
|
|
13422
|
-
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 }))));
|
|
13423
13568
|
}
|
|
13424
13569
|
static get formAssociated() { return true; }
|
|
13425
13570
|
get host() { return getElement(this); }
|
|
@@ -13731,13 +13876,13 @@ class CuraSelect {
|
|
|
13731
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 }));
|
|
13732
13877
|
}
|
|
13733
13878
|
render() {
|
|
13734
|
-
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: {
|
|
13735
13880
|
'cura-input-field': true,
|
|
13736
13881
|
'open': this.isOpen
|
|
13737
|
-
} }, 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: {
|
|
13738
13883
|
'menu': true,
|
|
13739
13884
|
'open': this.isOpen
|
|
13740
|
-
} }, hAsync("slot", { key: '
|
|
13885
|
+
} }, hAsync("slot", { key: 'dff5e6b54842ed9a6e458414977080069a0c4b5c', name: 'option' }))))));
|
|
13741
13886
|
}
|
|
13742
13887
|
static get formAssociated() { return true; }
|
|
13743
13888
|
get host() { return getElement(this); }
|
|
@@ -13811,7 +13956,7 @@ class CuraSelectOption {
|
|
|
13811
13956
|
};
|
|
13812
13957
|
}
|
|
13813
13958
|
render() {
|
|
13814
|
-
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" }))));
|
|
13815
13960
|
}
|
|
13816
13961
|
get host() { return getElement(this); }
|
|
13817
13962
|
static get watchers() { return {
|
|
@@ -13938,7 +14083,7 @@ class CuraSwitch {
|
|
|
13938
14083
|
return classes;
|
|
13939
14084
|
}
|
|
13940
14085
|
render() {
|
|
13941
|
-
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 }))))));
|
|
13942
14087
|
}
|
|
13943
14088
|
static get formAssociated() { return true; }
|
|
13944
14089
|
static get watchers() { return {
|
|
@@ -13994,7 +14139,7 @@ class CuraToast {
|
|
|
13994
14139
|
this.setStyle();
|
|
13995
14140
|
}
|
|
13996
14141
|
render() {
|
|
13997
|
-
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 }))));
|
|
13998
14143
|
}
|
|
13999
14144
|
componentDidLoad() {
|
|
14000
14145
|
this.openContainer();
|
|
@@ -14113,7 +14258,7 @@ class CuraTooltip {
|
|
|
14113
14258
|
this.setStyle();
|
|
14114
14259
|
}
|
|
14115
14260
|
render() {
|
|
14116
|
-
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."))));
|
|
14117
14262
|
}
|
|
14118
14263
|
componentDidLoad() {
|
|
14119
14264
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14328,6 +14473,7 @@ registerComponents([
|
|
|
14328
14473
|
CuraAlert,
|
|
14329
14474
|
CuraAvatar,
|
|
14330
14475
|
CuraBadgeNumber,
|
|
14476
|
+
CuraBadgePill,
|
|
14331
14477
|
CuraButton,
|
|
14332
14478
|
CuraButtonOutline,
|
|
14333
14479
|
CuraButtonSelect,
|