@rededor/cura-hydrate 1.4.0-alpha.1 → 1.5.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +546 -99
- package/index.mjs +546 -99
- 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: 'a0b22404673b1568b9cb937150dda71ce4c99d50' }, hAsync("div", { key: 'c30bf1b97d1e1ffaf334ef3bca6cdd1f081c679c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '1bd88c8a19e073d7b9d967d8df38bb74063cd110', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '0df09a27c27c7e1743f7cfb9e71c96b102ff4484', class: "content" }, this.label ? (hAsync("cura-label", { class: "title", size: "small", color: "neutral-darker", weight: "bold" }, this.label)) : '', hAsync("cura-paragraph", { key: '687cc7ab050299f0878c2d10ccd28e92708db85d', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'e2d85d40e65029ea71a43aa23e7298d6dcc7efa9' })), hAsync("slot", { key: 'a28fe90c9bfe2b9fb22f196eab7bb2e09e408dbf', 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: '467e74004b400e80a2d7f8e1a40cd9d7e782ff8a', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: 'c38a163b8aeebd07f8aece7aea9889c336df92a5', class: this.getClasses(), style: this.styles }, hAsync("img", { key: 'a22868d4aae4029afb9b325a5c8f5556fa8984ea', 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,211 @@ class CuraAvatar {
|
|
|
3140
3140
|
}; }
|
|
3141
3141
|
}
|
|
3142
3142
|
|
|
3143
|
-
const
|
|
3144
|
-
var
|
|
3143
|
+
const curaBadgeDotCss = ":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--base-spacing) * 2px);height:calc(var(--base-spacing) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}";
|
|
3144
|
+
var CuraBadgeDotStyle0 = curaBadgeDotCss;
|
|
3145
3145
|
|
|
3146
|
-
class
|
|
3146
|
+
class CuraBadgeDot {
|
|
3147
3147
|
constructor(hostRef) {
|
|
3148
3148
|
registerInstance(this, hostRef);
|
|
3149
|
+
this.theme = window.CuraAPI.theme;
|
|
3150
|
+
this.color = 'primary';
|
|
3151
|
+
this.disabled = false;
|
|
3152
|
+
this.type = 'solid';
|
|
3149
3153
|
this.styles = {};
|
|
3154
|
+
}
|
|
3155
|
+
connectedCallback() {
|
|
3156
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3157
|
+
this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');
|
|
3158
|
+
this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');
|
|
3159
|
+
this.setColors();
|
|
3160
|
+
}
|
|
3161
|
+
setColors() {
|
|
3162
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--color': this.theme.colors.getColor(`${this.color}`), '--color-dark': this.theme.colors.getColor(`${this.color}-dark`) });
|
|
3163
|
+
}
|
|
3164
|
+
getClasses() {
|
|
3165
|
+
const classes = {
|
|
3166
|
+
'container': true,
|
|
3167
|
+
'disabled': this.disabled
|
|
3168
|
+
};
|
|
3169
|
+
classes[`${this.type}`] = true;
|
|
3170
|
+
return classes;
|
|
3171
|
+
}
|
|
3172
|
+
render() {
|
|
3173
|
+
return (hAsync(Host, { key: '00e335977fbb0677db9d95bab901a012ba8a5c06' }, hAsync("div", { key: 'e828743793731c986f37dd6a9f7abdc78b63932b', class: this.getClasses(), style: this.styles })));
|
|
3174
|
+
}
|
|
3175
|
+
static get style() { return CuraBadgeDotStyle0; }
|
|
3176
|
+
static get cmpMeta() { return {
|
|
3177
|
+
"$flags$": 9,
|
|
3178
|
+
"$tagName$": "cura-badge-dot",
|
|
3179
|
+
"$members$": {
|
|
3180
|
+
"color": [1],
|
|
3181
|
+
"disabled": [516],
|
|
3182
|
+
"type": [513],
|
|
3183
|
+
"styles": [32]
|
|
3184
|
+
},
|
|
3185
|
+
"$listeners$": undefined,
|
|
3186
|
+
"$lazyBundleId$": "-",
|
|
3187
|
+
"$attrsToReflect$": [["disabled", "disabled"], ["type", "type"]]
|
|
3188
|
+
}; }
|
|
3189
|
+
}
|
|
3190
|
+
|
|
3191
|
+
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)}";
|
|
3192
|
+
var CuraBadgeCounterStyle0 = curaBadgeCounterCss;
|
|
3193
|
+
|
|
3194
|
+
class CuraBadgeNumber {
|
|
3195
|
+
constructor(hostRef) {
|
|
3196
|
+
registerInstance(this, hostRef);
|
|
3150
3197
|
this.theme = window.CuraAPI.theme;
|
|
3198
|
+
this.labelColor = 'primary-darker';
|
|
3199
|
+
this.bgColorName = 'primary-lighter';
|
|
3151
3200
|
this.number = undefined;
|
|
3152
|
-
this.color =
|
|
3201
|
+
this.color = 'primary';
|
|
3202
|
+
this.disabled = false;
|
|
3203
|
+
this.type = 'solid';
|
|
3204
|
+
this.styles = {};
|
|
3205
|
+
}
|
|
3206
|
+
handleColorChange() {
|
|
3207
|
+
this.setColors();
|
|
3208
|
+
}
|
|
3209
|
+
setColors() {
|
|
3210
|
+
const color = this.color.toLowerCase();
|
|
3211
|
+
/** type outline and transparent */
|
|
3212
|
+
if (this.type === 'outline' || this.type === 'transparent') {
|
|
3213
|
+
this.bgColorName = this.disabled ? `neutral-medium` : `${color}-dark`;
|
|
3214
|
+
this.labelColor = this.bgColorName;
|
|
3215
|
+
/** type solid - default */
|
|
3216
|
+
}
|
|
3217
|
+
else {
|
|
3218
|
+
this.bgColorName = color === 'neutral' || this.disabled ? `neutral-pale` : `${color}-lighter`;
|
|
3219
|
+
this.labelColor = this.disabled ? 'neutral-medium' : `${color}-dark`;
|
|
3220
|
+
}
|
|
3221
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(`${this.bgColorName}`) });
|
|
3153
3222
|
}
|
|
3154
3223
|
connectedCallback() {
|
|
3155
|
-
this.styles
|
|
3224
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3225
|
+
this.setColors();
|
|
3226
|
+
}
|
|
3227
|
+
getClasses() {
|
|
3228
|
+
const classes = {
|
|
3229
|
+
'container': true
|
|
3230
|
+
};
|
|
3231
|
+
classes[this.type.toLowerCase()] = true;
|
|
3232
|
+
return classes;
|
|
3156
3233
|
}
|
|
3157
3234
|
render() {
|
|
3158
|
-
return (hAsync(Host, { key: '
|
|
3235
|
+
return (hAsync(Host, { key: '8b67f2b913a10de53a519cdafcfbcb140b2adda5' }, 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
3236
|
}
|
|
3160
|
-
static get
|
|
3237
|
+
static get watchers() { return {
|
|
3238
|
+
"disabled": ["handleColorChange"],
|
|
3239
|
+
"color": ["handleColorChange"],
|
|
3240
|
+
"type": ["handleColorChange"]
|
|
3241
|
+
}; }
|
|
3242
|
+
static get style() { return CuraBadgeCounterStyle0; }
|
|
3161
3243
|
static get cmpMeta() { return {
|
|
3162
3244
|
"$flags$": 9,
|
|
3163
|
-
"$tagName$": "cura-badge-
|
|
3245
|
+
"$tagName$": "cura-badge-counter",
|
|
3164
3246
|
"$members$": {
|
|
3165
3247
|
"number": [514],
|
|
3166
|
-
"color": [
|
|
3248
|
+
"color": [1],
|
|
3249
|
+
"disabled": [4],
|
|
3250
|
+
"type": [1],
|
|
3251
|
+
"styles": [32]
|
|
3252
|
+
},
|
|
3253
|
+
"$listeners$": undefined,
|
|
3254
|
+
"$lazyBundleId$": "-",
|
|
3255
|
+
"$attrsToReflect$": [["number", "number"]]
|
|
3256
|
+
}; }
|
|
3257
|
+
}
|
|
3258
|
+
|
|
3259
|
+
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}";
|
|
3260
|
+
var CuraBadgePillStyle0 = curaBadgePillCss;
|
|
3261
|
+
|
|
3262
|
+
class CuraBadgePill {
|
|
3263
|
+
constructor(hostRef) {
|
|
3264
|
+
registerInstance(this, hostRef);
|
|
3265
|
+
this.theme = window.CuraAPI.theme;
|
|
3266
|
+
this.type = 'solid';
|
|
3267
|
+
this.color = 'primary';
|
|
3268
|
+
this.iconName = undefined;
|
|
3269
|
+
this.iconset = 'default';
|
|
3270
|
+
this.disabled = false;
|
|
3271
|
+
this.iconOnly = false;
|
|
3272
|
+
this.borderRadius = "2px";
|
|
3273
|
+
this.styles = {};
|
|
3274
|
+
}
|
|
3275
|
+
handleColorChange() {
|
|
3276
|
+
this.setColors();
|
|
3277
|
+
}
|
|
3278
|
+
connectedCallback() {
|
|
3279
|
+
this.setBaseStyles();
|
|
3280
|
+
this.setColors();
|
|
3281
|
+
}
|
|
3282
|
+
setBaseStyles() {
|
|
3283
|
+
this.styles['--base-spacing'] = this.theme.spacing.getSpacing();
|
|
3284
|
+
this.styles['--font-family'] = this.theme.fonts.getFamily();
|
|
3285
|
+
this.styles['--font-size'] = this.theme.fonts.getSize();
|
|
3286
|
+
this.styles = Object.assign({}, this.styles);
|
|
3287
|
+
}
|
|
3288
|
+
setColors() {
|
|
3289
|
+
const colors = [
|
|
3290
|
+
{ name: '--color-background', theme: `${this.color}-lighter` },
|
|
3291
|
+
{ name: '--color-base', theme: `${this.color}-dark` },
|
|
3292
|
+
{ name: '--color-background-disabled', theme: 'neutral-pale' },
|
|
3293
|
+
{ name: '--color-outline-disabled', theme: 'neutral-medium' },
|
|
3294
|
+
];
|
|
3295
|
+
colors.forEach(color => {
|
|
3296
|
+
this.styles[color.name] = this.theme.colors.getColor(color.theme);
|
|
3297
|
+
});
|
|
3298
|
+
this.styles = Object.assign({}, this.styles);
|
|
3299
|
+
}
|
|
3300
|
+
hostCSSProperties() {
|
|
3301
|
+
return {
|
|
3302
|
+
'--border-radius': this.borderRadius || '2px',
|
|
3303
|
+
};
|
|
3304
|
+
}
|
|
3305
|
+
getClasses() {
|
|
3306
|
+
const classes = {};
|
|
3307
|
+
classes['badge-container'] = true;
|
|
3308
|
+
classes[`icon-only`] = this.iconOnly;
|
|
3309
|
+
classes['disabled'] = this.disabled;
|
|
3310
|
+
classes[`${this.type}`] = true;
|
|
3311
|
+
return classes;
|
|
3312
|
+
}
|
|
3313
|
+
getSymbolColor() {
|
|
3314
|
+
return this.disabled
|
|
3315
|
+
? 'neutral-medium'
|
|
3316
|
+
: `${this.color}-dark`;
|
|
3317
|
+
}
|
|
3318
|
+
getIcon() {
|
|
3319
|
+
if (!this.iconName)
|
|
3320
|
+
return '';
|
|
3321
|
+
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: 'micro', color: this.getSymbolColor() });
|
|
3322
|
+
}
|
|
3323
|
+
render() {
|
|
3324
|
+
const symbolColor = this.getSymbolColor();
|
|
3325
|
+
return (hAsync(Host, { key: 'd2b79aa7ede4462cd2b591b62321ef69b9e4fed3', style: this.hostCSSProperties() }, hAsync("div", { key: 'a82383b03c02990b5879ca647ae06cabb5c32845', class: this.getClasses(), style: this.styles }, this.getIcon(), hAsync("cura-label", { key: '1ccf493530fa6b7cee25db83d0fcb37cf308df3d', size: 'xsmall', "line-height": "117%", color: symbolColor }, hAsync("slot", { key: '488e4fbd8b30cfcd15b25c9227e129b1c6e1ce32' })))));
|
|
3326
|
+
}
|
|
3327
|
+
get host() { return getElement(this); }
|
|
3328
|
+
static get watchers() { return {
|
|
3329
|
+
"color": ["handleColorChange"]
|
|
3330
|
+
}; }
|
|
3331
|
+
static get style() { return CuraBadgePillStyle0; }
|
|
3332
|
+
static get cmpMeta() { return {
|
|
3333
|
+
"$flags$": 9,
|
|
3334
|
+
"$tagName$": "cura-badge-pill",
|
|
3335
|
+
"$members$": {
|
|
3336
|
+
"type": [513],
|
|
3337
|
+
"color": [1],
|
|
3338
|
+
"iconName": [513, "icon-name"],
|
|
3339
|
+
"iconset": [513],
|
|
3340
|
+
"disabled": [516],
|
|
3341
|
+
"iconOnly": [516, "icon-only"],
|
|
3342
|
+
"borderRadius": [513, "border-radius"],
|
|
3343
|
+
"styles": [32]
|
|
3167
3344
|
},
|
|
3168
3345
|
"$listeners$": undefined,
|
|
3169
3346
|
"$lazyBundleId$": "-",
|
|
3170
|
-
"$attrsToReflect$": [["
|
|
3347
|
+
"$attrsToReflect$": [["type", "type"], ["iconName", "icon-name"], ["iconset", "iconset"], ["disabled", "disabled"], ["iconOnly", "icon-only"], ["borderRadius", "border-radius"]]
|
|
3171
3348
|
}; }
|
|
3172
3349
|
}
|
|
3173
3350
|
|
|
@@ -3277,7 +3454,7 @@ class CuraButton {
|
|
|
3277
3454
|
render() {
|
|
3278
3455
|
const symbolColor = this.getSymbolColor();
|
|
3279
3456
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3280
|
-
return (hAsync(Host, { key: '
|
|
3457
|
+
return (hAsync(Host, { key: '07b87d98fb398bc2897e666dc8cd54734f20734d' }, 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
3458
|
}
|
|
3282
3459
|
static get formAssociated() { return true; }
|
|
3283
3460
|
static get watchers() { return {
|
|
@@ -3411,7 +3588,7 @@ class CuraButtonOutline {
|
|
|
3411
3588
|
render() {
|
|
3412
3589
|
const symbolColor = this.getSymbolColor();
|
|
3413
3590
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3414
|
-
return (hAsync(Host, { key: '
|
|
3591
|
+
return (hAsync(Host, { key: '0a0c25f94d0c18dbb90e4836ca3e7bcbbe10d032' }, 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
3592
|
}
|
|
3416
3593
|
static get formAssociated() { return true; }
|
|
3417
3594
|
static get watchers() { return {
|
|
@@ -3510,15 +3687,6 @@ class CuraButtonSelect {
|
|
|
3510
3687
|
return this.selected ? 'neutral-white' : 'neutral-black';
|
|
3511
3688
|
}
|
|
3512
3689
|
}
|
|
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
3690
|
getColorBagdeNumber() {
|
|
3523
3691
|
if (this.background === 'dark' && this.disabled) {
|
|
3524
3692
|
return this.selected ? 'neutral-black' : 'neutral-dark';
|
|
@@ -3536,7 +3704,7 @@ class CuraButtonSelect {
|
|
|
3536
3704
|
return hAsync("cura-icon", { name: this.iconName, size: iconSize, color: this.getLabelFontColor() });
|
|
3537
3705
|
}
|
|
3538
3706
|
getCounter() {
|
|
3539
|
-
return (hAsync("cura-badge-
|
|
3707
|
+
return (hAsync("cura-badge-counter", { number: this.counter, color: this.color, disabled: this.disabled || null, class: "badge-number" }));
|
|
3540
3708
|
}
|
|
3541
3709
|
getCheckIconRight() {
|
|
3542
3710
|
const iconSize = this.size === 'large' ? 20 : 16;
|
|
@@ -3558,7 +3726,7 @@ class CuraButtonSelect {
|
|
|
3558
3726
|
}
|
|
3559
3727
|
render() {
|
|
3560
3728
|
const labelSize = labelSizes[this.size] || labelSizes['default'];
|
|
3561
|
-
return (hAsync(Host, { key: '
|
|
3729
|
+
return (hAsync(Host, { key: '4b7592b68a09c5b93ec1c9ec6b84c7e5afa06ec3' }, hAsync("button", { key: 'd607a733d64f73bd4bd4405e0aeb9d7f5ceebf52', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: e => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: '14e2f5b7309bf6c2252c81ab2f02fb36670facf3', class: "button-container" }, this.iconName ? this.getIcon() : null, hAsync("cura-label", { key: '0759d70b0105a56dfa42bce78f2f5b8c33b04254', class: "label", size: labelSize, lineHeight: "0%", color: this.getLabelFontColor(), weight: "regular" }, hAsync("slot", { key: 'a9935483ee6c67b8142878672804dfb7df0d8479' })), this.counter ? this.getCounter() : null, this.iconPosition === 'right' && this.selected ? this.getCheckIconRight() : null))));
|
|
3562
3730
|
}
|
|
3563
3731
|
get host() { return getElement(this); }
|
|
3564
3732
|
static get watchers() { return {
|
|
@@ -3573,7 +3741,7 @@ class CuraButtonSelect {
|
|
|
3573
3741
|
"selected": [1540],
|
|
3574
3742
|
"iconName": [1537, "icon-name"],
|
|
3575
3743
|
"size": [513],
|
|
3576
|
-
"counter": [
|
|
3744
|
+
"counter": [1538],
|
|
3577
3745
|
"disabled": [516],
|
|
3578
3746
|
"background": [1],
|
|
3579
3747
|
"color": [1],
|
|
@@ -3674,7 +3842,7 @@ class CuraButtonTransparent {
|
|
|
3674
3842
|
render() {
|
|
3675
3843
|
const symbolColor = this.getSymbolColor();
|
|
3676
3844
|
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3677
|
-
return (hAsync(Host, { key: '
|
|
3845
|
+
return (hAsync(Host, { key: 'f93f2f1b495403127238468c57edfcb5e9f69d43' }, 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
3846
|
}
|
|
3679
3847
|
static get formAssociated() { return true; }
|
|
3680
3848
|
static get watchers() { return {
|
|
@@ -7727,7 +7895,7 @@ class CuraCalendar {
|
|
|
7727
7895
|
}
|
|
7728
7896
|
render() {
|
|
7729
7897
|
const { months } = this.fetchMonthNames();
|
|
7730
|
-
return (hAsync(Host, { key: '
|
|
7898
|
+
return (hAsync(Host, { key: '859c5f15de173c774dc9f8a88792845741b665e2', style: this.getHostCSSProperties() }, hAsync("div", { key: '5838783d7ecb5b2258ef7ef73ba32ca7ddbad470', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''}`, style: this.styles }, hAsync("header", { key: '16245dbb73d9d0a277891b3853f451b89acccc35', class: "header" }, hAsync("div", { key: '9a22c4386363642fa7219edebd9e9a5cfb5220aa', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '4d3ee4454dfc8bbcd8d76df101b553c86b0cea8f', 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: '1f54119aafaa80816cdd016100a7987cba6656b0', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: '40be6c876675cf43b42e214e30639e48873dc4bc', 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: '72cae6b30fa5b7d5e180b796458d1844aba27ea9', class: "dates" }, !this.collapsed
|
|
7731
7899
|
? this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
|
|
7732
7900
|
: 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
7901
|
}
|
|
@@ -7811,7 +7979,7 @@ class CuraCard {
|
|
|
7811
7979
|
return classes;
|
|
7812
7980
|
}
|
|
7813
7981
|
render() {
|
|
7814
|
-
return (hAsync(Host, { key: '
|
|
7982
|
+
return (hAsync(Host, { key: '9478ce754c108db722dbc5bcbb00a0884b6c6f38', 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
7983
|
}
|
|
7816
7984
|
static get style() { return CuraCardStyle0; }
|
|
7817
7985
|
static get cmpMeta() { return {
|
|
@@ -8006,7 +8174,7 @@ class CuraCheckbox {
|
|
|
8006
8174
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8007
8175
|
}
|
|
8008
8176
|
render() {
|
|
8009
|
-
return (hAsync(Host, { key: '
|
|
8177
|
+
return (hAsync(Host, { key: 'c589b642a730e09b8d5ba60b69b45f131560ffda' }, hAsync("div", { key: '85ee55dc52042e513e070d68af348dc78d1990e2', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '59e78d3b717b0bbd77d98da09ab7f1da30d02f14', class: "info" }, hAsync("div", { key: '64d683966633a625e7e477fcf1b00364d5fd3fa7', class: "label-wrapper" }, hAsync("cura-label", { key: '76d34006ffd837285cb899278f759d95862097c5', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '01394587736d7402d5c6729e9f7e93f7b08ad742', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: 'fcbbea9a05b9299a814111ea36d7412df6f54e92', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '99c46ed2eb8492cbebb114d828935f1ec0bf7796' }))), hAsync("div", { key: '6291780f613af4e320c486b46697df6f19bdce0e', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: 'b922e6498ecfd28391843cdfa45c850f045f3ab6', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
8010
8178
|
}
|
|
8011
8179
|
static get formAssociated() { return true; }
|
|
8012
8180
|
get host() { return getElement(this); }
|
|
@@ -8108,7 +8276,7 @@ class CuraDisplay {
|
|
|
8108
8276
|
return tags[`${this.level}`] || tags['default'];
|
|
8109
8277
|
}
|
|
8110
8278
|
render() {
|
|
8111
|
-
return (hAsync(Host, { key: '
|
|
8279
|
+
return (hAsync(Host, { key: '454c94a3f6a1ee3f8ec8ba28ba77f31a5abe8f49', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8112
8280
|
}
|
|
8113
8281
|
get host() { return getElement(this); }
|
|
8114
8282
|
static get watchers() { return {
|
|
@@ -8157,7 +8325,7 @@ class CuraDistance {
|
|
|
8157
8325
|
this.formatDistance();
|
|
8158
8326
|
}
|
|
8159
8327
|
render() {
|
|
8160
|
-
return (hAsync(Host, { key: '
|
|
8328
|
+
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
8329
|
}
|
|
8162
8330
|
setCssProperties() {
|
|
8163
8331
|
this.styles = {
|
|
@@ -8184,7 +8352,7 @@ class CuraDistance {
|
|
|
8184
8352
|
}; }
|
|
8185
8353
|
}
|
|
8186
8354
|
|
|
8187
|
-
const curaDropdownSearchCss = ":host{display:block;width:100%;box-sizing:border-box}.dropdown{display:flex;position:relative;flex-direction:column;width:inherit}.dropdown .dropdown-search-list{z-index:1000}.dropdown-input-search{width:100%;display:flex;justify-content:center;align-items:center;background:transparent}.dropdown-input-search.dropdown-open ::part(cura-input-field){border-radius:4px 4px 0px 0px}.dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:none}.dropdown-input-search.dropdown-open cura-input-text ::slotted([slot=helperText]){display:none}.dropdown-search-list{position:absolute;top:calc(100% - 8px);width:100%;max-height:var(--dropdown-max-height);padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));border-radius:0px 0px 4px 4px;border-top:0 var(--neutral-light);border-right:2px solid var(--neutral-light);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;display:none}.dropdown-search-list.visible{display:block}.dropdown-search-list-input-search{width:inherit;display:flex;justify-content:center;align-items:center;padding:16px 8px;border-bottom:2px solid var(--info-base);background-color:var(--neutral-purewhite)}.dropdown-search-list-input-search cura-input-text{width:inherit}.dropdown-search-list-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile{position:fixed;top:1%;left:0;right:0;width:100%;z-index:10000}.dropdown-mobile .dropdown-input-search{display:flex;
|
|
8355
|
+
const curaDropdownSearchCss = ":host{display:block;width:100%;box-sizing:border-box}.dropdown{display:flex;position:relative;flex-direction:column;width:inherit}.dropdown .dropdown-search-list{z-index:1000}.dropdown-input-search{width:100%;display:flex;justify-content:center;align-items:center;background:transparent}.dropdown-input-search.dropdown-open ::part(cura-input-field){border-radius:4px 4px 0px 0px}.dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:none}.dropdown-input-search.dropdown-open cura-input-text ::slotted([slot=helperText]){display:none}.dropdown-search-list{position:absolute;top:calc(100% - 8px);width:100%;max-height:var(--dropdown-max-height);padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));border-radius:0px 0px 4px 4px;border-top:0 var(--neutral-light);border-right:2px solid var(--neutral-light);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;display:none}.dropdown-search-list.visible{display:block}.dropdown-search-list-input-search{width:inherit;display:flex;justify-content:center;align-items:center;padding:16px 8px;border-bottom:2px solid var(--info-base);background-color:var(--neutral-purewhite)}.dropdown-search-list-input-search cura-input-text{width:inherit}.dropdown-search-list-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile{position:fixed;top:1%;left:0;right:0;width:100%;z-index:10000}.dropdown-mobile .dropdown-input-search{display:flex;background-color:var(--neutral-purewhite);border-bottom:2px solid var(--info-base);z-index:10000}.dropdown-mobile .dropdown-input-search cura-button-transparent{display:flex;margin-right:4px}.dropdown-mobile .dropdown-input-search cura-input-text{padding:12px 8px 12px 0px}.dropdown-mobile .dropdown-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile .dropdown-input-search.dropdown-open{display:flex}.dropdown-mobile .dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:block}.dropdown-mobile .dropdown-search-list{position:static;width:100%;height:calc(100vh - var(--dynamic-input-search-height, 0));max-height:none;padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:none;border:none;background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;z-index:10000}";
|
|
8188
8356
|
var CuraDropdownSearchStyle0 = curaDropdownSearchCss;
|
|
8189
8357
|
|
|
8190
8358
|
class CuraDropdownSearch {
|
|
@@ -8194,16 +8362,14 @@ class CuraDropdownSearch {
|
|
|
8194
8362
|
this.onselect = createEvent(this, "onselect", 7);
|
|
8195
8363
|
this.overlayElement = null;
|
|
8196
8364
|
this.adjustInputPosition = () => {
|
|
8197
|
-
|
|
8198
|
-
|
|
8199
|
-
|
|
8200
|
-
|
|
8201
|
-
|
|
8202
|
-
|
|
8203
|
-
|
|
8204
|
-
|
|
8205
|
-
}
|
|
8206
|
-
});
|
|
8365
|
+
var _a, _b;
|
|
8366
|
+
const isKeyboardOpen = (window === null || window === void 0 ? void 0 : window.innerHeight) < this.screenDefaultHeight;
|
|
8367
|
+
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8368
|
+
if (dropdown) {
|
|
8369
|
+
dropdown.style.position = isKeyboardOpen ? 'absolute' : 'fixed';
|
|
8370
|
+
dropdown.style.bottom = isKeyboardOpen ? `${((_b = window === null || window === void 0 ? void 0 : window.screen) === null || _b === void 0 ? void 0 : _b.height) - (window === null || window === void 0 ? void 0 : window.innerHeight)}px` : '0';
|
|
8371
|
+
window.scroll({ top: 0, left: 0, behavior: 'smooth' });
|
|
8372
|
+
}
|
|
8207
8373
|
};
|
|
8208
8374
|
this.handleSlotChange = () => {
|
|
8209
8375
|
this.options = Array.from(this.host.querySelectorAll('cura-dropdown-search-option'));
|
|
@@ -8245,6 +8411,10 @@ class CuraDropdownSearch {
|
|
|
8245
8411
|
}
|
|
8246
8412
|
}
|
|
8247
8413
|
};
|
|
8414
|
+
this.setUp = () => {
|
|
8415
|
+
this.handleResize();
|
|
8416
|
+
this.adjustInputPosition();
|
|
8417
|
+
};
|
|
8248
8418
|
this.size = 'large';
|
|
8249
8419
|
this.status = 'default';
|
|
8250
8420
|
this.disabled = false;
|
|
@@ -8266,6 +8436,7 @@ class CuraDropdownSearch {
|
|
|
8266
8436
|
this.hoveredIndex = -1;
|
|
8267
8437
|
this.options = [];
|
|
8268
8438
|
this.originalOverflow = '';
|
|
8439
|
+
this.screenDefaultHeight = 0;
|
|
8269
8440
|
}
|
|
8270
8441
|
connectedCallback() {
|
|
8271
8442
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
@@ -8298,12 +8469,15 @@ class CuraDropdownSearch {
|
|
|
8298
8469
|
}
|
|
8299
8470
|
}
|
|
8300
8471
|
componentDidLoad() {
|
|
8301
|
-
|
|
8302
|
-
|
|
8472
|
+
var _a;
|
|
8473
|
+
this.screenDefaultHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
|
|
8474
|
+
window === null || window === void 0 ? void 0 : window.addEventListener('resize', this.setUp);
|
|
8475
|
+
(_a = window === null || window === void 0 ? void 0 : window.visualViewport) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', this.adjustInputPosition);
|
|
8303
8476
|
}
|
|
8304
8477
|
disconnectedCallback() {
|
|
8305
|
-
|
|
8306
|
-
window.removeEventListener('resize', this.
|
|
8478
|
+
var _a;
|
|
8479
|
+
window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.setUp);
|
|
8480
|
+
(_a = window === null || window === void 0 ? void 0 : window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', this.adjustInputPosition);
|
|
8307
8481
|
}
|
|
8308
8482
|
showOverlay() {
|
|
8309
8483
|
if (!this.overlayElement) {
|
|
@@ -8330,7 +8504,7 @@ class CuraDropdownSearch {
|
|
|
8330
8504
|
}
|
|
8331
8505
|
addClickListenersToOptions() {
|
|
8332
8506
|
this.options.forEach((option, index) => {
|
|
8333
|
-
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
8507
|
+
option === null || option === void 0 ? void 0 : option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
8334
8508
|
});
|
|
8335
8509
|
}
|
|
8336
8510
|
updateSelectedOption(value) {
|
|
@@ -8338,7 +8512,7 @@ class CuraDropdownSearch {
|
|
|
8338
8512
|
this.hoveredIndex = selectedOptionIndex;
|
|
8339
8513
|
this.updateOptionAttribute('hovered', this.hoveredIndex);
|
|
8340
8514
|
this.updateOptionAttribute('selected', this.hoveredIndex);
|
|
8341
|
-
this.
|
|
8515
|
+
this.scrollHoveredOptionIntoView();
|
|
8342
8516
|
this.adjustInputPosition();
|
|
8343
8517
|
}
|
|
8344
8518
|
onSelectedOption(index) {
|
|
@@ -8358,7 +8532,7 @@ class CuraDropdownSearch {
|
|
|
8358
8532
|
const newIndex = (this.hoveredIndex + direction + visibleOptions.length) % visibleOptions.length;
|
|
8359
8533
|
this.hoveredIndex = newIndex;
|
|
8360
8534
|
this.updateOptionAttribute('hovered', this.hoveredIndex);
|
|
8361
|
-
this.
|
|
8535
|
+
this.scrollHoveredOptionIntoView();
|
|
8362
8536
|
}
|
|
8363
8537
|
updateOptionAttribute(attribute, indexToUpdate) {
|
|
8364
8538
|
this.options.forEach((option, index) => {
|
|
@@ -8370,7 +8544,7 @@ class CuraDropdownSearch {
|
|
|
8370
8544
|
const currentValue = this.value;
|
|
8371
8545
|
this.hoveredIndex = visibleOptions.findIndex(option => option.getAttribute('value') === currentValue);
|
|
8372
8546
|
}
|
|
8373
|
-
|
|
8547
|
+
scrollHoveredOptionIntoView() {
|
|
8374
8548
|
var _a;
|
|
8375
8549
|
const container = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-search-list');
|
|
8376
8550
|
const hoveredOption = this.options[this.hoveredIndex];
|
|
@@ -8437,9 +8611,9 @@ class CuraDropdownSearch {
|
|
|
8437
8611
|
}
|
|
8438
8612
|
render() {
|
|
8439
8613
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8440
|
-
return (hAsync(Host, { key: '
|
|
8614
|
+
return (hAsync(Host, { key: 'b65367e4fa490b0dff8616bb9d82665bf3bb6f2b', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: 'ab7e1b6038a6dfa6b707bc97f225d68ed97bdc07', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '7e3ab85750a9d868fa789d1f1841c0a907b8948c', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: 'f171dceed48f41ad15736cbb358a1ffa6288d261', fontColor: "dark", onClick: () => this.handleGoBack(), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '53e7aa39324cc7c4ce52388f80823d0fb144d4e0', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: isMobileDropdown ? 'transparent' : 'default', required: this.required, hideErrorIcon: this.status === 'error', iconName: this.iconName || 'search', value: this.value, status: this.status, onValueChange: e => this.onValueChange(e.target.value), onInput: e => this.handleInputChange(e), onFocus: () => this.handleOnFocus(), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8441
8615
|
this.handleOnBlur();
|
|
8442
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8616
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '0fec269301bc1aa23978ec2b52adb856e9e8f17d', name: "helperText" }))), hAsync("div", { key: 'a6060851435b1da0bac0adb2445bfb90000c17d7', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '5443c23f1279be7243a27fccb39aa9ce35452b99', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8443
8617
|
}
|
|
8444
8618
|
get host() { return getElement(this); }
|
|
8445
8619
|
static get watchers() { return {
|
|
@@ -8470,7 +8644,8 @@ class CuraDropdownSearch {
|
|
|
8470
8644
|
"isOnBlurInput": [32],
|
|
8471
8645
|
"hoveredIndex": [32],
|
|
8472
8646
|
"options": [32],
|
|
8473
|
-
"originalOverflow": [32]
|
|
8647
|
+
"originalOverflow": [32],
|
|
8648
|
+
"screenDefaultHeight": [32]
|
|
8474
8649
|
},
|
|
8475
8650
|
"$listeners$": undefined,
|
|
8476
8651
|
"$lazyBundleId$": "-",
|
|
@@ -8520,12 +8695,12 @@ class CuraDropdownSearchOption {
|
|
|
8520
8695
|
}
|
|
8521
8696
|
}
|
|
8522
8697
|
render() {
|
|
8523
|
-
return (hAsync(Host, { key: '
|
|
8698
|
+
return (hAsync(Host, { key: '515f662d5fb08cd77e7ad24de425ec34497e5e6e', slot: "dropdown-search-option" }, hAsync("div", { key: '8decccf2416ae3ea135bba38845da2a63c9cfdce', style: this.styles, class: {
|
|
8524
8699
|
"option-container": true,
|
|
8525
8700
|
hovered: this.selectable ? this.hovered : false,
|
|
8526
8701
|
selected: this.selected,
|
|
8527
8702
|
disabled: !this.selectable
|
|
8528
|
-
} }, hAsync("div", { key: '
|
|
8703
|
+
} }, hAsync("div", { key: '8c3cce88d40c764ae87cf8c54e3fb9fe9651f62d', class: "content-container" }, hAsync("div", { key: '1c674ff6a3721c42e034b994bf903d8608100cb8', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: '7a6545a242da0774b74a403b2dc26ce378d146fd', name: "image" }), hAsync("cura-heading", { key: '860fede2f20748b5e15ddf3222cd0c6ce3ff1f8c', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'e9a7610e2d561cb399d58c44f98fb9ea0e6cf5c6' }))), hAsync("slot", { key: 'c784f7cddd4d5e246126ef43ab08e82db51fc2be', name: "action" })))));
|
|
8529
8704
|
}
|
|
8530
8705
|
get hostElement() { return getElement(this); }
|
|
8531
8706
|
static get watchers() { return {
|
|
@@ -8556,7 +8731,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8556
8731
|
registerInstance(this, hostRef);
|
|
8557
8732
|
}
|
|
8558
8733
|
render() {
|
|
8559
|
-
return (hAsync(Host, { key: '
|
|
8734
|
+
return (hAsync(Host, { key: 'b378a877e6a90727e3216c284c2a064992f2dfc9', slot: "dropdown-search-option" }, hAsync("cura-label", { key: 'e2d457a7d42bcacae09012322b19a54e44fb109f', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: 'e889fa1839988a0f138e14ad15b0e250100ba38c' }))));
|
|
8560
8735
|
}
|
|
8561
8736
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8562
8737
|
static get cmpMeta() { return {
|
|
@@ -8636,7 +8811,7 @@ class CuraHeading {
|
|
|
8636
8811
|
return tags[`${this.level}`] || tags['default'];
|
|
8637
8812
|
}
|
|
8638
8813
|
render() {
|
|
8639
|
-
return (hAsync(Host, { key: '
|
|
8814
|
+
return (hAsync(Host, { key: 'cad9af85d407889d1c8c17f12237366e2cb50d1c', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8640
8815
|
}
|
|
8641
8816
|
get host() { return getElement(this); }
|
|
8642
8817
|
static get watchers() { return {
|
|
@@ -8663,7 +8838,6 @@ class CuraHeading {
|
|
|
8663
8838
|
}; }
|
|
8664
8839
|
}
|
|
8665
8840
|
|
|
8666
|
-
const microIcons = ['arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'check', 'checkDouble', 'close', 'closeCircle', 'collapse', 'down', 'expand', 'linkExternal', 'link', 'left', 'minus', 'minusCircle', 'minusSquare', 'order', 'subItem', 'right', 'plus', 'plusCircle', 'plusSquare', 'up', 'filter', 'swap'];
|
|
8667
8841
|
const iconSizes = {
|
|
8668
8842
|
"128": { size: 128, stroke: 5.25 },
|
|
8669
8843
|
"72": { size: 72, stroke: 3.5 },
|
|
@@ -8674,7 +8848,7 @@ const iconSizes = {
|
|
|
8674
8848
|
"24": { size: 24, stroke: 2 },
|
|
8675
8849
|
"20": { size: 20, stroke: 1.75 },
|
|
8676
8850
|
"16": { size: 16, stroke: 1.5 },
|
|
8677
|
-
"micro": { size: 12, stroke: 1.
|
|
8851
|
+
"micro": { size: 12, stroke: 1.25 },
|
|
8678
8852
|
"default": { size: 24, stroke: 2 }
|
|
8679
8853
|
};
|
|
8680
8854
|
|
|
@@ -8691,10 +8865,6 @@ class CuraIcon {
|
|
|
8691
8865
|
this.disabled = false;
|
|
8692
8866
|
}
|
|
8693
8867
|
sizeHandler(size) {
|
|
8694
|
-
if (size === 'micro' && !microIcons.includes(this.name)) {
|
|
8695
|
-
size = 16;
|
|
8696
|
-
console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);
|
|
8697
|
-
}
|
|
8698
8868
|
const scaledStroke = (iconSize) => {
|
|
8699
8869
|
return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;
|
|
8700
8870
|
};
|
|
@@ -8713,7 +8883,7 @@ class CuraIcon {
|
|
|
8713
8883
|
this.host.style.setProperty(prop, value);
|
|
8714
8884
|
}
|
|
8715
8885
|
render() {
|
|
8716
|
-
return (hAsync(Host, { key: '
|
|
8886
|
+
return (hAsync(Host, { key: '09f68d2b455427bf45dca2e6b30e993ebfa6b3a0' }, hAsync("svg", { key: 'f15fea7564efac510263f06f8d15288fec004f66', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: 'b88136d10453dc9e1d2c41ceb10676b348430ae3', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8717
8887
|
}
|
|
8718
8888
|
get host() { return getElement(this); }
|
|
8719
8889
|
static get watchers() { return {
|
|
@@ -8757,10 +8927,7 @@ class CuraIconsView {
|
|
|
8757
8927
|
this.sizes.unshift(this.sizes.pop());
|
|
8758
8928
|
}
|
|
8759
8929
|
render() {
|
|
8760
|
-
return (hAsync(Host, { key: '
|
|
8761
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '973355e41f1a10405c8224461625215aedabe0e3', class: "iconSizes invert" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8762
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'acd2b60eb99238893fc97aa177e96f43a3c54bd1', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon), !microIcons.includes(icon) ? '' :
|
|
8763
|
-
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8930
|
+
return (hAsync(Host, { key: '4918bc5d13f24f3133af45ce5991b3f3f43e99cf' }, hAsync("div", { key: '837d47976a39702b13ceb5a7c5ac8ae097d34988', class: "iconDetail" }, hAsync("cura-heading", { key: 'de4c75c4652b464991aa173cf7243db65f9ba2ba', size: "small", "margin-block": "0 24px" }, "Icon: ", hAsync("b", { key: '77591ce199e5140ddcde3d7b956586d27fe6bc05' }, this.selected)), hAsync("div", { key: '6da36b174603d48ab3b11a8490c424f164855147', 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: '4920c8010e0a55f80bb557f4ba0e537b7861ae36', 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: '99739b351fb25036efd4b55774c0f077058be8fc', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
|
|
8764
8931
|
}
|
|
8765
8932
|
static get style() { return CuraIconsViewStyle0; }
|
|
8766
8933
|
static get cmpMeta() { return {
|
|
@@ -8943,7 +9110,7 @@ class CuraInputDate {
|
|
|
8943
9110
|
}
|
|
8944
9111
|
}
|
|
8945
9112
|
render() {
|
|
8946
|
-
return (hAsync(Host, { key: '
|
|
9113
|
+
return (hAsync(Host, { key: '1395108764c1957abb9371b82ab983d076aaf61e' }, hAsync("div", { key: 'e3134a1cfbf6f07b83f148b3e1b9c699e273a098', class: "container", style: this.styles }, hAsync("cura-input-text", { key: '507ce8cedd5a169832579ae3ea313d3b3d6813d2', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
|
|
8947
9114
|
}
|
|
8948
9115
|
static get formAssociated() { return true; }
|
|
8949
9116
|
get el() { return getElement(this); }
|
|
@@ -13018,7 +13185,7 @@ class CuraLabel {
|
|
|
13018
13185
|
};
|
|
13019
13186
|
}
|
|
13020
13187
|
render() {
|
|
13021
|
-
return (hAsync(Host, { key: '
|
|
13188
|
+
return (hAsync(Host, { key: '0155daf05e29fca75db8d8b8b103a4d3b60c1bc9', style: this.hostCSSProperties() }, hAsync("p", { key: 'cd63e97738f18f2842e3f6e3a0d086dd0c240651', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'e20da850c970c10f03f832d59db1050f2329c856' }))));
|
|
13022
13189
|
}
|
|
13023
13190
|
get host() { return getElement(this); }
|
|
13024
13191
|
static get watchers() { return {
|
|
@@ -13065,7 +13232,7 @@ class CuraLoaderBar {
|
|
|
13065
13232
|
this.setProgress();
|
|
13066
13233
|
}
|
|
13067
13234
|
render() {
|
|
13068
|
-
return (hAsync(Host, { key: '
|
|
13235
|
+
return (hAsync(Host, { key: 'ae36cc67cb0b22bf0156ee1cc41472ea74cee0a9' }, hAsync("div", { key: 'd3cc5382d1b4967ab7622f4b71dfb51d2e913ddb', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '9a34c97d65e4cb4692371b876304175610770098', class: "progress-bar-fill" }))));
|
|
13069
13236
|
}
|
|
13070
13237
|
setColor() {
|
|
13071
13238
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -13117,7 +13284,7 @@ class CuraLoaderCircle {
|
|
|
13117
13284
|
};
|
|
13118
13285
|
}
|
|
13119
13286
|
render() {
|
|
13120
|
-
return (hAsync(Host, { key: '
|
|
13287
|
+
return (hAsync(Host, { key: '4bbd56cb3e6ba4567a55151130434632f65ae43d', style: this.getStyles() }, hAsync("svg", { key: 'e3bedd1366e04387303f70785d9524e45d2c05e1', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '0432c14bd08943b91d0df19ccece4b6ff689ff59' }, hAsync("circle", { key: 'abcb2c008e0c86d5de76becb39784a765edb0c5f', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: '0e46ede5d639ddcd639938ede38bd290b270e21b', 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: '078f23c3acf4d470be0bcf652d0fcfa032a349dd' }, hAsync("linearGradient", { key: '15b205073cc09ecb60ec03cbbdbad1655d35419d', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'a4903782973fe126203024c4b7b9fbe01b5f673b' }), hAsync("stop", { key: 'bb6ca25801db81e40f1d234ef89632fe175a737e', offset: "1" }))))));
|
|
13121
13288
|
}
|
|
13122
13289
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13123
13290
|
static get cmpMeta() { return {
|
|
@@ -13133,7 +13300,7 @@ class CuraLoaderCircle {
|
|
|
13133
13300
|
}; }
|
|
13134
13301
|
}
|
|
13135
13302
|
|
|
13136
|
-
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:
|
|
13303
|
+
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:var(--zIndex)}.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:calc(var(--zIndex) - 10);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:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--base-spacing) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--base-spacing) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--base-spacing) * 4px);padding-bottom:0px;border-radius:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--base-spacing) * 4px);padding:calc(var(--base-spacing) * 4px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--base-spacing) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
|
|
13137
13304
|
var CuraModalStyle0 = curaModalCss;
|
|
13138
13305
|
|
|
13139
13306
|
class CuraModal {
|
|
@@ -13146,7 +13313,12 @@ class CuraModal {
|
|
|
13146
13313
|
};
|
|
13147
13314
|
this.open = false;
|
|
13148
13315
|
this.background = 'light';
|
|
13149
|
-
this.
|
|
13316
|
+
this.top = 0;
|
|
13317
|
+
this.bottom = 0;
|
|
13318
|
+
this.left = 0;
|
|
13319
|
+
this.right = 0;
|
|
13320
|
+
this.mobileCloseLabel = 'Fechar';
|
|
13321
|
+
this.zindex = '100';
|
|
13150
13322
|
this.styles = {};
|
|
13151
13323
|
}
|
|
13152
13324
|
setColors() {
|
|
@@ -13156,20 +13328,38 @@ class CuraModal {
|
|
|
13156
13328
|
};
|
|
13157
13329
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': backgroundTheme[this.background] });
|
|
13158
13330
|
}
|
|
13159
|
-
|
|
13160
|
-
this.styles = Object.assign(Object.assign({}, this.styles), {
|
|
13331
|
+
setOffset(name, value) {
|
|
13332
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { [`--${name}-offset`]: `${value}px` });
|
|
13333
|
+
}
|
|
13334
|
+
setTop() {
|
|
13335
|
+
this.setOffset('top', this.top);
|
|
13336
|
+
}
|
|
13337
|
+
setBottom() {
|
|
13338
|
+
this.setOffset('bottom', this.bottom);
|
|
13339
|
+
}
|
|
13340
|
+
setLeft() {
|
|
13341
|
+
this.setOffset('left', this.left);
|
|
13342
|
+
}
|
|
13343
|
+
setRight() {
|
|
13344
|
+
this.setOffset('right', this.right);
|
|
13161
13345
|
}
|
|
13162
13346
|
connectedCallback() {
|
|
13163
13347
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-white': window.CuraAPI.theme.colors.getColor('neutral-white'), '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
|
|
13164
13348
|
this.setColors();
|
|
13165
|
-
this.
|
|
13349
|
+
this.setTop();
|
|
13350
|
+
this.setBottom();
|
|
13351
|
+
this.setLeft();
|
|
13352
|
+
this.setRight();
|
|
13166
13353
|
}
|
|
13167
13354
|
render() {
|
|
13168
|
-
return (hAsync(Host, { key: '
|
|
13355
|
+
return (hAsync(Host, { key: '50f4146aed5392ae16803fb060d4921a5e8a3271', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, hAsync("div", { key: '149e99a4b8b479515ed3d67c5c8aea08d4d96d1c', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, hAsync("div", { key: 'f32f7f7e16475c51babf95e1ca5f4fea449c1bb0', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), hAsync("div", { key: '183f7ab8f2cee8106795f6104c38a2c93272387f', class: "wrapper" }, hAsync("button", { key: '28778c8120c92dfcae0443dccd21f55a204bd82e', class: "close desktop", onClick: this.handleClose }, hAsync("cura-icon", { key: 'a847de5c1314ea1460673870334f3f98e98f1cf9', name: "close", color: "error-dark", size: "small" })), hAsync("slot", { key: 'e08b556b7232425c2b83a21dac75d30fb4361a83' }), hAsync("button", { key: 'e736a95f878ff5a2ad6897d9140fd74b26939445', class: "close mobile", onClick: this.handleClose }, hAsync("cura-icon", { key: '9eaeaca6f4ea9d3cde5fd44e108de389c727f991', name: "close", color: "error-dark", size: "16" }), hAsync("cura-paragraph", { key: '2476b85e5dd7d6092d3d1d1714ee4a79b73b12d0', color: "error-dark", size: "small", marginBlock: "0" }, this.mobileCloseLabel))))));
|
|
13169
13356
|
}
|
|
13170
13357
|
static get watchers() { return {
|
|
13171
13358
|
"background": ["setColors"],
|
|
13172
|
-
"
|
|
13359
|
+
"top": ["setTop"],
|
|
13360
|
+
"bottom": ["setBottom"],
|
|
13361
|
+
"left": ["setLeft"],
|
|
13362
|
+
"right": ["setRight"]
|
|
13173
13363
|
}; }
|
|
13174
13364
|
static get style() { return CuraModalStyle0; }
|
|
13175
13365
|
static get cmpMeta() { return {
|
|
@@ -13178,12 +13368,17 @@ class CuraModal {
|
|
|
13178
13368
|
"$members$": {
|
|
13179
13369
|
"open": [1540],
|
|
13180
13370
|
"background": [1],
|
|
13181
|
-
"
|
|
13371
|
+
"top": [2],
|
|
13372
|
+
"bottom": [2],
|
|
13373
|
+
"left": [2],
|
|
13374
|
+
"right": [2],
|
|
13375
|
+
"mobileCloseLabel": [513, "mobile-close-label"],
|
|
13376
|
+
"zindex": [513],
|
|
13182
13377
|
"styles": [32]
|
|
13183
13378
|
},
|
|
13184
13379
|
"$listeners$": undefined,
|
|
13185
13380
|
"$lazyBundleId$": "-",
|
|
13186
|
-
"$attrsToReflect$": [["open", "open"]]
|
|
13381
|
+
"$attrsToReflect$": [["open", "open"], ["mobileCloseLabel", "mobile-close-label"], ["zindex", "zindex"]]
|
|
13187
13382
|
}; }
|
|
13188
13383
|
}
|
|
13189
13384
|
|
|
@@ -13206,7 +13401,7 @@ class CuraPageTemplate {
|
|
|
13206
13401
|
return classes;
|
|
13207
13402
|
}
|
|
13208
13403
|
render() {
|
|
13209
|
-
return (hAsync(Host, { key: '
|
|
13404
|
+
return (hAsync(Host, { key: '9f26fb8ceb8b22ed9223bd215c07b6a19f6d78f1' }, hAsync("div", { key: '38541ca9be4feecb9911c96cc954ba7501dc9b5e', style: this.styles, class: "grid-template" }, hAsync("div", { key: 'daf436a589d75bb270f4b16230d1db1d7365c47e', id: "sub-header" }, hAsync("slot", { key: '547c858a5913c600c1b745f400319d207a04c7ce', name: 'sub-header' })), hAsync("div", { key: 'ba69ae91e87af01a8001a347f6de7d8ba7088619', id: "header" }, hAsync("slot", { key: '6f72885d42d005f234942f2cbf8eefd98f4d0241', name: 'header' })), hAsync("div", { key: 'd21dbb37e236b1b22e886a036a37fb2e65e538f3', id: "pre-content" }, hAsync("slot", { key: '31b14b314d1ee2672f15883ea4bcc3c542520558', name: 'pre-content' })), hAsync("div", { key: 'a1297f482f15b4947043401b25e2c4ecbedd31fd', id: "content-container", class: this.getClasses() }, hAsync("div", { key: '9c0c466a46c5fc81c64663dd0aff4e073cc6cb72', id: "sidebar-left" }, hAsync("slot", { key: '10364527d218b1c05064095a5a69a411cb23322a', name: 'sidebar-left' })), hAsync("div", { key: '23029f84833a0959f43f30b4dcc5d8bc08a0bf05', id: "content" }, hAsync("slot", { key: '8dbcf34f4808d0983df99c77b52f927b8f1a69d7', name: "content" }), hAsync("slot", { key: '6a235586dfb316c6449d531a566940d8de4e4a40' })), hAsync("div", { key: 'b88f94db774c17aaa312ca55c9e67d611cabace3', id: "sidebar-right" }, hAsync("slot", { key: '5efbbf777d7acb28e91f4dace10558926dafef60', name: 'sidebar-right' }))), hAsync("div", { key: 'f40b983f2266e565faba96e8906cd69073b6598c', id: "post-body" }, hAsync("slot", { key: 'd0f047c73b5b777f1eb9d61191bf172473c100cf', name: 'post-body' })), hAsync("div", { key: 'b54482672a8017036b060203b5426bb2897c75fa', id: "footer" }, hAsync("slot", { key: '4c65d471dcd2dfabc32e163cb9575f3d05fb2cda', name: 'footer' })), hAsync("div", { key: '24c5d5a19e6d3fb943a1e99a7dfcfe9ad7cbb283', id: "sub-footer" }, hAsync("slot", { key: '6f595500cac9906db6902685f172feaa7ee9e711', name: 'sub-footer' })))));
|
|
13210
13405
|
}
|
|
13211
13406
|
get host() { return getElement(this); }
|
|
13212
13407
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13272,7 +13467,7 @@ class CuraParagraph {
|
|
|
13272
13467
|
};
|
|
13273
13468
|
}
|
|
13274
13469
|
render() {
|
|
13275
|
-
return (hAsync(Host, { key: '
|
|
13470
|
+
return (hAsync(Host, { key: '8363d3df5dcb93aab4452bfe67e16d5c6238bf1f', style: this.hostCSSProperties() }, hAsync("p", { key: 'e69d42e093a182eda646c425c987d5f71f3d2041', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: '0402210f031bda68edee85a93043e2ae6347eee1' }))));
|
|
13276
13471
|
}
|
|
13277
13472
|
get host() { return getElement(this); }
|
|
13278
13473
|
static get watchers() { return {
|
|
@@ -13297,6 +13492,42 @@ class CuraParagraph {
|
|
|
13297
13492
|
}; }
|
|
13298
13493
|
}
|
|
13299
13494
|
|
|
13495
|
+
const curaProgressBarCss = ":host{display:block;box-sizing:border-box}.progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar span{position:absolute;display:flex}";
|
|
13496
|
+
var CuraProgressBarStyle0 = curaProgressBarCss;
|
|
13497
|
+
|
|
13498
|
+
class CuraProgressBar {
|
|
13499
|
+
constructor(hostRef) {
|
|
13500
|
+
registerInstance(this, hostRef);
|
|
13501
|
+
this.progressColor = undefined;
|
|
13502
|
+
this.progress = undefined;
|
|
13503
|
+
this.size = 40;
|
|
13504
|
+
this.strokeWidth = 3.25;
|
|
13505
|
+
this.active = undefined;
|
|
13506
|
+
}
|
|
13507
|
+
render() {
|
|
13508
|
+
const radius = (this.size - this.strokeWidth) / 2;
|
|
13509
|
+
const circumference = radius * Math.PI * 2;
|
|
13510
|
+
const dash = (this.progress * circumference) / 100;
|
|
13511
|
+
const viewBox = `0 0 ${this.size} ${this.size}`;
|
|
13512
|
+
return (hAsync(Host, { key: 'e0da7ede087161c67c9dd0371d15030dd5107a19' }, hAsync("div", { key: 'ebe68fb426b46e94b7d03ded4e8aaed852337f30', class: "progress-bar" }, hAsync("svg", { key: 'ace46878d45bfbe51dae29c3020d74f43c2f5147', width: this.size, height: this.size, viewBox: viewBox }, hAsync("circle", { key: 'dbbde61a95a7f13dc14a72fe538da43953852d7b', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (hAsync("circle", { key: '272c197451a47c73cfa91d7f7578a50b26958732', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), hAsync("span", { key: 'a80f024e09fb54218fe97039459472855226c063' }, hAsync("slot", { key: '5683f5edd5b54bd852fc1036b284656bfda066c4' })))));
|
|
13513
|
+
}
|
|
13514
|
+
static get style() { return CuraProgressBarStyle0; }
|
|
13515
|
+
static get cmpMeta() { return {
|
|
13516
|
+
"$flags$": 9,
|
|
13517
|
+
"$tagName$": "cura-progress-bar",
|
|
13518
|
+
"$members$": {
|
|
13519
|
+
"progressColor": [513, "progress-color"],
|
|
13520
|
+
"progress": [514],
|
|
13521
|
+
"size": [514],
|
|
13522
|
+
"strokeWidth": [514, "stroke-width"],
|
|
13523
|
+
"active": [516]
|
|
13524
|
+
},
|
|
13525
|
+
"$listeners$": undefined,
|
|
13526
|
+
"$lazyBundleId$": "-",
|
|
13527
|
+
"$attrsToReflect$": [["progressColor", "progress-color"], ["progress", "progress"], ["size", "size"], ["strokeWidth", "stroke-width"], ["active", "active"]]
|
|
13528
|
+
}; }
|
|
13529
|
+
}
|
|
13530
|
+
|
|
13300
13531
|
const curaRadioCss = "@charset \"UTF-8\";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:\"\";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}";
|
|
13301
13532
|
var CuraRadioStyle0 = curaRadioCss;
|
|
13302
13533
|
|
|
@@ -13429,7 +13660,7 @@ class CuraRadio {
|
|
|
13429
13660
|
return statusColors[this.status][type];
|
|
13430
13661
|
}
|
|
13431
13662
|
render() {
|
|
13432
|
-
return (hAsync(Host, { key: '
|
|
13663
|
+
return (hAsync(Host, { key: 'eecc279b05da57162acf41d62bac48a00cc9d985' }, hAsync("div", { key: '279b6922349bf02b7e65065bcb98b9c824073516', class: this.getClasses(), style: this.styles }, hAsync("div", { key: 'a6a2de8f8d7e6efbca3aee079255451e448903a2', class: "info" }, hAsync("div", { key: '6d2733ca86d087031e1ec4fdea26d5906f695479', class: "label-wrapper" }, hAsync("cura-label", { key: '2c0c878411bb846ff7bcf24c385895f1d86b3022', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '07abc53858276dc6429381a0c658c562e1d05933', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: 'ab5c0451842242ee584f2d3b430b803498190118', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '3673a0a1ecc7f9dfa6975bdddaf708ed8ad1b72d' }))), hAsync("input", { key: 'db602c601168ada1a5a375d3ef122d4f315fa256', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked, onClick: this.handleClick }))));
|
|
13433
13664
|
}
|
|
13434
13665
|
static get formAssociated() { return true; }
|
|
13435
13666
|
get host() { return getElement(this); }
|
|
@@ -13741,13 +13972,13 @@ class CuraSelect {
|
|
|
13741
13972
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13742
13973
|
}
|
|
13743
13974
|
render() {
|
|
13744
|
-
return (hAsync(Host, { key: '
|
|
13975
|
+
return (hAsync(Host, { key: '80cc2b0b4aa2ea8421cf2bee808b1c1d18dfd805', style: this.styles }, hAsync("div", { key: '93d8b6c8a1c10d0ed7382349cad19713a5f9e27c', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: 'a7a60586c38e2f0fd746bf4b0d5b161fb506ba14', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: '57903ed08819a70cd02267cccfb419fb47f3ef42', class: 'required' }, "* "))), hAsync("div", { key: '252158e79c221c977b0015de743aa3df8843aa4b', class: {
|
|
13745
13976
|
'cura-input-field': true,
|
|
13746
13977
|
'open': this.isOpen
|
|
13747
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13978
|
+
} }, this.renderIcon(), hAsync("input", { key: 'b27fb9017445068047eef3b58bfbf9d365d1e5fb', 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: 'a90e58a4e11de658595208dfd9a2797e1adca140', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: '70ed24f2b6657b41d5afc914c0ae9a9293e941ba', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: 'd3f8934cd5a8ad0af564559925d2e5d8cfc356f6' })), this.isOpen && (hAsync("div", { key: 'abd2100c9a4c63c1456d19eee808c43ca0b647f2', class: {
|
|
13748
13979
|
'menu': true,
|
|
13749
13980
|
'open': this.isOpen
|
|
13750
|
-
} }, hAsync("slot", { key: '
|
|
13981
|
+
} }, hAsync("slot", { key: 'c6c4129a91e3e5c71897e96a07533754333c4ee6', name: 'option' }))))));
|
|
13751
13982
|
}
|
|
13752
13983
|
static get formAssociated() { return true; }
|
|
13753
13984
|
get host() { return getElement(this); }
|
|
@@ -13821,7 +14052,7 @@ class CuraSelectOption {
|
|
|
13821
14052
|
};
|
|
13822
14053
|
}
|
|
13823
14054
|
render() {
|
|
13824
|
-
return (hAsync(Host, { key: '
|
|
14055
|
+
return (hAsync(Host, { key: '52804251a1d97d2288a0db65db60c53f32151ff2', slot: "option" }, hAsync("div", { key: '3203a910590d8a920109c995f9f60a5f8a01f58b', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: 'be6b3a56e7665ea059c0859f97a1b7884d8605f9', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '5077a345d3524e0c14c33573f1a650b4c1aeb9ff' })), this.selected && hAsync("cura-icon", { key: '4c76229249ef35319d92d1c05321c79ea93790b3', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13825
14056
|
}
|
|
13826
14057
|
get host() { return getElement(this); }
|
|
13827
14058
|
static get watchers() { return {
|
|
@@ -13844,6 +14075,216 @@ class CuraSelectOption {
|
|
|
13844
14075
|
}; }
|
|
13845
14076
|
}
|
|
13846
14077
|
|
|
14078
|
+
const curaStepperCss = ":host{display:block;box-sizing:border-box;width:100%}cura-heading{--margin-block:0 !important}.container{display:flex}.compact{display:flex;padding:0px;justify-content:space-between;align-items:center}.compact .heading{text-align:right}.stepper-list{gap:4px;display:flex;flex-shrink:0;align-items:center;padding:0;flex:1;width:100%;justify-content:space-between}.step{display:flex;align-items:center;flex-direction:row;flex:1;gap:4px}.step .wrapper{flex:1;position:relative}.step .divider{background-color:var(--neutral-light);height:2px;flex:1;transition:all 1s}.step .animation{position:absolute;top:0;left:0;right:0;width:var(--progress-width)}.step .done{background-color:var(--success-light)}.step .stop{background-color:var(--error-light)}.step .active{background-color:var(--info-light)}.last{flex:0}";
|
|
14079
|
+
var CuraStepperStyle0 = curaStepperCss;
|
|
14080
|
+
|
|
14081
|
+
class CuraStepper {
|
|
14082
|
+
constructor(hostRef) {
|
|
14083
|
+
registerInstance(this, hostRef);
|
|
14084
|
+
this.activeStepIndex = undefined;
|
|
14085
|
+
this.errorInCurrentStep = false;
|
|
14086
|
+
this.displayHeading = false;
|
|
14087
|
+
this.variant = 'default';
|
|
14088
|
+
this.steps = [];
|
|
14089
|
+
this.styles = {};
|
|
14090
|
+
this.stepList = [];
|
|
14091
|
+
}
|
|
14092
|
+
connectedCallback() {
|
|
14093
|
+
this.initializeSteps();
|
|
14094
|
+
const { fonts, colors, spacing } = window.CuraAPI.theme;
|
|
14095
|
+
const weights = fonts.getWeights();
|
|
14096
|
+
this.styles = this.generateStyles(colors, fonts, spacing, weights);
|
|
14097
|
+
}
|
|
14098
|
+
generateStyles(colors, fonts, spacing, weights) {
|
|
14099
|
+
return {
|
|
14100
|
+
'--base-spacing': spacing.getSpacing(),
|
|
14101
|
+
'--neutral-purewhite': colors.getColor('neutral-purewhite'),
|
|
14102
|
+
'--neutral-lighter': colors.getColor('neutral-lighter'),
|
|
14103
|
+
'--neutral-base': colors.getColor('neutral-base'),
|
|
14104
|
+
'--neutral-light': colors.getColor('neutral-light'),
|
|
14105
|
+
'--success-light': colors.getColor('success-light'),
|
|
14106
|
+
'--info-light': colors.getColor('info-light'),
|
|
14107
|
+
'--error-light': colors.getColor('error-light'),
|
|
14108
|
+
'--font-size': fonts.getSize(),
|
|
14109
|
+
'--font-color': fonts.getColor(),
|
|
14110
|
+
'--font-family': fonts.getFamily(),
|
|
14111
|
+
'--font-weight-regular': weights.regular,
|
|
14112
|
+
};
|
|
14113
|
+
}
|
|
14114
|
+
initializeSteps() {
|
|
14115
|
+
if (typeof this.steps === 'string') {
|
|
14116
|
+
this.stepList = JSON.parse(this.steps || '[]');
|
|
14117
|
+
}
|
|
14118
|
+
else {
|
|
14119
|
+
this.stepList = this.steps;
|
|
14120
|
+
}
|
|
14121
|
+
}
|
|
14122
|
+
getStepStatus(step) {
|
|
14123
|
+
if (this.activeStepIndex === step && this.errorInCurrentStep)
|
|
14124
|
+
return 'stop';
|
|
14125
|
+
if (this.activeStepIndex === step && this.stepList.length !== step)
|
|
14126
|
+
return 'active';
|
|
14127
|
+
if (this.activeStepIndex >= step)
|
|
14128
|
+
return 'done';
|
|
14129
|
+
return 'default';
|
|
14130
|
+
}
|
|
14131
|
+
getProgressStyles() {
|
|
14132
|
+
const progressStyles = {
|
|
14133
|
+
default: {
|
|
14134
|
+
progressColor: 'var(--info-light)',
|
|
14135
|
+
activeStepTextColor: 'info-darker',
|
|
14136
|
+
nextStepTextColor: 'info-dark',
|
|
14137
|
+
},
|
|
14138
|
+
firstStep: {
|
|
14139
|
+
progressColor: 'var(--info-light)',
|
|
14140
|
+
activeStepTextColor: 'neutral-dark',
|
|
14141
|
+
nextStepTextColor: 'neutral-medium',
|
|
14142
|
+
},
|
|
14143
|
+
completed: {
|
|
14144
|
+
progressColor: 'var(--success-light)',
|
|
14145
|
+
activeStepTextColor: 'success-darker',
|
|
14146
|
+
nextStepTextColor: 'success-dark',
|
|
14147
|
+
},
|
|
14148
|
+
error: {
|
|
14149
|
+
progressColor: 'var(--error-light)',
|
|
14150
|
+
activeStepTextColor: 'error-darker',
|
|
14151
|
+
nextStepTextColor: 'error-dark',
|
|
14152
|
+
},
|
|
14153
|
+
};
|
|
14154
|
+
if (this.errorInCurrentStep) {
|
|
14155
|
+
return progressStyles.error;
|
|
14156
|
+
}
|
|
14157
|
+
if (this.activeStepIndex === 0) {
|
|
14158
|
+
return progressStyles.firstStep;
|
|
14159
|
+
}
|
|
14160
|
+
if (this.activeStepIndex === this.stepList.length) {
|
|
14161
|
+
return progressStyles.completed;
|
|
14162
|
+
}
|
|
14163
|
+
return progressStyles.default;
|
|
14164
|
+
}
|
|
14165
|
+
renderCompactStepper() {
|
|
14166
|
+
var _a;
|
|
14167
|
+
const title = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex].title : this.stepList[this.activeStepIndex - 1].title;
|
|
14168
|
+
const subtitle = this.activeStepIndex === 0 ? this.stepList[this.activeStepIndex + 1].title : (_a = this.stepList[this.activeStepIndex]) === null || _a === void 0 ? void 0 : _a.title;
|
|
14169
|
+
const completed = this.activeStepIndex === this.stepList.length;
|
|
14170
|
+
const inProgress = !(completed || this.errorInCurrentStep);
|
|
14171
|
+
const { progressColor, activeStepTextColor, nextStepTextColor } = this.getProgressStyles();
|
|
14172
|
+
// Representa a porcentagem de progresso (step atual / quantidade de steps;)
|
|
14173
|
+
const progress = (this.activeStepIndex * 100) / this.stepList.length;
|
|
14174
|
+
return (hAsync("div", { class: "container compact", style: this.styles }, hAsync("cura-progress-bar", { progress: progress, progressColor: progressColor, active: this.activeStepIndex !== 0 }, !inProgress ? (hAsync("cura-icon", { name: this.errorInCurrentStep ? 'alertCircle' : 'checkCircle', color: this.errorInCurrentStep ? 'error-dark' : 'success-dark', size: "16" })) : (hAsync("cura-heading", { color: "neutral-dark", size: "xsmall" }, this.activeStepIndex, "/", this.stepList.length))), this.displayHeading && (hAsync("div", { class: "heading" }, hAsync("cura-heading", { size: "small", weight: "bold", color: activeStepTextColor }, title), !completed && (hAsync("cura-heading", { size: "xsmall", weight: "regular", color: nextStepTextColor }, "Pr\u00F3ximo: ", subtitle))))));
|
|
14175
|
+
}
|
|
14176
|
+
renderStep(step, stepIndex) {
|
|
14177
|
+
const stepStatus = this.getStepStatus(stepIndex + 1);
|
|
14178
|
+
const lastStep = stepIndex === this.stepList.length - 1;
|
|
14179
|
+
const progressWidth = stepStatus !== 'default' ? '100%' : '0';
|
|
14180
|
+
return (hAsync("div", { class: `step ${lastStep ? 'last' : ''}`, key: step.title }, hAsync("cura-stepper-item", { heading: step.title, label: step.label, displayHeading: this.displayHeading, status: stepStatus }), stepIndex < this.stepList.length - 1 && (hAsync("div", { class: "wrapper" }, hAsync("div", { class: "divider" }), hAsync("div", { class: `divider ${stepStatus} animation`, style: { '--progress-width': progressWidth } })))));
|
|
14181
|
+
}
|
|
14182
|
+
renderStepper() {
|
|
14183
|
+
return (hAsync("div", { class: "container", style: this.styles }, hAsync("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
|
|
14184
|
+
}
|
|
14185
|
+
render() {
|
|
14186
|
+
return hAsync(Host, { key: 'a3c23a43dc82cba74b777a7e28ae7de1632ec95d' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
|
|
14187
|
+
}
|
|
14188
|
+
get host() { return getElement(this); }
|
|
14189
|
+
static get style() { return CuraStepperStyle0; }
|
|
14190
|
+
static get cmpMeta() { return {
|
|
14191
|
+
"$flags$": 9,
|
|
14192
|
+
"$tagName$": "cura-stepper",
|
|
14193
|
+
"$members$": {
|
|
14194
|
+
"activeStepIndex": [514, "active-step-index"],
|
|
14195
|
+
"errorInCurrentStep": [516, "error-in-current-step"],
|
|
14196
|
+
"displayHeading": [516, "display-heading"],
|
|
14197
|
+
"variant": [513],
|
|
14198
|
+
"steps": [1],
|
|
14199
|
+
"styles": [32],
|
|
14200
|
+
"stepList": [32]
|
|
14201
|
+
},
|
|
14202
|
+
"$listeners$": undefined,
|
|
14203
|
+
"$lazyBundleId$": "-",
|
|
14204
|
+
"$attrsToReflect$": [["activeStepIndex", "active-step-index"], ["errorInCurrentStep", "error-in-current-step"], ["displayHeading", "display-heading"], ["variant", "variant"]]
|
|
14205
|
+
}; }
|
|
14206
|
+
}
|
|
14207
|
+
|
|
14208
|
+
const curaStepperItemCss = ":host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}";
|
|
14209
|
+
var CuraStepperItemStyle0 = curaStepperItemCss;
|
|
14210
|
+
|
|
14211
|
+
class CuraStepperItem {
|
|
14212
|
+
constructor(hostRef) {
|
|
14213
|
+
registerInstance(this, hostRef);
|
|
14214
|
+
this.statusMap = {
|
|
14215
|
+
active: {
|
|
14216
|
+
badgeColor: 'info',
|
|
14217
|
+
textColor: 'info-dark',
|
|
14218
|
+
icon: '',
|
|
14219
|
+
iconOnly: false,
|
|
14220
|
+
},
|
|
14221
|
+
stop: {
|
|
14222
|
+
badgeColor: 'error',
|
|
14223
|
+
textColor: 'error-darker',
|
|
14224
|
+
icon: 'alertCircle',
|
|
14225
|
+
iconOnly: true,
|
|
14226
|
+
},
|
|
14227
|
+
done: {
|
|
14228
|
+
badgeColor: 'success',
|
|
14229
|
+
textColor: 'success-darker',
|
|
14230
|
+
icon: 'checkCircle',
|
|
14231
|
+
iconOnly: true,
|
|
14232
|
+
},
|
|
14233
|
+
default: {
|
|
14234
|
+
badgeColor: 'neutral',
|
|
14235
|
+
textColor: 'neutral',
|
|
14236
|
+
icon: '',
|
|
14237
|
+
iconOnly: false,
|
|
14238
|
+
},
|
|
14239
|
+
};
|
|
14240
|
+
this.displayHeading = false;
|
|
14241
|
+
this.heading = undefined;
|
|
14242
|
+
this.label = undefined;
|
|
14243
|
+
this.status = 'default';
|
|
14244
|
+
this.styles = {};
|
|
14245
|
+
}
|
|
14246
|
+
connectedCallback() {
|
|
14247
|
+
this.updateStyles();
|
|
14248
|
+
}
|
|
14249
|
+
getStatusProperties() {
|
|
14250
|
+
return this.statusMap[this.status] || this.statusMap.default;
|
|
14251
|
+
}
|
|
14252
|
+
updateStyles() {
|
|
14253
|
+
const { fonts, colors, spacing } = window.CuraAPI.theme;
|
|
14254
|
+
const weights = fonts.getWeights();
|
|
14255
|
+
this.styles = {
|
|
14256
|
+
'--base-spacing': spacing.getSpacing(),
|
|
14257
|
+
'--neutral-purewhite': colors.getColor('neutral-purewhite'),
|
|
14258
|
+
'--neutral-lighter': colors.getColor('neutral-lighter'),
|
|
14259
|
+
'--neutral-base': colors.getColor('neutral-base'),
|
|
14260
|
+
'--font-size': fonts.getSize(),
|
|
14261
|
+
'--font-color': fonts.getColor(),
|
|
14262
|
+
'--font-family': fonts.getFamily(),
|
|
14263
|
+
'--font-weight-regular': weights.regular,
|
|
14264
|
+
};
|
|
14265
|
+
}
|
|
14266
|
+
render() {
|
|
14267
|
+
const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
|
|
14268
|
+
return (hAsync(Host, { key: 'c226daf451d9c861d5303474ef0fc31c1602371b' }, hAsync("div", { key: '7aece988946e4bef02c597a80ea1a505c201e188', class: "item-container", style: this.styles }, hAsync("cura-badge-pill", { key: 'd0362b4a4ee3c047173399ea5f7c912a5a0f7810', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (hAsync("cura-paragraph", { key: '015effecdb26be22386363e77bd5a0e671701d60', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
|
|
14269
|
+
}
|
|
14270
|
+
get hostElement() { return getElement(this); }
|
|
14271
|
+
static get style() { return CuraStepperItemStyle0; }
|
|
14272
|
+
static get cmpMeta() { return {
|
|
14273
|
+
"$flags$": 9,
|
|
14274
|
+
"$tagName$": "cura-stepper-item",
|
|
14275
|
+
"$members$": {
|
|
14276
|
+
"displayHeading": [516, "display-heading"],
|
|
14277
|
+
"heading": [513],
|
|
14278
|
+
"label": [513],
|
|
14279
|
+
"status": [513],
|
|
14280
|
+
"styles": [32]
|
|
14281
|
+
},
|
|
14282
|
+
"$listeners$": undefined,
|
|
14283
|
+
"$lazyBundleId$": "-",
|
|
14284
|
+
"$attrsToReflect$": [["displayHeading", "display-heading"], ["heading", "heading"], ["label", "label"], ["status", "status"]]
|
|
14285
|
+
}; }
|
|
14286
|
+
}
|
|
14287
|
+
|
|
13847
14288
|
const curaSwitchCss = "@charset \"UTF-8\";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap);text-align:left}.position{flex-direction:row}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color 0.3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform 0.3s, outline 0.3s;display:inline-block;cursor:pointer;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));background:var(--neutral-purewhite);transform:translateX(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale) !important;border-color:var(--neutral-darker-medium) !important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base) !important;border-color:var(--neutral-black-neutral-pale) !important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none !important;border-color:var(--neutral-black-neutral-pale) !important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base) !important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base) !important;border-color:var(--color-dark)}";
|
|
13848
14289
|
var CuraSwitchStyle0 = curaSwitchCss;
|
|
13849
14290
|
|
|
@@ -13948,7 +14389,7 @@ class CuraSwitch {
|
|
|
13948
14389
|
return classes;
|
|
13949
14390
|
}
|
|
13950
14391
|
render() {
|
|
13951
|
-
return (hAsync(Host, { key: '
|
|
14392
|
+
return (hAsync(Host, { key: '46860420ccaabb21c57129a108db5f1ae9f6d9ce' }, hAsync("div", { key: '4a9979890a90783a546d97f73c3562c22a72ad9e', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '77c09cbe03694ad36776073cd34d7d8f06c55b85', class: "info" }, hAsync("cura-label", { key: '34fb44a104954c8540bc2f4a87a3efd8f1db789f', 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: '5af93372fafedc89f32f393a45cd37416c7f092c', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '72b3bbbf88821623ffab554423aa8c2ed90c2e9c' }))), hAsync("div", { key: '76fb47dcc44e5c59aa29dc911bbc764b63f4cc4b', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: 'a3155acd634dbf8cef95115ed107b975cd085b11', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: 'd0692eed52590930a528b339527f16870959c450', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13952
14393
|
}
|
|
13953
14394
|
static get formAssociated() { return true; }
|
|
13954
14395
|
static get watchers() { return {
|
|
@@ -14004,7 +14445,7 @@ class CuraToast {
|
|
|
14004
14445
|
this.setStyle();
|
|
14005
14446
|
}
|
|
14006
14447
|
render() {
|
|
14007
|
-
return (hAsync(Host, { key: '
|
|
14448
|
+
return (hAsync(Host, { key: '4dc290042792d96f31c2e63936d70a77bc37917d' }, hAsync("div", { key: '668c102d3a31d0a0e39c390546fcf5422e954246', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '502b24915e1000877ccd4ae25806b152b4a72948', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'd7afe4d1a9740d3bd1bce04858f6e71e0c857da2', class: "content" }, hAsync("cura-heading", { key: '419e0d64e12e828efa2fecebe0eb86c74ff86dda', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'bc6f5c120f0b32858cbda9ebf16c5d79366452bb', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '9cc8ba28b3e5ee5d8137351cfbb5dc07b417b7e9' })), hAsync("slot", { key: 'f260ca44fa6cc515a1bda3ecb94dd1ac90f880d7', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '7db6c2e5c3c66ab0b12822fc8099e17b77ed2c39', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: 'd0a6f1e838ec98f6dac5773214e1e5cf501e3e2e', color: `${this.type}-base`, progress: this.progress }))));
|
|
14008
14449
|
}
|
|
14009
14450
|
componentDidLoad() {
|
|
14010
14451
|
this.openContainer();
|
|
@@ -14123,9 +14564,10 @@ class CuraTooltip {
|
|
|
14123
14564
|
this.setStyle();
|
|
14124
14565
|
}
|
|
14125
14566
|
render() {
|
|
14126
|
-
return (hAsync(Host, { key: '
|
|
14567
|
+
return (hAsync(Host, { key: '3fe89da4d5b3a2830d4ab6a88e705b4cf2433289', role: "tooltip", id: this.elementId }, hAsync("div", { key: '6cece3dcbf275a851e0d53cb154b9dcf50a76948', class: "container", style: this.styles }, hAsync("div", { key: '802840b89feb6c4d89303da156f6f130e552a83b', class: "content" }, hAsync("cura-heading", { key: 'ea98692d4fc34f05dcf8fcd5c325b8a1cd408226', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: '38bb7bf9f0a837813b490062ba5645f7148ac74b', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '960b6b6d8ee4636a31c2058aa4779050973e143e' }))), this.closeButton && !this.isMobile && hAsync("cura-icon", { key: 'd0bf72702fa8d24d1f5fac6fa473747bdaadcdaf', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && hAsync("cura-button-transparent", { key: '2213a6353b3d326ecde2e9eefe84811bd3161727', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
14127
14568
|
}
|
|
14128
14569
|
componentDidLoad() {
|
|
14570
|
+
var _a, _b, _c, _d, _e;
|
|
14129
14571
|
this.targetElement = document.querySelector(`[aria-labelledby="${this.elementId}"]`);
|
|
14130
14572
|
if (!this.interactive) {
|
|
14131
14573
|
this.host.style.visibility = 'visible';
|
|
@@ -14134,28 +14576,28 @@ class CuraTooltip {
|
|
|
14134
14576
|
this.host.style.visibility = 'hidden';
|
|
14135
14577
|
let openTimeoutID = null;
|
|
14136
14578
|
let closeTimeoutID = null;
|
|
14137
|
-
this.targetElement.addEventListener('mouseenter', () => {
|
|
14579
|
+
(_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', () => {
|
|
14138
14580
|
clearTimeout(closeTimeoutID);
|
|
14139
14581
|
openTimeoutID = setTimeout(() => {
|
|
14140
14582
|
this.host.style.visibility = 'visible';
|
|
14141
14583
|
}, typeof this.delay === 'number' && this.delay > 250 ? this.delay : 250);
|
|
14142
14584
|
});
|
|
14143
|
-
this.targetElement.addEventListener('mouseleave', () => {
|
|
14585
|
+
(_b = this.targetElement) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', () => {
|
|
14144
14586
|
clearTimeout(openTimeoutID);
|
|
14145
14587
|
closeTimeoutID = setTimeout(() => {
|
|
14146
14588
|
this.handleClose();
|
|
14147
14589
|
}, typeof this.delay === 'number' && this.delay > 250 ? this.delay : 250);
|
|
14148
14590
|
});
|
|
14149
|
-
this.host.addEventListener('mouseenter', () => {
|
|
14591
|
+
(_c = this.host) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseenter', () => {
|
|
14150
14592
|
if (window.getComputedStyle(this.host).visibility === 'visible') {
|
|
14151
14593
|
clearTimeout(closeTimeoutID);
|
|
14152
14594
|
}
|
|
14153
14595
|
});
|
|
14154
|
-
this.host.addEventListener('mouseleave', () => {
|
|
14596
|
+
(_d = this.host) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseleave', () => {
|
|
14155
14597
|
clearTimeout(openTimeoutID);
|
|
14156
14598
|
this.handleClose();
|
|
14157
14599
|
});
|
|
14158
|
-
this.targetElement.addEventListener('click', () => {
|
|
14600
|
+
(_e = this.targetElement) === null || _e === void 0 ? void 0 : _e.addEventListener('click', () => {
|
|
14159
14601
|
if (window.getComputedStyle(this.host).visibility === 'hidden') {
|
|
14160
14602
|
openTimeoutID = setTimeout(() => {
|
|
14161
14603
|
this.host.style.visibility = 'visible';
|
|
@@ -14166,7 +14608,7 @@ class CuraTooltip {
|
|
|
14166
14608
|
this.handleClose();
|
|
14167
14609
|
}
|
|
14168
14610
|
});
|
|
14169
|
-
document.addEventListener('click', (event) => {
|
|
14611
|
+
document === null || document === void 0 ? void 0 : document.addEventListener('click', (event) => {
|
|
14170
14612
|
if (!this.targetElement.contains(event.target) && !this.host.contains(event.target)) {
|
|
14171
14613
|
clearTimeout(openTimeoutID);
|
|
14172
14614
|
this.handleClose();
|
|
@@ -14201,7 +14643,7 @@ class CuraTooltip {
|
|
|
14201
14643
|
this.host.style.bottom = this.isMobile ? '0' : 'unset';
|
|
14202
14644
|
container.style.flexDirection = this.isMobile ? 'column' : 'row';
|
|
14203
14645
|
if (this.isMobile) {
|
|
14204
|
-
this.host.style.left = '
|
|
14646
|
+
this.host.style.left = '0';
|
|
14205
14647
|
this.host.style.top = 'unset';
|
|
14206
14648
|
return;
|
|
14207
14649
|
}
|
|
@@ -14337,7 +14779,9 @@ registerComponents([
|
|
|
14337
14779
|
CuraAccordionItem,
|
|
14338
14780
|
CuraAlert,
|
|
14339
14781
|
CuraAvatar,
|
|
14782
|
+
CuraBadgeDot,
|
|
14340
14783
|
CuraBadgeNumber,
|
|
14784
|
+
CuraBadgePill,
|
|
14341
14785
|
CuraButton,
|
|
14342
14786
|
CuraButtonOutline,
|
|
14343
14787
|
CuraButtonSelect,
|
|
@@ -14361,9 +14805,12 @@ registerComponents([
|
|
|
14361
14805
|
CuraModal,
|
|
14362
14806
|
CuraPageTemplate,
|
|
14363
14807
|
CuraParagraph,
|
|
14808
|
+
CuraProgressBar,
|
|
14364
14809
|
CuraRadio,
|
|
14365
14810
|
CuraSelect,
|
|
14366
14811
|
CuraSelectOption,
|
|
14812
|
+
CuraStepper,
|
|
14813
|
+
CuraStepperItem,
|
|
14367
14814
|
CuraSwitch,
|
|
14368
14815
|
CuraToast,
|
|
14369
14816
|
CuraTooltip,
|