@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.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]
|
|
3163
3200
|
},
|
|
3164
3201
|
"$listeners$": undefined,
|
|
3165
3202
|
"$lazyBundleId$": "-",
|
|
3166
|
-
"$attrsToReflect$": [["number", "number"]
|
|
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]
|
|
3291
|
+
},
|
|
3292
|
+
"$listeners$": undefined,
|
|
3293
|
+
"$lazyBundleId$": "-",
|
|
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 = {
|
|
@@ -8195,20 +8314,10 @@ class CuraDropdownSearch {
|
|
|
8195
8314
|
const isKeyboardOpen = window.innerHeight < window.screen.height * 0.8;
|
|
8196
8315
|
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8197
8316
|
if (dropdown) {
|
|
8198
|
-
|
|
8199
|
-
|
|
8200
|
-
|
|
8201
|
-
}
|
|
8202
|
-
else {
|
|
8203
|
-
dropdown.style.position = 'fixed';
|
|
8204
|
-
dropdown.style.bottom = '0';
|
|
8205
|
-
}
|
|
8317
|
+
dropdown.style.position = isKeyboardOpen ? 'absolute' : 'fixed';
|
|
8318
|
+
dropdown.style.bottom = isKeyboardOpen ? `${window.screen.height - window.innerHeight}px` : '0';
|
|
8319
|
+
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
|
|
8206
8320
|
}
|
|
8207
|
-
window.scroll({
|
|
8208
|
-
top: 0,
|
|
8209
|
-
left: 0,
|
|
8210
|
-
behavior: 'smooth',
|
|
8211
|
-
});
|
|
8212
8321
|
});
|
|
8213
8322
|
};
|
|
8214
8323
|
this.handleSlotChange = () => {
|
|
@@ -8246,6 +8355,7 @@ class CuraDropdownSearch {
|
|
|
8246
8355
|
this.showOverlay();
|
|
8247
8356
|
}
|
|
8248
8357
|
else {
|
|
8358
|
+
this.resetDropdownStyles();
|
|
8249
8359
|
this.removeOverlay();
|
|
8250
8360
|
}
|
|
8251
8361
|
}
|
|
@@ -8270,6 +8380,7 @@ class CuraDropdownSearch {
|
|
|
8270
8380
|
this.isOnBlurInput = true;
|
|
8271
8381
|
this.hoveredIndex = -1;
|
|
8272
8382
|
this.options = [];
|
|
8383
|
+
this.originalOverflow = '';
|
|
8273
8384
|
}
|
|
8274
8385
|
connectedCallback() {
|
|
8275
8386
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
@@ -8321,12 +8432,15 @@ class CuraDropdownSearch {
|
|
|
8321
8432
|
this.overlayElement.style.zIndex = '9999';
|
|
8322
8433
|
this.overlayElement.style.backgroundColor = 'white';
|
|
8323
8434
|
document.body.appendChild(this.overlayElement);
|
|
8435
|
+
this.originalOverflow = document.body.style.overflow;
|
|
8436
|
+
document.body.style.overflow = 'hidden';
|
|
8324
8437
|
}
|
|
8325
8438
|
}
|
|
8326
8439
|
removeOverlay() {
|
|
8327
8440
|
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8328
8441
|
document.body.removeChild(this.overlayElement);
|
|
8329
8442
|
this.overlayElement = null;
|
|
8443
|
+
document.body.style.overflow = this.originalOverflow;
|
|
8330
8444
|
}
|
|
8331
8445
|
}
|
|
8332
8446
|
addClickListenersToOptions() {
|
|
@@ -8350,6 +8464,7 @@ class CuraDropdownSearch {
|
|
|
8350
8464
|
this.updateSelectedOption(this.value);
|
|
8351
8465
|
this.isDropdownOpen = false;
|
|
8352
8466
|
this.isOnBlurInput = true;
|
|
8467
|
+
this.resetDropdownStyles();
|
|
8353
8468
|
this.removeOverlay();
|
|
8354
8469
|
}
|
|
8355
8470
|
}
|
|
@@ -8389,6 +8504,7 @@ class CuraDropdownSearch {
|
|
|
8389
8504
|
if (this.isOnBlurInput === true) {
|
|
8390
8505
|
setTimeout(() => {
|
|
8391
8506
|
this.isDropdownOpen = false;
|
|
8507
|
+
this.resetDropdownStyles();
|
|
8392
8508
|
this.removeOverlay();
|
|
8393
8509
|
}, 200);
|
|
8394
8510
|
}
|
|
@@ -8422,11 +8538,23 @@ class CuraDropdownSearch {
|
|
|
8422
8538
|
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8423
8539
|
}
|
|
8424
8540
|
}
|
|
8541
|
+
handleGoBack() {
|
|
8542
|
+
this.resetDropdownStyles();
|
|
8543
|
+
this.isMobile = false;
|
|
8544
|
+
}
|
|
8545
|
+
resetDropdownStyles() {
|
|
8546
|
+
var _a;
|
|
8547
|
+
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8548
|
+
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8549
|
+
dropdown.style.position = 'relative';
|
|
8550
|
+
dropdown.style.removeProperty('bottom');
|
|
8551
|
+
}
|
|
8552
|
+
}
|
|
8425
8553
|
render() {
|
|
8426
8554
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8427
|
-
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: () => {
|
|
8428
8556
|
this.handleOnBlur();
|
|
8429
|
-
}, 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 })))));
|
|
8430
8558
|
}
|
|
8431
8559
|
get host() { return getElement(this); }
|
|
8432
8560
|
static get watchers() { return {
|
|
@@ -8456,7 +8584,8 @@ class CuraDropdownSearch {
|
|
|
8456
8584
|
"inputTextRef": [32],
|
|
8457
8585
|
"isOnBlurInput": [32],
|
|
8458
8586
|
"hoveredIndex": [32],
|
|
8459
|
-
"options": [32]
|
|
8587
|
+
"options": [32],
|
|
8588
|
+
"originalOverflow": [32]
|
|
8460
8589
|
},
|
|
8461
8590
|
"$listeners$": undefined,
|
|
8462
8591
|
"$lazyBundleId$": "-",
|
|
@@ -8506,12 +8635,12 @@ class CuraDropdownSearchOption {
|
|
|
8506
8635
|
}
|
|
8507
8636
|
}
|
|
8508
8637
|
render() {
|
|
8509
|
-
return (hAsync(Host, { key: '
|
|
8638
|
+
return (hAsync(Host, { key: '333293644b47d0b7b8e288cf6a81e3e8916a82bd', slot: "dropdown-search-option" }, hAsync("div", { key: '5a7f789204607805d65c3b0a586ffdeb54c10a02', style: this.styles, class: {
|
|
8510
8639
|
"option-container": true,
|
|
8511
8640
|
hovered: this.selectable ? this.hovered : false,
|
|
8512
8641
|
selected: this.selected,
|
|
8513
8642
|
disabled: !this.selectable
|
|
8514
|
-
} }, 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" })))));
|
|
8515
8644
|
}
|
|
8516
8645
|
get hostElement() { return getElement(this); }
|
|
8517
8646
|
static get watchers() { return {
|
|
@@ -8542,7 +8671,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8542
8671
|
registerInstance(this, hostRef);
|
|
8543
8672
|
}
|
|
8544
8673
|
render() {
|
|
8545
|
-
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' }))));
|
|
8546
8675
|
}
|
|
8547
8676
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8548
8677
|
static get cmpMeta() { return {
|
|
@@ -8622,7 +8751,7 @@ class CuraHeading {
|
|
|
8622
8751
|
return tags[`${this.level}`] || tags['default'];
|
|
8623
8752
|
}
|
|
8624
8753
|
render() {
|
|
8625
|
-
return (hAsync(Host, { key: '
|
|
8754
|
+
return (hAsync(Host, { key: '16f2897c60b5a41256f326d520277480e2800f17', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8626
8755
|
}
|
|
8627
8756
|
get host() { return getElement(this); }
|
|
8628
8757
|
static get watchers() { return {
|
|
@@ -8649,7 +8778,6 @@ class CuraHeading {
|
|
|
8649
8778
|
}; }
|
|
8650
8779
|
}
|
|
8651
8780
|
|
|
8652
|
-
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'];
|
|
8653
8781
|
const iconSizes = {
|
|
8654
8782
|
"128": { size: 128, stroke: 5.25 },
|
|
8655
8783
|
"72": { size: 72, stroke: 3.5 },
|
|
@@ -8660,7 +8788,7 @@ const iconSizes = {
|
|
|
8660
8788
|
"24": { size: 24, stroke: 2 },
|
|
8661
8789
|
"20": { size: 20, stroke: 1.75 },
|
|
8662
8790
|
"16": { size: 16, stroke: 1.5 },
|
|
8663
|
-
"micro": { size: 12, stroke: 1.
|
|
8791
|
+
"micro": { size: 12, stroke: 1.25 },
|
|
8664
8792
|
"default": { size: 24, stroke: 2 }
|
|
8665
8793
|
};
|
|
8666
8794
|
|
|
@@ -8677,10 +8805,6 @@ class CuraIcon {
|
|
|
8677
8805
|
this.disabled = false;
|
|
8678
8806
|
}
|
|
8679
8807
|
sizeHandler(size) {
|
|
8680
|
-
if (size === 'micro' && !microIcons.includes(this.name)) {
|
|
8681
|
-
size = 16;
|
|
8682
|
-
console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);
|
|
8683
|
-
}
|
|
8684
8808
|
const scaledStroke = (iconSize) => {
|
|
8685
8809
|
return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;
|
|
8686
8810
|
};
|
|
@@ -8699,7 +8823,7 @@ class CuraIcon {
|
|
|
8699
8823
|
this.host.style.setProperty(prop, value);
|
|
8700
8824
|
}
|
|
8701
8825
|
render() {
|
|
8702
|
-
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}` }))));
|
|
8703
8827
|
}
|
|
8704
8828
|
get host() { return getElement(this); }
|
|
8705
8829
|
static get watchers() { return {
|
|
@@ -8743,10 +8867,7 @@ class CuraIconsView {
|
|
|
8743
8867
|
this.sizes.unshift(this.sizes.pop());
|
|
8744
8868
|
}
|
|
8745
8869
|
render() {
|
|
8746
|
-
return (hAsync(Host, { key: '
|
|
8747
|
-
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) ? '' :
|
|
8748
|
-
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) ? '' :
|
|
8749
|
-
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))))));
|
|
8750
8871
|
}
|
|
8751
8872
|
static get style() { return CuraIconsViewStyle0; }
|
|
8752
8873
|
static get cmpMeta() { return {
|
|
@@ -8929,7 +9050,7 @@ class CuraInputDate {
|
|
|
8929
9050
|
}
|
|
8930
9051
|
}
|
|
8931
9052
|
render() {
|
|
8932
|
-
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()))));
|
|
8933
9054
|
}
|
|
8934
9055
|
static get formAssociated() { return true; }
|
|
8935
9056
|
get el() { return getElement(this); }
|
|
@@ -13004,7 +13125,7 @@ class CuraLabel {
|
|
|
13004
13125
|
};
|
|
13005
13126
|
}
|
|
13006
13127
|
render() {
|
|
13007
|
-
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' }))));
|
|
13008
13129
|
}
|
|
13009
13130
|
get host() { return getElement(this); }
|
|
13010
13131
|
static get watchers() { return {
|
|
@@ -13051,7 +13172,7 @@ class CuraLoaderBar {
|
|
|
13051
13172
|
this.setProgress();
|
|
13052
13173
|
}
|
|
13053
13174
|
render() {
|
|
13054
|
-
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" }))));
|
|
13055
13176
|
}
|
|
13056
13177
|
setColor() {
|
|
13057
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) });
|
|
@@ -13103,7 +13224,7 @@ class CuraLoaderCircle {
|
|
|
13103
13224
|
};
|
|
13104
13225
|
}
|
|
13105
13226
|
render() {
|
|
13106
|
-
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" }))))));
|
|
13107
13228
|
}
|
|
13108
13229
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13109
13230
|
static get cmpMeta() { return {
|
|
@@ -13119,7 +13240,7 @@ class CuraLoaderCircle {
|
|
|
13119
13240
|
}; }
|
|
13120
13241
|
}
|
|
13121
13242
|
|
|
13122
|
-
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}}";
|
|
13123
13244
|
var CuraModalStyle0 = curaModalCss;
|
|
13124
13245
|
|
|
13125
13246
|
class CuraModal {
|
|
@@ -13132,7 +13253,10 @@ class CuraModal {
|
|
|
13132
13253
|
};
|
|
13133
13254
|
this.open = false;
|
|
13134
13255
|
this.background = 'light';
|
|
13135
|
-
this.
|
|
13256
|
+
this.top = 0;
|
|
13257
|
+
this.bottom = 0;
|
|
13258
|
+
this.left = 0;
|
|
13259
|
+
this.right = 0;
|
|
13136
13260
|
this.styles = {};
|
|
13137
13261
|
}
|
|
13138
13262
|
setColors() {
|
|
@@ -13142,20 +13266,38 @@ class CuraModal {
|
|
|
13142
13266
|
};
|
|
13143
13267
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13144
13268
|
}
|
|
13145
|
-
|
|
13146
|
-
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);
|
|
13147
13283
|
}
|
|
13148
13284
|
connectedCallback() {
|
|
13149
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() });
|
|
13150
13286
|
this.setColors();
|
|
13151
|
-
this.
|
|
13287
|
+
this.setTop();
|
|
13288
|
+
this.setBottom();
|
|
13289
|
+
this.setLeft();
|
|
13290
|
+
this.setRight();
|
|
13152
13291
|
}
|
|
13153
13292
|
render() {
|
|
13154
|
-
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"))))));
|
|
13155
13294
|
}
|
|
13156
13295
|
static get watchers() { return {
|
|
13157
13296
|
"background": ["setColors"],
|
|
13158
|
-
"
|
|
13297
|
+
"top": ["setTop"],
|
|
13298
|
+
"bottom": ["setBottom"],
|
|
13299
|
+
"left": ["setLeft"],
|
|
13300
|
+
"right": ["setRight"]
|
|
13159
13301
|
}; }
|
|
13160
13302
|
static get style() { return CuraModalStyle0; }
|
|
13161
13303
|
static get cmpMeta() { return {
|
|
@@ -13164,7 +13306,10 @@ class CuraModal {
|
|
|
13164
13306
|
"$members$": {
|
|
13165
13307
|
"open": [1540],
|
|
13166
13308
|
"background": [1],
|
|
13167
|
-
"
|
|
13309
|
+
"top": [2],
|
|
13310
|
+
"bottom": [2],
|
|
13311
|
+
"left": [2],
|
|
13312
|
+
"right": [2],
|
|
13168
13313
|
"styles": [32]
|
|
13169
13314
|
},
|
|
13170
13315
|
"$listeners$": undefined,
|
|
@@ -13192,7 +13337,7 @@ class CuraPageTemplate {
|
|
|
13192
13337
|
return classes;
|
|
13193
13338
|
}
|
|
13194
13339
|
render() {
|
|
13195
|
-
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' })))));
|
|
13196
13341
|
}
|
|
13197
13342
|
get host() { return getElement(this); }
|
|
13198
13343
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13258,7 +13403,7 @@ class CuraParagraph {
|
|
|
13258
13403
|
};
|
|
13259
13404
|
}
|
|
13260
13405
|
render() {
|
|
13261
|
-
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' }))));
|
|
13262
13407
|
}
|
|
13263
13408
|
get host() { return getElement(this); }
|
|
13264
13409
|
static get watchers() { return {
|
|
@@ -13415,7 +13560,7 @@ class CuraRadio {
|
|
|
13415
13560
|
return statusColors[this.status][type];
|
|
13416
13561
|
}
|
|
13417
13562
|
render() {
|
|
13418
|
-
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 }))));
|
|
13419
13564
|
}
|
|
13420
13565
|
static get formAssociated() { return true; }
|
|
13421
13566
|
get host() { return getElement(this); }
|
|
@@ -13727,13 +13872,13 @@ class CuraSelect {
|
|
|
13727
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 }));
|
|
13728
13873
|
}
|
|
13729
13874
|
render() {
|
|
13730
|
-
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: {
|
|
13731
13876
|
'cura-input-field': true,
|
|
13732
13877
|
'open': this.isOpen
|
|
13733
|
-
} }, 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: {
|
|
13734
13879
|
'menu': true,
|
|
13735
13880
|
'open': this.isOpen
|
|
13736
|
-
} }, hAsync("slot", { key: '
|
|
13881
|
+
} }, hAsync("slot", { key: 'dff5e6b54842ed9a6e458414977080069a0c4b5c', name: 'option' }))))));
|
|
13737
13882
|
}
|
|
13738
13883
|
static get formAssociated() { return true; }
|
|
13739
13884
|
get host() { return getElement(this); }
|
|
@@ -13807,7 +13952,7 @@ class CuraSelectOption {
|
|
|
13807
13952
|
};
|
|
13808
13953
|
}
|
|
13809
13954
|
render() {
|
|
13810
|
-
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" }))));
|
|
13811
13956
|
}
|
|
13812
13957
|
get host() { return getElement(this); }
|
|
13813
13958
|
static get watchers() { return {
|
|
@@ -13934,7 +14079,7 @@ class CuraSwitch {
|
|
|
13934
14079
|
return classes;
|
|
13935
14080
|
}
|
|
13936
14081
|
render() {
|
|
13937
|
-
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 }))))));
|
|
13938
14083
|
}
|
|
13939
14084
|
static get formAssociated() { return true; }
|
|
13940
14085
|
static get watchers() { return {
|
|
@@ -13990,7 +14135,7 @@ class CuraToast {
|
|
|
13990
14135
|
this.setStyle();
|
|
13991
14136
|
}
|
|
13992
14137
|
render() {
|
|
13993
|
-
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 }))));
|
|
13994
14139
|
}
|
|
13995
14140
|
componentDidLoad() {
|
|
13996
14141
|
this.openContainer();
|
|
@@ -14109,7 +14254,7 @@ class CuraTooltip {
|
|
|
14109
14254
|
this.setStyle();
|
|
14110
14255
|
}
|
|
14111
14256
|
render() {
|
|
14112
|
-
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."))));
|
|
14113
14258
|
}
|
|
14114
14259
|
componentDidLoad() {
|
|
14115
14260
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
@@ -14324,6 +14469,7 @@ registerComponents([
|
|
|
14324
14469
|
CuraAlert,
|
|
14325
14470
|
CuraAvatar,
|
|
14326
14471
|
CuraBadgeNumber,
|
|
14472
|
+
CuraBadgePill,
|
|
14327
14473
|
CuraButton,
|
|
14328
14474
|
CuraButtonOutline,
|
|
14329
14475
|
CuraButtonSelect,
|