@rededor/cura-hydrate 1.0.0-alpha.8 → 1.0.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 +257 -83
- package/index.mjs +257 -83
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -214,12 +214,12 @@ const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
214
214
|
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
215
215
|
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
216
216
|
weights: {
|
|
217
|
-
thin:
|
|
218
|
-
light:
|
|
219
|
-
regular:
|
|
220
|
-
medium:
|
|
221
|
-
bold:
|
|
222
|
-
black:
|
|
217
|
+
thin: 100,
|
|
218
|
+
light: 300,
|
|
219
|
+
regular: 400,
|
|
220
|
+
medium: 500,
|
|
221
|
+
bold: 700,
|
|
222
|
+
black: 900
|
|
223
223
|
},
|
|
224
224
|
} });
|
|
225
225
|
|
|
@@ -2948,7 +2948,7 @@ class CuraAlert {
|
|
|
2948
2948
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
2949
2949
|
}
|
|
2950
2950
|
render() {
|
|
2951
|
-
return (hAsync(Host, { key: '
|
|
2951
|
+
return (hAsync(Host, { key: 'b7b63129f2d0c1d2f8b451a7f795befc9e085238' }, hAsync("div", { key: 'b8450a11d65f0bbb3c9f688fccbb38efc7bf223c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '9a5dc4295f7c40362a86f77fe805127590812f15', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '6bbe4799d3f73df0cda2e94da2d71cdc1bfc855a', class: "content" }, hAsync("cura-label", { key: '8b761ec2804bb5633893af8ed91f5de268bbf029', class: "title", size: "small", color: "neutral-darker", weight: "bold" }, this.label), hAsync("cura-paragraph", { key: '4e7e7726758c26f1f397e8efc84d5eba1c88b428', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'f589c6fb9016b43b3557492a3ef1b4ede4a807a6' })), hAsync("div", { key: 'b212e9255855b96d5c069dd7544675386f00b372', class: "actions" }, hAsync("slot", { key: '174dfcc7dfc4ff3e29185843e010dddae75463f5', name: "actions" }))), this.closeable ?
|
|
2952
2952
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
2953
2953
|
: '')));
|
|
2954
2954
|
}
|
|
@@ -3024,7 +3024,7 @@ class CuraAvatar {
|
|
|
3024
3024
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3025
3025
|
}
|
|
3026
3026
|
render() {
|
|
3027
|
-
return (hAsync(Host, { key: '
|
|
3027
|
+
return (hAsync(Host, { key: 'fc8fbe9cdcab86398c83a55d006badb870ee959a', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: '6a107805cd770b98e74f7b0475c9896f59e51832', class: this.getClasses(), style: this.styles }, hAsync("img", { key: '4bd7991bd32b0aa6f87d0725303960b0b4c3b0b9', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
3028
3028
|
}
|
|
3029
3029
|
get host() { return getElement(this); }
|
|
3030
3030
|
static get watchers() { return {
|
|
@@ -3052,7 +3052,14 @@ class CuraAvatar {
|
|
|
3052
3052
|
}; }
|
|
3053
3053
|
}
|
|
3054
3054
|
|
|
3055
|
-
const
|
|
3055
|
+
const labelSizes = {
|
|
3056
|
+
"small": "xsmall",
|
|
3057
|
+
"medium": "small",
|
|
3058
|
+
"large": "medium",
|
|
3059
|
+
"default": "medium"
|
|
3060
|
+
};
|
|
3061
|
+
|
|
3062
|
+
const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3056
3063
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3057
3064
|
|
|
3058
3065
|
class CuraButton {
|
|
@@ -3079,6 +3086,7 @@ class CuraButton {
|
|
|
3079
3086
|
this.background = 'light';
|
|
3080
3087
|
this.fontColor = 'dark';
|
|
3081
3088
|
this.textAlign = 'left';
|
|
3089
|
+
this.justify = false;
|
|
3082
3090
|
this.styles = {};
|
|
3083
3091
|
this.hovered = false;
|
|
3084
3092
|
}
|
|
@@ -3118,12 +3126,13 @@ class CuraButton {
|
|
|
3118
3126
|
classes[`icon-only`] = this.iconOnly;
|
|
3119
3127
|
classes['disabled'] = this.disabled;
|
|
3120
3128
|
classes['isLoading'] = this.isLoading;
|
|
3129
|
+
classes['justify'] = this.justify;
|
|
3121
3130
|
return classes;
|
|
3122
3131
|
}
|
|
3123
3132
|
getIcon() {
|
|
3124
|
-
if (!this.iconName
|
|
3133
|
+
if (!this.iconName)
|
|
3125
3134
|
return '';
|
|
3126
|
-
const iconSize = this.size === '
|
|
3135
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3127
3136
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3128
3137
|
}
|
|
3129
3138
|
getSymbolColor() {
|
|
@@ -3147,7 +3156,9 @@ class CuraButton {
|
|
|
3147
3156
|
}
|
|
3148
3157
|
}
|
|
3149
3158
|
render() {
|
|
3150
|
-
|
|
3159
|
+
const symbolColor = this.getSymbolColor();
|
|
3160
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3161
|
+
return (hAsync(Host, { key: '33ee4706d79aae1ea11e804e59919f5e3afcf336' }, 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: '118%', 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: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3151
3162
|
}
|
|
3152
3163
|
static get formAssociated() { return true; }
|
|
3153
3164
|
static get watchers() { return {
|
|
@@ -3173,16 +3184,17 @@ class CuraButton {
|
|
|
3173
3184
|
"background": [513],
|
|
3174
3185
|
"fontColor": [513, "font-color"],
|
|
3175
3186
|
"textAlign": [513, "text-align"],
|
|
3187
|
+
"justify": [516],
|
|
3176
3188
|
"styles": [32],
|
|
3177
3189
|
"hovered": [32]
|
|
3178
3190
|
},
|
|
3179
3191
|
"$listeners$": undefined,
|
|
3180
3192
|
"$lazyBundleId$": "-",
|
|
3181
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3193
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3182
3194
|
}; }
|
|
3183
3195
|
}
|
|
3184
3196
|
|
|
3185
|
-
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;
|
|
3197
|
+
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3186
3198
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3187
3199
|
|
|
3188
3200
|
class CuraButtonOutline$1 {
|
|
@@ -3209,6 +3221,7 @@ class CuraButtonOutline$1 {
|
|
|
3209
3221
|
this.background = 'light';
|
|
3210
3222
|
this.fontColor = 'dark';
|
|
3211
3223
|
this.textAlign = 'left';
|
|
3224
|
+
this.justify = false;
|
|
3212
3225
|
this.styles = {};
|
|
3213
3226
|
this.hovered = false;
|
|
3214
3227
|
}
|
|
@@ -3232,6 +3245,7 @@ class CuraButtonOutline$1 {
|
|
|
3232
3245
|
classes[`icon-only`] = this.iconOnly;
|
|
3233
3246
|
classes['disabled'] = this.disabled;
|
|
3234
3247
|
classes['isLoading'] = this.isLoading;
|
|
3248
|
+
classes['justify'] = this.justify;
|
|
3235
3249
|
return classes;
|
|
3236
3250
|
}
|
|
3237
3251
|
setColors() {
|
|
@@ -3245,9 +3259,9 @@ class CuraButtonOutline$1 {
|
|
|
3245
3259
|
this.styles = Object.assign({}, this.styles);
|
|
3246
3260
|
}
|
|
3247
3261
|
getIcon() {
|
|
3248
|
-
if (!this.iconName
|
|
3262
|
+
if (!this.iconName)
|
|
3249
3263
|
return '';
|
|
3250
|
-
const iconSize = this.size === '
|
|
3264
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3251
3265
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3252
3266
|
}
|
|
3253
3267
|
handleMouseEnter() {
|
|
@@ -3261,8 +3275,7 @@ class CuraButtonOutline$1 {
|
|
|
3261
3275
|
getSymbolColor() {
|
|
3262
3276
|
if (this.disabled)
|
|
3263
3277
|
return 'neutral-dark';
|
|
3264
|
-
|
|
3265
|
-
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3278
|
+
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3266
3279
|
}
|
|
3267
3280
|
handleClick(e) {
|
|
3268
3281
|
if (this.disabled || this.isLoading) {
|
|
@@ -3277,7 +3290,9 @@ class CuraButtonOutline$1 {
|
|
|
3277
3290
|
}
|
|
3278
3291
|
}
|
|
3279
3292
|
render() {
|
|
3280
|
-
|
|
3293
|
+
const symbolColor = this.getSymbolColor();
|
|
3294
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3295
|
+
return (hAsync(Host, { key: '69e82dd1a26ea932f27f11ad5da295810ed3db1e' }, 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: '118%', 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: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3281
3296
|
}
|
|
3282
3297
|
static get formAssociated() { return true; }
|
|
3283
3298
|
static get watchers() { return {
|
|
@@ -3304,16 +3319,17 @@ class CuraButtonOutline$1 {
|
|
|
3304
3319
|
"background": [1],
|
|
3305
3320
|
"fontColor": [1, "font-color"],
|
|
3306
3321
|
"textAlign": [513, "text-align"],
|
|
3322
|
+
"justify": [516],
|
|
3307
3323
|
"styles": [32],
|
|
3308
3324
|
"hovered": [32]
|
|
3309
3325
|
},
|
|
3310
3326
|
"$listeners$": undefined,
|
|
3311
3327
|
"$lazyBundleId$": "-",
|
|
3312
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"]]
|
|
3328
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3313
3329
|
}; }
|
|
3314
3330
|
}
|
|
3315
3331
|
|
|
3316
|
-
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) *
|
|
3332
|
+
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;gap:5px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-base);border-color:var(--color-darker)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--neutral-medium-primary-base)}";
|
|
3317
3333
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3318
3334
|
|
|
3319
3335
|
class CuraButtonOutline {
|
|
@@ -3397,7 +3413,7 @@ class CuraButtonOutline {
|
|
|
3397
3413
|
return classes;
|
|
3398
3414
|
}
|
|
3399
3415
|
render() {
|
|
3400
|
-
return (hAsync(Host, { key: '
|
|
3416
|
+
return (hAsync(Host, { key: 'bbd95db4048d0bb3d4c17927da18136402bf91dd' }, hAsync("button", { key: 'ae27bbadadf7597d4e6aaa406cbeee3dc47921cd', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: '6cdcdb3c908673c3babad6fd35cedc38ff358b61', class: "button-container" }, this.getIcon(), hAsync("cura-label", { key: 'c058fedf71ac3c33a5711fba7be80dacd6ee8467', class: "label", lineHeight: '0%', color: this.assignColor() }, hAsync("slot", { key: '5976c1f58c3d5bba77cf6cde7acc31fb49fcd25d' }))))));
|
|
3401
3417
|
}
|
|
3402
3418
|
static get watchers() { return {
|
|
3403
3419
|
"background": ["setColors", "assignColor"],
|
|
@@ -3425,7 +3441,7 @@ class CuraButtonOutline {
|
|
|
3425
3441
|
}; }
|
|
3426
3442
|
}
|
|
3427
3443
|
|
|
3428
|
-
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border
|
|
3444
|
+
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3429
3445
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3430
3446
|
|
|
3431
3447
|
class CuraButtonTransparent {
|
|
@@ -3449,8 +3465,9 @@ class CuraButtonTransparent {
|
|
|
3449
3465
|
this.href = undefined;
|
|
3450
3466
|
this.target = "_self";
|
|
3451
3467
|
this.color = 'primary';
|
|
3452
|
-
this.fontColor = '
|
|
3468
|
+
this.fontColor = 'dark';
|
|
3453
3469
|
this.textAlign = 'left';
|
|
3470
|
+
this.justify = false;
|
|
3454
3471
|
this.hovered = false;
|
|
3455
3472
|
this.styles = {};
|
|
3456
3473
|
}
|
|
@@ -3472,12 +3489,13 @@ class CuraButtonTransparent {
|
|
|
3472
3489
|
classes[`icon-only`] = this.iconOnly;
|
|
3473
3490
|
classes['disabled'] = this.disabled;
|
|
3474
3491
|
classes['isLoading'] = this.isLoading;
|
|
3492
|
+
classes['justify'] = this.justify;
|
|
3475
3493
|
return classes;
|
|
3476
3494
|
}
|
|
3477
3495
|
getIcon() {
|
|
3478
|
-
if (!this.iconName
|
|
3496
|
+
if (!this.iconName)
|
|
3479
3497
|
return null;
|
|
3480
|
-
const iconSize = this.size === '
|
|
3498
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3481
3499
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3482
3500
|
}
|
|
3483
3501
|
handleMouseEnter() {
|
|
@@ -3493,8 +3511,7 @@ class CuraButtonTransparent {
|
|
|
3493
3511
|
return 'neutral-dark';
|
|
3494
3512
|
if (this.hovered && !this.isLoading)
|
|
3495
3513
|
return this.fontColor === 'light' ? `${this.color}-light` : `${this.color}-darker`;
|
|
3496
|
-
|
|
3497
|
-
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-darker`;
|
|
3514
|
+
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-dark`;
|
|
3498
3515
|
}
|
|
3499
3516
|
handleClick(e) {
|
|
3500
3517
|
if (this.disabled || this.isLoading) {
|
|
@@ -3509,7 +3526,9 @@ class CuraButtonTransparent {
|
|
|
3509
3526
|
}
|
|
3510
3527
|
}
|
|
3511
3528
|
render() {
|
|
3512
|
-
|
|
3529
|
+
const symbolColor = this.getSymbolColor();
|
|
3530
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3531
|
+
return (hAsync(Host, { key: 'a149c7f0dd3a413c563f891c9298d66cde905f5e' }, 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: '118%', 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: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3513
3532
|
}
|
|
3514
3533
|
static get formAssociated() { return true; }
|
|
3515
3534
|
static get watchers() { return {
|
|
@@ -3531,15 +3550,16 @@ class CuraButtonTransparent {
|
|
|
3531
3550
|
"iconOnly": [516, "icon-only"],
|
|
3532
3551
|
"href": [513],
|
|
3533
3552
|
"target": [513],
|
|
3534
|
-
"color": [
|
|
3553
|
+
"color": [513],
|
|
3535
3554
|
"fontColor": [513, "font-color"],
|
|
3536
3555
|
"textAlign": [513, "text-align"],
|
|
3556
|
+
"justify": [516],
|
|
3537
3557
|
"hovered": [32],
|
|
3538
3558
|
"styles": [32]
|
|
3539
3559
|
},
|
|
3540
3560
|
"$listeners$": undefined,
|
|
3541
3561
|
"$lazyBundleId$": "-",
|
|
3542
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3562
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["color", "color"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3543
3563
|
}; }
|
|
3544
3564
|
}
|
|
3545
3565
|
|
|
@@ -3830,6 +3850,31 @@ function startOfDay(dirtyDate) {
|
|
|
3830
3850
|
return date;
|
|
3831
3851
|
}
|
|
3832
3852
|
|
|
3853
|
+
/**
|
|
3854
|
+
* @name addWeeks
|
|
3855
|
+
* @category Week Helpers
|
|
3856
|
+
* @summary Add the specified number of weeks to the given date.
|
|
3857
|
+
*
|
|
3858
|
+
* @description
|
|
3859
|
+
* Add the specified number of week to the given date.
|
|
3860
|
+
*
|
|
3861
|
+
* @param {Date|Number} date - the date to be changed
|
|
3862
|
+
* @param {Number} amount - the amount of weeks to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
|
|
3863
|
+
* @returns {Date} the new date with the weeks added
|
|
3864
|
+
* @throws {TypeError} 2 arguments required
|
|
3865
|
+
*
|
|
3866
|
+
* @example
|
|
3867
|
+
* // Add 4 weeks to 1 September 2014:
|
|
3868
|
+
* const result = addWeeks(new Date(2014, 8, 1), 4)
|
|
3869
|
+
* //=> Mon Sep 29 2014 00:00:00
|
|
3870
|
+
*/
|
|
3871
|
+
function addWeeks(dirtyDate, dirtyAmount) {
|
|
3872
|
+
requiredArgs(2, arguments);
|
|
3873
|
+
var amount = toInteger(dirtyAmount);
|
|
3874
|
+
var days = amount * 7;
|
|
3875
|
+
return addDays(dirtyDate, days);
|
|
3876
|
+
}
|
|
3877
|
+
|
|
3833
3878
|
/**
|
|
3834
3879
|
* Days in 1 week.
|
|
3835
3880
|
*
|
|
@@ -6618,6 +6663,30 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
6618
6663
|
return addMonths(dirtyDate, -amount);
|
|
6619
6664
|
}
|
|
6620
6665
|
|
|
6666
|
+
/**
|
|
6667
|
+
* @name subWeeks
|
|
6668
|
+
* @category Week Helpers
|
|
6669
|
+
* @summary Subtract the specified number of weeks from the given date.
|
|
6670
|
+
*
|
|
6671
|
+
* @description
|
|
6672
|
+
* Subtract the specified number of weeks from the given date.
|
|
6673
|
+
*
|
|
6674
|
+
* @param {Date|Number} date - the date to be changed
|
|
6675
|
+
* @param {Number} amount - the amount of weeks to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
|
|
6676
|
+
* @returns {Date} the new date with the weeks subtracted
|
|
6677
|
+
* @throws {TypeError} 2 arguments required
|
|
6678
|
+
*
|
|
6679
|
+
* @example
|
|
6680
|
+
* // Subtract 4 weeks from 1 September 2014:
|
|
6681
|
+
* const result = subWeeks(new Date(2014, 8, 1), 4)
|
|
6682
|
+
* //=> Mon Aug 04 2014 00:00:00
|
|
6683
|
+
*/
|
|
6684
|
+
function subWeeks(dirtyDate, dirtyAmount) {
|
|
6685
|
+
requiredArgs(2, arguments);
|
|
6686
|
+
var amount = toInteger(dirtyAmount);
|
|
6687
|
+
return addWeeks(dirtyDate, -amount);
|
|
6688
|
+
}
|
|
6689
|
+
|
|
6621
6690
|
var dateFormats$1 = {
|
|
6622
6691
|
full: 'EEEE, d MMMM yyyy',
|
|
6623
6692
|
long: 'd MMMM yyyy',
|
|
@@ -7057,7 +7126,7 @@ var locale = {
|
|
|
7057
7126
|
};
|
|
7058
7127
|
var ptBR = locale;
|
|
7059
7128
|
|
|
7060
|
-
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);padding:0 12px 12px 12px;min-width:
|
|
7129
|
+
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);padding:0 12px 12px 12px;min-width:280px;border:1px solid var(--neutral-light);border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 4px 8px var(--neutral-light);font-family:var(--font-family)}:host .header{position:relative;padding:12px 0}:host .header::after{content:\"\";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:0px 12px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:\"\";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--accent-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:\"\";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected,:host .date.default-dates{color:var(--neutral-black) !important;background:var(--accent-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--primary-darker) !important;background:var(--accent-base)}:host .date.range.interval{border-radius:0;background-color:var(--accent-light);color:var(--neutral-black)}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--primary-darker) !important;background:var(--accent-base)}:host .date:hover{background:var(--accent-light);border-radius:50%;color:var(--neutral-black)}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}";
|
|
7061
7130
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7062
7131
|
|
|
7063
7132
|
class CuraCalendar {
|
|
@@ -7067,8 +7136,8 @@ class CuraCalendar {
|
|
|
7067
7136
|
this.theme = window.CuraAPI.theme;
|
|
7068
7137
|
this.weights = this.theme.fonts.getWeights();
|
|
7069
7138
|
this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
|
|
7070
|
-
this.period =
|
|
7071
|
-
this.width = '
|
|
7139
|
+
this.period = null;
|
|
7140
|
+
this.width = '280px';
|
|
7072
7141
|
this.mode = 'single';
|
|
7073
7142
|
this.dateFormat = 'yyyy-MM-dd';
|
|
7074
7143
|
this.locale = 'pt-BR';
|
|
@@ -7077,6 +7146,8 @@ class CuraCalendar {
|
|
|
7077
7146
|
this.enable = [];
|
|
7078
7147
|
this.defaultDate = [];
|
|
7079
7148
|
this.limitRange = null;
|
|
7149
|
+
this.disablePassDates = false;
|
|
7150
|
+
this.collapsed = null;
|
|
7080
7151
|
this.currentDate = new Date();
|
|
7081
7152
|
this.selectedDates = [];
|
|
7082
7153
|
this.rangeStart = null;
|
|
@@ -7127,6 +7198,9 @@ class CuraCalendar {
|
|
|
7127
7198
|
* @returns {boolean} Whether the date is valid.
|
|
7128
7199
|
*/
|
|
7129
7200
|
isDateInValidPeriod(date) {
|
|
7201
|
+
if (this.period === null) {
|
|
7202
|
+
return true;
|
|
7203
|
+
}
|
|
7130
7204
|
return this.period.includes(format(date, this.dateFormat));
|
|
7131
7205
|
}
|
|
7132
7206
|
/**
|
|
@@ -7154,6 +7228,12 @@ class CuraCalendar {
|
|
|
7154
7228
|
* @returns {boolean} Whether the date is disabled.
|
|
7155
7229
|
*/
|
|
7156
7230
|
isDateInDisabledPeriod(date) {
|
|
7231
|
+
const today = new Date();
|
|
7232
|
+
today.setHours(0, 0, 0, 0);
|
|
7233
|
+
if (this.disablePassDates)
|
|
7234
|
+
return isBefore(date, today);
|
|
7235
|
+
if (this.disable === null)
|
|
7236
|
+
return false;
|
|
7157
7237
|
return this.isDateInList(this.expandDateRanges(this.disable), date);
|
|
7158
7238
|
}
|
|
7159
7239
|
/**
|
|
@@ -7163,7 +7243,7 @@ class CuraCalendar {
|
|
|
7163
7243
|
* @returns {boolean} Whether the date is enabled.
|
|
7164
7244
|
*/
|
|
7165
7245
|
isDateInEnabledPeriod(date) {
|
|
7166
|
-
if (this.enable
|
|
7246
|
+
if (this.enable === null || [])
|
|
7167
7247
|
return true;
|
|
7168
7248
|
return this.isDateInList(this.expandDateRanges(this.enable), date);
|
|
7169
7249
|
}
|
|
@@ -7207,7 +7287,7 @@ class CuraCalendar {
|
|
|
7207
7287
|
*/
|
|
7208
7288
|
onMonthDropdownChange(event) {
|
|
7209
7289
|
const { months } = this.fetchMonthNames();
|
|
7210
|
-
const newMonth = event.detail
|
|
7290
|
+
const newMonth = event.detail;
|
|
7211
7291
|
this.selectMonth = newMonth;
|
|
7212
7292
|
this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
|
|
7213
7293
|
}
|
|
@@ -7217,7 +7297,7 @@ class CuraCalendar {
|
|
|
7217
7297
|
* @param {CustomEvent} event - The change event.
|
|
7218
7298
|
*/
|
|
7219
7299
|
onYearDropdownChange(event) {
|
|
7220
|
-
const newYear = event.detail
|
|
7300
|
+
const newYear = event.detail;
|
|
7221
7301
|
this.selectYear = newYear;
|
|
7222
7302
|
this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
|
|
7223
7303
|
}
|
|
@@ -7309,11 +7389,38 @@ class CuraCalendar {
|
|
|
7309
7389
|
*
|
|
7310
7390
|
* @returns {(Date | null)[]} An array of dates and nulls for the current month view.
|
|
7311
7391
|
*/
|
|
7392
|
+
showNotColapsedCalendar() {
|
|
7393
|
+
if (this.collapsed) {
|
|
7394
|
+
this.fetchDaysOfWeek();
|
|
7395
|
+
}
|
|
7396
|
+
else
|
|
7397
|
+
(this.fetchDaysOfMonth());
|
|
7398
|
+
this.collapsed = false;
|
|
7399
|
+
}
|
|
7400
|
+
showColapsedCalendar() {
|
|
7401
|
+
this.collapsed = true;
|
|
7402
|
+
return this.fetchDaysOfWeek();
|
|
7403
|
+
}
|
|
7404
|
+
fetchDaysOfWeek() {
|
|
7405
|
+
const DAYS_IN_CALENDAR_VIEW = 7;
|
|
7406
|
+
const start = startOfWeek(this.currentDate);
|
|
7407
|
+
const end = endOfWeek(this.currentDate);
|
|
7408
|
+
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7409
|
+
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7410
|
+
}
|
|
7411
|
+
updateCurrentWeek(direction) {
|
|
7412
|
+
let newWeek = new Date(this.currentDate);
|
|
7413
|
+
if (direction === 'prev')
|
|
7414
|
+
newWeek = subWeeks(this.currentDate, 1);
|
|
7415
|
+
if (direction === 'next')
|
|
7416
|
+
newWeek = addWeeks(this.currentDate, 1);
|
|
7417
|
+
this.currentDate = newWeek;
|
|
7418
|
+
}
|
|
7312
7419
|
fetchDaysOfMonth() {
|
|
7313
|
-
const start = startOfMonth(this.currentDate);
|
|
7314
|
-
const end = endOfMonth(this.currentDate);
|
|
7315
7420
|
const WEEKS_IN_CALENDAR_VIEW = 6;
|
|
7316
7421
|
const DAYS_IN_CALENDAR_VIEW = 42;
|
|
7422
|
+
const start = startOfMonth(this.currentDate);
|
|
7423
|
+
const end = endOfMonth(this.currentDate);
|
|
7317
7424
|
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7318
7425
|
const prevMonthStart = startOfMonth(addMonths(start, -1));
|
|
7319
7426
|
const prevMonthEnd = endOfMonth(prevMonthStart);
|
|
@@ -7368,7 +7475,7 @@ class CuraCalendar {
|
|
|
7368
7475
|
*/
|
|
7369
7476
|
determinePrevButtonColor() {
|
|
7370
7477
|
const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
|
|
7371
|
-
return isPrevDisabled
|
|
7478
|
+
return isPrevDisabled && 'primary-base';
|
|
7372
7479
|
}
|
|
7373
7480
|
/**
|
|
7374
7481
|
* Get the status of a given date, determining its position and interval status.
|
|
@@ -7442,7 +7549,9 @@ class CuraCalendar {
|
|
|
7442
7549
|
}
|
|
7443
7550
|
render() {
|
|
7444
7551
|
const { months } = this.fetchMonthNames();
|
|
7445
|
-
return (hAsync(Host, { key: '
|
|
7552
|
+
return (hAsync(Host, { key: '49e48240bb1da756c8d4ee8dff554a24b1da8038', style: this.getHostCSSProperties() }, hAsync("div", { key: 'bfa7c4b9362c6a9b3c35639ebb720a3fd2601fa4', class: "calendar", style: this.styles }, hAsync("header", { key: 'aa6803cb2bf8b6f7b58cdd9796921aadfc40abca', class: "header" }, hAsync("div", { key: 'efa9f7c0598677defca5f31220e3b1f0dbc16037', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '759a409d176a47c44be9615bf342d8a6d296ded6', 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", { class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: (e) => this.onMonthDropdownChange(e) }, months.map((month, index) => (hAsync("cura-select-option", { key: index, value: month }, month)))), hAsync("cura-select", { 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: '650919445aa94fd26b9605da79dbaa1950652c0d', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: '3934dec68753250503976b462b6589327b7be613', 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: '47e46d363c972877b97889c3c5756c14d42046de', class: "dates" }, !this.collapsed ?
|
|
7553
|
+
this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : ''))) :
|
|
7554
|
+
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)));
|
|
7446
7555
|
}
|
|
7447
7556
|
static get style() { return CuraCalendarStyle0; }
|
|
7448
7557
|
static get cmpMeta() { return {
|
|
@@ -7452,13 +7561,15 @@ class CuraCalendar {
|
|
|
7452
7561
|
"period": [513],
|
|
7453
7562
|
"width": [513],
|
|
7454
7563
|
"mode": [513],
|
|
7455
|
-
"dateFormat": [
|
|
7564
|
+
"dateFormat": [1537, "date-format"],
|
|
7456
7565
|
"locale": [513],
|
|
7457
7566
|
"type": [513],
|
|
7458
7567
|
"disable": [16],
|
|
7459
7568
|
"enable": [16],
|
|
7460
7569
|
"defaultDate": [16],
|
|
7461
7570
|
"limitRange": [514, "limit-range"],
|
|
7571
|
+
"disablePassDates": [1540, "disable-pass-dates"],
|
|
7572
|
+
"collapsed": [1540],
|
|
7462
7573
|
"currentDate": [32],
|
|
7463
7574
|
"selectedDates": [32],
|
|
7464
7575
|
"rangeStart": [32],
|
|
@@ -7469,7 +7580,7 @@ class CuraCalendar {
|
|
|
7469
7580
|
},
|
|
7470
7581
|
"$listeners$": undefined,
|
|
7471
7582
|
"$lazyBundleId$": "-",
|
|
7472
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"]]
|
|
7583
|
+
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["collapsed", "collapsed"]]
|
|
7473
7584
|
}; }
|
|
7474
7585
|
}
|
|
7475
7586
|
|
|
@@ -7512,7 +7623,7 @@ class CuraCard {
|
|
|
7512
7623
|
return classes;
|
|
7513
7624
|
}
|
|
7514
7625
|
render() {
|
|
7515
|
-
return (hAsync(Host, { key: '
|
|
7626
|
+
return (hAsync(Host, { key: '24318e0e70d7a9cb1cbdfa3503b2fa5bce791c00', 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)))));
|
|
7516
7627
|
}
|
|
7517
7628
|
static get style() { return CuraCardStyle0; }
|
|
7518
7629
|
static get cmpMeta() { return {
|
|
@@ -7707,7 +7818,7 @@ class CuraCheckbox {
|
|
|
7707
7818
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
7708
7819
|
}
|
|
7709
7820
|
render() {
|
|
7710
|
-
return (hAsync(Host, { key: '
|
|
7821
|
+
return (hAsync(Host, { key: 'd24019856ac701df4acbe1f7e104df67eae93945' }, hAsync("div", { key: '413093861acf19223c65aae30bd5cd62053eec43', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '5ba8881480f1ef8692cde13258246175ac52f3c8', class: "info" }, hAsync("div", { key: 'e3473b617a9261dfacea2c2b8bd826b87a739c6b', class: "label-wrapper" }, hAsync("cura-label", { key: '2a4b7c973795a23b123c250259d95df63796f53c', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '093a39a051be67644f6206095686cda606a3c9f5', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '8fe9215b5a56a1cf7f10871e721c1b04cd88d37f', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '5633213ce05d2f554a2acc9804d5306436eaac45' }))), hAsync("div", { key: '5ff152af172d4a8cb0e83e2e50ec8fa6449ef9e4', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: 'f62a404773c19fedfd236aa82ecd8582fdfd4c36', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
7711
7822
|
}
|
|
7712
7823
|
static get formAssociated() { return true; }
|
|
7713
7824
|
get host() { return getElement(this); }
|
|
@@ -7744,7 +7855,7 @@ class CuraCheckbox {
|
|
|
7744
7855
|
}; }
|
|
7745
7856
|
}
|
|
7746
7857
|
|
|
7747
|
-
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7858
|
+
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(i),:host ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7748
7859
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
7749
7860
|
|
|
7750
7861
|
class CuraDisplay {
|
|
@@ -7752,6 +7863,7 @@ class CuraDisplay {
|
|
|
7752
7863
|
registerInstance(this, hostRef);
|
|
7753
7864
|
this.theme = window.CuraAPI.theme;
|
|
7754
7865
|
this.level = 1;
|
|
7866
|
+
this.size = 'large';
|
|
7755
7867
|
this.spotColor = 'accent-dark';
|
|
7756
7868
|
this.color = undefined;
|
|
7757
7869
|
this.marginBlock = '1.25em';
|
|
@@ -7771,7 +7883,8 @@ class CuraDisplay {
|
|
|
7771
7883
|
this.styles = {
|
|
7772
7884
|
'--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
|
|
7773
7885
|
'--font-size': window.CuraAPI.theme.fonts.getSize(),
|
|
7774
|
-
'--font-weight-bold': this.weights.bold
|
|
7886
|
+
'--font-weight-bold': this.weights.bold,
|
|
7887
|
+
'--font-weight-medium': this.weights.medium
|
|
7775
7888
|
};
|
|
7776
7889
|
}
|
|
7777
7890
|
hostCSSProperties() {
|
|
@@ -7787,20 +7900,27 @@ class CuraDisplay {
|
|
|
7787
7900
|
: this.theme.fonts.getColor();
|
|
7788
7901
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
7789
7902
|
}
|
|
7903
|
+
getClasses() {
|
|
7904
|
+
var _a;
|
|
7905
|
+
const classes = {};
|
|
7906
|
+
classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
|
|
7907
|
+
return classes;
|
|
7908
|
+
}
|
|
7790
7909
|
getHeadingTag() {
|
|
7910
|
+
const classes = this.getClasses();
|
|
7791
7911
|
const tags = {
|
|
7792
|
-
'1': hAsync("h1", { style: this.styles }, hAsync("slot", null)),
|
|
7793
|
-
'2': hAsync("h2", { style: this.styles }, hAsync("slot", null)),
|
|
7794
|
-
'3': hAsync("h3", { style: this.styles }, hAsync("slot", null)),
|
|
7795
|
-
'4': hAsync("h4", { style: this.styles }, hAsync("slot", null)),
|
|
7796
|
-
'5': hAsync("h5", { style: this.styles }, hAsync("slot", null)),
|
|
7797
|
-
'6': hAsync("h6", { style: this.styles }, hAsync("slot", null)),
|
|
7798
|
-
'default': hAsync("h1", { style: this.styles }, hAsync("slot", null))
|
|
7912
|
+
'1': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7913
|
+
'2': hAsync("h2", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7914
|
+
'3': hAsync("h3", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7915
|
+
'4': hAsync("h4", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7916
|
+
'5': hAsync("h5", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7917
|
+
'6': hAsync("h6", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7918
|
+
'default': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null))
|
|
7799
7919
|
};
|
|
7800
7920
|
return tags[`${this.level}`] || tags['default'];
|
|
7801
7921
|
}
|
|
7802
7922
|
render() {
|
|
7803
|
-
return (hAsync(Host, { key: '
|
|
7923
|
+
return (hAsync(Host, { key: 'ffd8e58f9bf50038554591ec2b191e0488ae0500', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
7804
7924
|
}
|
|
7805
7925
|
get host() { return getElement(this); }
|
|
7806
7926
|
static get watchers() { return {
|
|
@@ -7813,7 +7933,8 @@ class CuraDisplay {
|
|
|
7813
7933
|
"$tagName$": "cura-display",
|
|
7814
7934
|
"$members$": {
|
|
7815
7935
|
"level": [514],
|
|
7816
|
-
"
|
|
7936
|
+
"size": [513],
|
|
7937
|
+
"spotColor": [1, "spot-color"],
|
|
7817
7938
|
"color": [1],
|
|
7818
7939
|
"marginBlock": [513, "margin-block"],
|
|
7819
7940
|
"lineHeight": [513, "line-height"],
|
|
@@ -7821,7 +7942,57 @@ class CuraDisplay {
|
|
|
7821
7942
|
},
|
|
7822
7943
|
"$listeners$": undefined,
|
|
7823
7944
|
"$lazyBundleId$": "-",
|
|
7824
|
-
"$attrsToReflect$": [["level", "level"], ["
|
|
7945
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
7946
|
+
}; }
|
|
7947
|
+
}
|
|
7948
|
+
|
|
7949
|
+
const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";
|
|
7950
|
+
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
7951
|
+
|
|
7952
|
+
class CuraDistance {
|
|
7953
|
+
constructor(hostRef) {
|
|
7954
|
+
registerInstance(this, hostRef);
|
|
7955
|
+
this.isThousandRounded = false;
|
|
7956
|
+
this.theme = window.CuraAPI.theme;
|
|
7957
|
+
this.distance = 0;
|
|
7958
|
+
this.label = 'km';
|
|
7959
|
+
this.styles = {};
|
|
7960
|
+
this.displayDistance = 0;
|
|
7961
|
+
}
|
|
7962
|
+
formatDistance() {
|
|
7963
|
+
const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
|
|
7964
|
+
this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
|
|
7965
|
+
this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
|
|
7966
|
+
}
|
|
7967
|
+
connectedCallback() {
|
|
7968
|
+
this.setCssProperties();
|
|
7969
|
+
this.formatDistance();
|
|
7970
|
+
}
|
|
7971
|
+
render() {
|
|
7972
|
+
return (hAsync(Host, { key: 'afc9605f43777e15c026ee00b0ca3fc18b648489' }, hAsync("div", { key: '5e970213baad148605f9fcd0e0f0307f32a99375', class: "container", style: this.styles }, hAsync("cura-label", { key: 'd56a580850734dedf9d7e72c0dce45d05be26119', size: 'xsmall', weight: 'bold', color: 'neutral-black' }, this.displayDistance, this.isThousandRounded ? 'K' : ''), hAsync("cura-label", { key: 'e0ec3d1a6919b3931d807f75054b5d861e6015b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark' }, this.label))));
|
|
7973
|
+
}
|
|
7974
|
+
setCssProperties() {
|
|
7975
|
+
this.styles = {
|
|
7976
|
+
'--neutral-pale': this.theme.colors.getColor(`neutral-pale`),
|
|
7977
|
+
'--base-spacing': this.theme.spacing.getSpacing()
|
|
7978
|
+
};
|
|
7979
|
+
}
|
|
7980
|
+
static get watchers() { return {
|
|
7981
|
+
"distance": ["formatDistance"]
|
|
7982
|
+
}; }
|
|
7983
|
+
static get style() { return CuraBadgeDistanceStyle0; }
|
|
7984
|
+
static get cmpMeta() { return {
|
|
7985
|
+
"$flags$": 9,
|
|
7986
|
+
"$tagName$": "cura-badge-distance",
|
|
7987
|
+
"$members$": {
|
|
7988
|
+
"distance": [2],
|
|
7989
|
+
"label": [513],
|
|
7990
|
+
"styles": [32],
|
|
7991
|
+
"displayDistance": [32]
|
|
7992
|
+
},
|
|
7993
|
+
"$listeners$": undefined,
|
|
7994
|
+
"$lazyBundleId$": "-",
|
|
7995
|
+
"$attrsToReflect$": [["label", "label"]]
|
|
7825
7996
|
}; }
|
|
7826
7997
|
}
|
|
7827
7998
|
|
|
@@ -7950,7 +8121,7 @@ class CuraDropdownSearch {
|
|
|
7950
8121
|
}
|
|
7951
8122
|
addClickListenersToOptions() {
|
|
7952
8123
|
this.options.forEach((option, index) => {
|
|
7953
|
-
option.addEventListener('
|
|
8124
|
+
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
7954
8125
|
});
|
|
7955
8126
|
}
|
|
7956
8127
|
updateSelectedOption(value) {
|
|
@@ -8032,9 +8203,9 @@ class CuraDropdownSearch {
|
|
|
8032
8203
|
}
|
|
8033
8204
|
render() {
|
|
8034
8205
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8035
|
-
return (hAsync(Host, { key: '
|
|
8206
|
+
return (hAsync(Host, { key: '0332c943d5c4240283d9672d021e611a982fe52e', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '2f65822008f3f7fae7c55033e3a6d75efa3e8466', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '28bfa930d8f66007716f586a35c78ebf9086974e', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '1e1c18de7fca61e6420b175c602865fc5aec5e36', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '5fc1a11e5491ae15d0cc9f1d9aab32cd69a2d2ba', 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.isDropdownOpen = true), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8036
8207
|
this.handleOnBlur();
|
|
8037
|
-
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8208
|
+
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'f6ae0aea0d15fded19af9152e68a8de56995497f', name: "helperText" }))), hAsync("div", { key: '1ec396eafe90f062aea392faca54473ba3cc475b', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'afc41aa7166145912e163086f6df603dc3e39d51', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8038
8209
|
}
|
|
8039
8210
|
get host() { return getElement(this); }
|
|
8040
8211
|
static get watchers() { return {
|
|
@@ -8071,7 +8242,7 @@ class CuraDropdownSearch {
|
|
|
8071
8242
|
}; }
|
|
8072
8243
|
}
|
|
8073
8244
|
|
|
8074
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type)
|
|
8245
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--base-spacing) * 2px) calc(var(--base-spacing) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--base-spacing) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--base-spacing) * 8px);display:flex;justify-content:center;align-items:center}";
|
|
8075
8246
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8076
8247
|
|
|
8077
8248
|
class CuraDropdownSearchOption {
|
|
@@ -8097,6 +8268,7 @@ class CuraDropdownSearchOption {
|
|
|
8097
8268
|
}
|
|
8098
8269
|
connectedCallback() {
|
|
8099
8270
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8271
|
+
this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
|
|
8100
8272
|
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
8101
8273
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8102
8274
|
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
@@ -8112,11 +8284,12 @@ class CuraDropdownSearchOption {
|
|
|
8112
8284
|
}
|
|
8113
8285
|
}
|
|
8114
8286
|
render() {
|
|
8115
|
-
return (hAsync(Host, { key: '
|
|
8287
|
+
return (hAsync(Host, { key: '957218946adc6611a384d8e86860eb4f8ae50db3', slot: "dropdown-search-option" }, hAsync("div", { key: 'a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe', style: this.styles, class: {
|
|
8288
|
+
"option-container": true,
|
|
8116
8289
|
hovered: this.selectable ? this.hovered : false,
|
|
8117
8290
|
selected: this.selected,
|
|
8118
8291
|
disabled: !this.selectable
|
|
8119
|
-
} }, hAsync("slot", { key: '
|
|
8292
|
+
} }, hAsync("div", { key: '18994a7e0ad6e2b4ab37ae65edc796e4cdedce43', class: "content-container" }, hAsync("div", { key: '2505977c08bea5d92b3cc33af5c117709120b82b', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: 'bc5ac8b88938f29693b6f9d68ec933e7abc513e4', name: "image" }), hAsync("cura-heading", { key: '81d2b1d1e8b60f26a6e444d18dac0ddfc95b44ea', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'e91fb72dc20136d0a6b56da0d03eaba02327d80d' }))), hAsync("slot", { key: 'f0e24b8548bec4ff52f3fcccd77562ef5548d5f6', name: "action" })))));
|
|
8120
8293
|
}
|
|
8121
8294
|
get hostElement() { return getElement(this); }
|
|
8122
8295
|
static get watchers() { return {
|
|
@@ -8147,7 +8320,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8147
8320
|
registerInstance(this, hostRef);
|
|
8148
8321
|
}
|
|
8149
8322
|
render() {
|
|
8150
|
-
return (hAsync(Host, { key: '
|
|
8323
|
+
return (hAsync(Host, { key: 'b9fbb0edaea7457fad9244d5c032961bd913f170', slot: "dropdown-search-option" }, hAsync("cura-label", { key: 'dbefa340f1001a532c7f2152907b87e5e2e1f0ec', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: '1d03c41d153dc707db82943c77dd96547c98c78a' }))));
|
|
8151
8324
|
}
|
|
8152
8325
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8153
8326
|
static get cmpMeta() { return {
|
|
@@ -8226,7 +8399,7 @@ class CuraHeading {
|
|
|
8226
8399
|
return tags[`${this.level}`] || tags['default'];
|
|
8227
8400
|
}
|
|
8228
8401
|
render() {
|
|
8229
|
-
return (hAsync(Host, { key: '
|
|
8402
|
+
return (hAsync(Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8230
8403
|
}
|
|
8231
8404
|
get host() { return getElement(this); }
|
|
8232
8405
|
static get watchers() { return {
|
|
@@ -8303,7 +8476,7 @@ class CuraIcon {
|
|
|
8303
8476
|
this.host.style.setProperty(prop, value);
|
|
8304
8477
|
}
|
|
8305
8478
|
render() {
|
|
8306
|
-
return (hAsync(Host, { key: '
|
|
8479
|
+
return (hAsync(Host, { key: '42f2502c1180315fde13c1c383ba2335e681f25b' }, hAsync("svg", { key: 'b30e76338033abd6be556049e1db9d949173adc2', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: '45df96f126cc573ce5189332a04c4e9a6db02b36', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8307
8480
|
}
|
|
8308
8481
|
get host() { return getElement(this); }
|
|
8309
8482
|
static get watchers() { return {
|
|
@@ -8328,7 +8501,7 @@ class CuraIcon {
|
|
|
8328
8501
|
}; }
|
|
8329
8502
|
}
|
|
8330
8503
|
|
|
8331
|
-
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8504
|
+
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "drug", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8332
8505
|
|
|
8333
8506
|
const curaIconsViewCss = ":host{display:block;padding:24px;font-family:\"Roboto\", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}";
|
|
8334
8507
|
var CuraIconsViewStyle0 = curaIconsViewCss;
|
|
@@ -8347,9 +8520,9 @@ class CuraIconsView {
|
|
|
8347
8520
|
this.sizes.unshift(this.sizes.pop());
|
|
8348
8521
|
}
|
|
8349
8522
|
render() {
|
|
8350
|
-
return (hAsync(Host, { key: '
|
|
8351
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '
|
|
8352
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: '
|
|
8523
|
+
return (hAsync(Host, { key: 'a6617c95d8f812380ad9a6471b2d3308f230d985' }, hAsync("div", { key: 'fd3d146d453f37b1e1f8968113271bd59c870821', class: "iconDetail" }, hAsync("cura-heading", { key: '6f8ba0f48fe6a3fd7d237bf8606f0e789bb9a24e', size: "small", "margin-block": "0 24px" }, "Icon: ", hAsync("b", { key: '9a90cfdc2df40488ece88e4af4ddf7af4c8b7413' }, this.selected)), hAsync("div", { key: '0b0978997491adc4bf5c9629c3ca93302d352a57', class: "iconSizes" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8524
|
+
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '0d8666083a28088fbb036920c0130770fadb9fe8', class: "iconSizes invert" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8525
|
+
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'fcc2275ca60d1c36dbcc5a7a5b10e1a35d2445e2', 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) ? '' :
|
|
8353
8526
|
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8354
8527
|
}
|
|
8355
8528
|
static get style() { return CuraIconsViewStyle0; }
|
|
@@ -12398,7 +12571,7 @@ class CuraLabel {
|
|
|
12398
12571
|
};
|
|
12399
12572
|
}
|
|
12400
12573
|
render() {
|
|
12401
|
-
return (hAsync(Host, { key: '
|
|
12574
|
+
return (hAsync(Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, hAsync("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
|
|
12402
12575
|
}
|
|
12403
12576
|
get host() { return getElement(this); }
|
|
12404
12577
|
static get watchers() { return {
|
|
@@ -12445,7 +12618,7 @@ class CuraLoaderBar {
|
|
|
12445
12618
|
this.setProgress();
|
|
12446
12619
|
}
|
|
12447
12620
|
render() {
|
|
12448
|
-
return (hAsync(Host, { key: '
|
|
12621
|
+
return (hAsync(Host, { key: 'e8c5cf2c47e5b8a1a3e0ea758df9a5183b94afbe' }, hAsync("div", { key: '4375509425a0f7f8a86ded54c792f04d8b34d004', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '2d78b8f09726918cb01ef2ba775cf061f8b1fbab', class: "progress-bar-fill" }))));
|
|
12449
12622
|
}
|
|
12450
12623
|
setColor() {
|
|
12451
12624
|
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) });
|
|
@@ -12497,7 +12670,7 @@ class CuraLoaderCircle {
|
|
|
12497
12670
|
};
|
|
12498
12671
|
}
|
|
12499
12672
|
render() {
|
|
12500
|
-
return (hAsync(Host, { key: '
|
|
12673
|
+
return (hAsync(Host, { key: '4c3a12d61a3b686438ece6752160337ca8cacf18', style: this.getStyles() }, hAsync("svg", { key: 'bf8d817e7624419514e8f918ade94024c0d6bcb9', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '69885675868e25d75e9b0a461cb6563ba32a317a' }, hAsync("circle", { key: 'a1b20469b5bb76d101cfbba683f99689b2a8b8ed', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'c74b6313eff3374f711ace4c638fa0e671325f12', 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: '5f5861e8cdf8f192cd3312c345b0c3f2afeeb0c2' }, hAsync("linearGradient", { key: '98826d4d31d454e8d013349003bc89c3b82118bd', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'c0e582f71ef1a6870d0f77047198f58bf18987f6' }), hAsync("stop", { key: '3f120a0b8e9c86388f084d34e4bda9f8c5893702', offset: "1" }))))));
|
|
12501
12674
|
}
|
|
12502
12675
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
12503
12676
|
static get cmpMeta() { return {
|
|
@@ -12532,7 +12705,7 @@ class CuraPageTemplate {
|
|
|
12532
12705
|
return classes;
|
|
12533
12706
|
}
|
|
12534
12707
|
render() {
|
|
12535
|
-
return (hAsync(Host, { key: '
|
|
12708
|
+
return (hAsync(Host, { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' }, hAsync("div", { key: '41c0a6cb17747a0bf8fb44f8e5766412dd261b4d', style: this.styles, class: "grid-template" }, hAsync("div", { key: 'f563c6dbcd7506bfc100df9d5e4d7afe28cc7172', id: "sub-header" }, hAsync("slot", { key: '2db35bb65c395d6af3ec1654fdbe2fa76735d60d', name: 'sub-header' })), hAsync("div", { key: 'dff85fecdcf50c6812dd7eda1d2547b868da36a4', id: "header" }, hAsync("slot", { key: 'dd1726210432a383868ae4ab716ee20259a7a744', name: 'header' })), hAsync("div", { key: '3d8ebad203977884ea3b0c97cffd764e7c87ff8b', id: "pre-content" }, hAsync("slot", { key: '15e9cd099c005d78afc31624d968142d657cd53e', name: 'pre-content' })), hAsync("div", { key: '682ac5ec6855a6e598a1c27dae336787f38d5143', id: "content-container", class: this.getClasses() }, hAsync("div", { key: 'a288d9994489df25bffac158026df89e688064a9', id: "sidebar-left" }, hAsync("slot", { key: '26546baebf11e32f18ddec1659453e85cb5f8542', name: 'sidebar-left' })), hAsync("div", { key: 'f998d555d298800c770919c6195b2d963000c07f', id: "content" }, hAsync("slot", { key: 'e15084b2c7a2092331e92d5a0e389a37e07905d0', name: "content" }), hAsync("slot", { key: '31a9c32a7309a34882ee8c7e5fe5f8893083a1ba' })), hAsync("div", { key: '661aa62b89dd76d5d40008690fa56d53234e048d', id: "sidebar-right" }, hAsync("slot", { key: 'f0b96d33a41818840a38ca162fd32fba8b3f70bb', name: 'sidebar-right' }))), hAsync("div", { key: 'bdb1b6793f62315d80ab3843224a56e9586f5cc4', id: "post-body" }, hAsync("slot", { key: 'c373462fbd8d8ecebccb1515304be38b68f1fc87', name: 'post-body' })), hAsync("div", { key: '097ae8d7ccb045ebcc60f2829b43a2ba8e87fc2b', id: "footer" }, hAsync("slot", { key: '1d519a8e1e5094bbf5c2a3309c4e84122468ab3e', name: 'footer' })), hAsync("div", { key: '62e5ab1d7c9a4be5e4b4f9ab0803b298ee9fe125', id: "sub-footer" }, hAsync("slot", { key: '59a0637bbc2dad5a2bfef04e78858a95f59231d1', name: 'sub-footer' })))));
|
|
12536
12709
|
}
|
|
12537
12710
|
get host() { return getElement(this); }
|
|
12538
12711
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -12548,7 +12721,7 @@ class CuraPageTemplate {
|
|
|
12548
12721
|
}; }
|
|
12549
12722
|
}
|
|
12550
12723
|
|
|
12551
|
-
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.
|
|
12724
|
+
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.7142857143em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host ::slotted(i){font-style:italic}:host ::slotted(em){font-weight:var(--font-weight-medium);color:var(--color-link);font-style:normal}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
12552
12725
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
12553
12726
|
|
|
12554
12727
|
class CuraParagraph {
|
|
@@ -12598,7 +12771,7 @@ class CuraParagraph {
|
|
|
12598
12771
|
};
|
|
12599
12772
|
}
|
|
12600
12773
|
render() {
|
|
12601
|
-
return (hAsync(Host, { key: '
|
|
12774
|
+
return (hAsync(Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, hAsync("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
|
|
12602
12775
|
}
|
|
12603
12776
|
get host() { return getElement(this); }
|
|
12604
12777
|
static get watchers() { return {
|
|
@@ -12755,7 +12928,7 @@ class CuraRadio {
|
|
|
12755
12928
|
return statusColors[this.status][type];
|
|
12756
12929
|
}
|
|
12757
12930
|
render() {
|
|
12758
|
-
return (hAsync(Host, { key: '
|
|
12931
|
+
return (hAsync(Host, { key: '47a86162a780f9bfc554ab0f39e20e2f1e01a9d9' }, hAsync("div", { key: 'a0f2860ed3ff500bfc100c1e546da8ced421b207', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '9191f64704f6c1d791922464a75e00afa0cdcb7e', class: "info" }, hAsync("div", { key: 'c61a9ba353b49db897c27f6356bfe3d76651b186', class: "label-wrapper" }, hAsync("cura-label", { key: 'aa942db786a175452697b17229dc05e9113e8097', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'aed6a56437cc00fb7050043ce0a89877770acc6c', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '4b489038012fcf112d89d5cdcce46e55b363eca0', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'edff8c3ddc4875017dc7e9342fe3c9e19bdb86dc' }))), hAsync("input", { key: '43d5c937fbaa9139abaa3c1c8b5534a39fa4017c', 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 }))));
|
|
12759
12932
|
}
|
|
12760
12933
|
static get formAssociated() { return true; }
|
|
12761
12934
|
get host() { return getElement(this); }
|
|
@@ -13066,13 +13239,13 @@ class CuraSelect {
|
|
|
13066
13239
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13067
13240
|
}
|
|
13068
13241
|
render() {
|
|
13069
|
-
return (hAsync(Host, { key: '
|
|
13242
|
+
return (hAsync(Host, { key: 'bc202c6de926da5642421b91b1f38abfda496c83', style: this.styles }, hAsync("div", { key: 'e80bc20071f9ba3c2e385d5c87c1ef6ffd5d9bd9', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: 'e090559a5ed7d0c6cdb9603e6b715dbfa54d383e', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: 'da3b3a38328a81b4c7d43cedf392f6a35ca5cad5', class: 'required' }, "* "))), hAsync("div", { key: '48e6d57d80b140d8dd51dd079c0ce7f39d7a9a96', class: {
|
|
13070
13243
|
'cura-input-field': true,
|
|
13071
13244
|
'open': this.isOpen
|
|
13072
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13245
|
+
} }, this.renderIcon(), hAsync("input", { key: 'd9c1fc1d7cd068aa4f52f002924f7caaa11c099b', 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 }), hAsync("cura-icon", { key: '3099bd0ffc0f758e39815db70f7c79c55d97190e', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: 'e82da158d25d0cad7102d5ed13698f0f741cd6ea', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: '71ab712009bc6a61f189da5a082330eed9e89d33' })), this.isOpen && (hAsync("div", { key: '4a6f38f3798ea894936554c0b4191b45dc5172eb', class: {
|
|
13073
13246
|
'menu': true,
|
|
13074
13247
|
'open': this.isOpen
|
|
13075
|
-
} }, hAsync("slot", { key: '
|
|
13248
|
+
} }, hAsync("slot", { key: '8db3420024df6aa85f0e8265c6f88c9bb4a8811f', name: 'option' }))))));
|
|
13076
13249
|
}
|
|
13077
13250
|
static get formAssociated() { return true; }
|
|
13078
13251
|
get host() { return getElement(this); }
|
|
@@ -13145,7 +13318,7 @@ class CuraSelectOption {
|
|
|
13145
13318
|
};
|
|
13146
13319
|
}
|
|
13147
13320
|
render() {
|
|
13148
|
-
return (hAsync(Host, { key: '
|
|
13321
|
+
return (hAsync(Host, { key: '5feb573684784f2cf70876ccc1bb673b853d69b4', slot: "option" }, hAsync("div", { key: '03c65c64facc97c887c19f2226dfc5f1830004e1', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: '79f32d2bcc3ec42c8adb581fb8c4151920d55111', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '0df731f7223fac86e58676597c052caadd1d2858' })), this.selected && hAsync("cura-icon", { key: '28d4f9561a60bf9ecfeca44e4835b46ffee28ec1', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13149
13322
|
}
|
|
13150
13323
|
get host() { return getElement(this); }
|
|
13151
13324
|
static get watchers() { return {
|
|
@@ -13272,7 +13445,7 @@ class CuraSwitch {
|
|
|
13272
13445
|
return classes;
|
|
13273
13446
|
}
|
|
13274
13447
|
render() {
|
|
13275
|
-
return (hAsync(Host, { key: '
|
|
13448
|
+
return (hAsync(Host, { key: 'a18d2e4516e63c9dc080fabb97ded6cb145f096f' }, hAsync("div", { key: 'e6cfb0bada406eef4b6dc400eae2cc8e15ff209b', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '520489765d61a4c96079cc51395c9a7038c1ec12', class: "info" }, hAsync("cura-label", { key: '3b064a7794c262d62e4d8e04475ca20d87febc7b', 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: 'b94ac8cf1fd1e3ba0dce269b677636f09bc97597', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '437f81a5bde1395d97c346928191c8ab0ce7219d' }))), hAsync("div", { key: '3e36e82138a69c5f829f54ec82af0646fdea4fbb', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '7068b0664ebb020037d63df565e5c835b7a4fa46', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '6ce66dfe5d06bdfdb625b38b0e0adb20df7db130', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13276
13449
|
}
|
|
13277
13450
|
static get formAssociated() { return true; }
|
|
13278
13451
|
static get watchers() { return {
|
|
@@ -13328,7 +13501,7 @@ class CuraToast {
|
|
|
13328
13501
|
this.setStyle();
|
|
13329
13502
|
}
|
|
13330
13503
|
render() {
|
|
13331
|
-
return (hAsync(Host, { key: '
|
|
13504
|
+
return (hAsync(Host, { key: '65417f506ab0db06fd38449643c679d4fea1fffd' }, hAsync("div", { key: '80e509d36768bea4b99e215dc9d81aec83b9143c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'd2f6a36370ab4c6555bb679f481e1975fb234e41', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'c312e11dbb469c1a486eaf90898c6149ce099627', class: "content" }, hAsync("cura-heading", { key: 'f0ff03c554caaf0213476c23004b1361a876cf19', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'd94ab5591663c1135712bf54dd90182de5d18ed5', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '9dc18a1ded79abcc258b4a2c892084addb194c9f' })), hAsync("slot", { key: '829788786a56a1492b6fef2dd053f84fdafd7ea1', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '1d507a45d3a860e859f879de15d79bc7c3a34787', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '0ad99ff90899e19b3b2e9a13a2ac3fa76dae286d', color: `${this.type}-base`, progress: this.progress }))));
|
|
13332
13505
|
}
|
|
13333
13506
|
componentDidLoad() {
|
|
13334
13507
|
this.openContainer();
|
|
@@ -13429,6 +13602,7 @@ registerComponents([
|
|
|
13429
13602
|
CuraCard,
|
|
13430
13603
|
CuraCheckbox,
|
|
13431
13604
|
CuraDisplay,
|
|
13605
|
+
CuraDistance,
|
|
13432
13606
|
CuraDropdownSearch,
|
|
13433
13607
|
CuraDropdownSearchOption,
|
|
13434
13608
|
CuraDropdownSearchOptionTitle,
|