@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.mjs
CHANGED
|
@@ -210,12 +210,12 @@ const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
210
210
|
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
211
211
|
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
212
212
|
weights: {
|
|
213
|
-
thin:
|
|
214
|
-
light:
|
|
215
|
-
regular:
|
|
216
|
-
medium:
|
|
217
|
-
bold:
|
|
218
|
-
black:
|
|
213
|
+
thin: 100,
|
|
214
|
+
light: 300,
|
|
215
|
+
regular: 400,
|
|
216
|
+
medium: 500,
|
|
217
|
+
bold: 700,
|
|
218
|
+
black: 900
|
|
219
219
|
},
|
|
220
220
|
} });
|
|
221
221
|
|
|
@@ -2944,7 +2944,7 @@ class CuraAlert {
|
|
|
2944
2944
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
2945
2945
|
}
|
|
2946
2946
|
render() {
|
|
2947
|
-
return (hAsync(Host, { key: '
|
|
2947
|
+
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 ?
|
|
2948
2948
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
2949
2949
|
: '')));
|
|
2950
2950
|
}
|
|
@@ -3020,7 +3020,7 @@ class CuraAvatar {
|
|
|
3020
3020
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3021
3021
|
}
|
|
3022
3022
|
render() {
|
|
3023
|
-
return (hAsync(Host, { key: '
|
|
3023
|
+
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() }))));
|
|
3024
3024
|
}
|
|
3025
3025
|
get host() { return getElement(this); }
|
|
3026
3026
|
static get watchers() { return {
|
|
@@ -3048,7 +3048,14 @@ class CuraAvatar {
|
|
|
3048
3048
|
}; }
|
|
3049
3049
|
}
|
|
3050
3050
|
|
|
3051
|
-
const
|
|
3051
|
+
const labelSizes = {
|
|
3052
|
+
"small": "xsmall",
|
|
3053
|
+
"medium": "small",
|
|
3054
|
+
"large": "medium",
|
|
3055
|
+
"default": "medium"
|
|
3056
|
+
};
|
|
3057
|
+
|
|
3058
|
+
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}";
|
|
3052
3059
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3053
3060
|
|
|
3054
3061
|
class CuraButton {
|
|
@@ -3075,6 +3082,7 @@ class CuraButton {
|
|
|
3075
3082
|
this.background = 'light';
|
|
3076
3083
|
this.fontColor = 'dark';
|
|
3077
3084
|
this.textAlign = 'left';
|
|
3085
|
+
this.justify = false;
|
|
3078
3086
|
this.styles = {};
|
|
3079
3087
|
this.hovered = false;
|
|
3080
3088
|
}
|
|
@@ -3114,12 +3122,13 @@ class CuraButton {
|
|
|
3114
3122
|
classes[`icon-only`] = this.iconOnly;
|
|
3115
3123
|
classes['disabled'] = this.disabled;
|
|
3116
3124
|
classes['isLoading'] = this.isLoading;
|
|
3125
|
+
classes['justify'] = this.justify;
|
|
3117
3126
|
return classes;
|
|
3118
3127
|
}
|
|
3119
3128
|
getIcon() {
|
|
3120
|
-
if (!this.iconName
|
|
3129
|
+
if (!this.iconName)
|
|
3121
3130
|
return '';
|
|
3122
|
-
const iconSize = this.size === '
|
|
3131
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3123
3132
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3124
3133
|
}
|
|
3125
3134
|
getSymbolColor() {
|
|
@@ -3143,7 +3152,9 @@ class CuraButton {
|
|
|
3143
3152
|
}
|
|
3144
3153
|
}
|
|
3145
3154
|
render() {
|
|
3146
|
-
|
|
3155
|
+
const symbolColor = this.getSymbolColor();
|
|
3156
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3157
|
+
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 })))));
|
|
3147
3158
|
}
|
|
3148
3159
|
static get formAssociated() { return true; }
|
|
3149
3160
|
static get watchers() { return {
|
|
@@ -3169,16 +3180,17 @@ class CuraButton {
|
|
|
3169
3180
|
"background": [513],
|
|
3170
3181
|
"fontColor": [513, "font-color"],
|
|
3171
3182
|
"textAlign": [513, "text-align"],
|
|
3183
|
+
"justify": [516],
|
|
3172
3184
|
"styles": [32],
|
|
3173
3185
|
"hovered": [32]
|
|
3174
3186
|
},
|
|
3175
3187
|
"$listeners$": undefined,
|
|
3176
3188
|
"$lazyBundleId$": "-",
|
|
3177
|
-
"$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"]]
|
|
3189
|
+
"$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"]]
|
|
3178
3190
|
}; }
|
|
3179
3191
|
}
|
|
3180
3192
|
|
|
3181
|
-
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;
|
|
3193
|
+
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}";
|
|
3182
3194
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3183
3195
|
|
|
3184
3196
|
class CuraButtonOutline$1 {
|
|
@@ -3205,6 +3217,7 @@ class CuraButtonOutline$1 {
|
|
|
3205
3217
|
this.background = 'light';
|
|
3206
3218
|
this.fontColor = 'dark';
|
|
3207
3219
|
this.textAlign = 'left';
|
|
3220
|
+
this.justify = false;
|
|
3208
3221
|
this.styles = {};
|
|
3209
3222
|
this.hovered = false;
|
|
3210
3223
|
}
|
|
@@ -3228,6 +3241,7 @@ class CuraButtonOutline$1 {
|
|
|
3228
3241
|
classes[`icon-only`] = this.iconOnly;
|
|
3229
3242
|
classes['disabled'] = this.disabled;
|
|
3230
3243
|
classes['isLoading'] = this.isLoading;
|
|
3244
|
+
classes['justify'] = this.justify;
|
|
3231
3245
|
return classes;
|
|
3232
3246
|
}
|
|
3233
3247
|
setColors() {
|
|
@@ -3241,9 +3255,9 @@ class CuraButtonOutline$1 {
|
|
|
3241
3255
|
this.styles = Object.assign({}, this.styles);
|
|
3242
3256
|
}
|
|
3243
3257
|
getIcon() {
|
|
3244
|
-
if (!this.iconName
|
|
3258
|
+
if (!this.iconName)
|
|
3245
3259
|
return '';
|
|
3246
|
-
const iconSize = this.size === '
|
|
3260
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3247
3261
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3248
3262
|
}
|
|
3249
3263
|
handleMouseEnter() {
|
|
@@ -3257,8 +3271,7 @@ class CuraButtonOutline$1 {
|
|
|
3257
3271
|
getSymbolColor() {
|
|
3258
3272
|
if (this.disabled)
|
|
3259
3273
|
return 'neutral-dark';
|
|
3260
|
-
|
|
3261
|
-
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3274
|
+
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3262
3275
|
}
|
|
3263
3276
|
handleClick(e) {
|
|
3264
3277
|
if (this.disabled || this.isLoading) {
|
|
@@ -3273,7 +3286,9 @@ class CuraButtonOutline$1 {
|
|
|
3273
3286
|
}
|
|
3274
3287
|
}
|
|
3275
3288
|
render() {
|
|
3276
|
-
|
|
3289
|
+
const symbolColor = this.getSymbolColor();
|
|
3290
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3291
|
+
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 })))));
|
|
3277
3292
|
}
|
|
3278
3293
|
static get formAssociated() { return true; }
|
|
3279
3294
|
static get watchers() { return {
|
|
@@ -3300,16 +3315,17 @@ class CuraButtonOutline$1 {
|
|
|
3300
3315
|
"background": [1],
|
|
3301
3316
|
"fontColor": [1, "font-color"],
|
|
3302
3317
|
"textAlign": [513, "text-align"],
|
|
3318
|
+
"justify": [516],
|
|
3303
3319
|
"styles": [32],
|
|
3304
3320
|
"hovered": [32]
|
|
3305
3321
|
},
|
|
3306
3322
|
"$listeners$": undefined,
|
|
3307
3323
|
"$lazyBundleId$": "-",
|
|
3308
|
-
"$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"]]
|
|
3324
|
+
"$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"]]
|
|
3309
3325
|
}; }
|
|
3310
3326
|
}
|
|
3311
3327
|
|
|
3312
|
-
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) *
|
|
3328
|
+
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)}";
|
|
3313
3329
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3314
3330
|
|
|
3315
3331
|
class CuraButtonOutline {
|
|
@@ -3393,7 +3409,7 @@ class CuraButtonOutline {
|
|
|
3393
3409
|
return classes;
|
|
3394
3410
|
}
|
|
3395
3411
|
render() {
|
|
3396
|
-
return (hAsync(Host, { key: '
|
|
3412
|
+
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' }))))));
|
|
3397
3413
|
}
|
|
3398
3414
|
static get watchers() { return {
|
|
3399
3415
|
"background": ["setColors", "assignColor"],
|
|
@@ -3421,7 +3437,7 @@ class CuraButtonOutline {
|
|
|
3421
3437
|
}; }
|
|
3422
3438
|
}
|
|
3423
3439
|
|
|
3424
|
-
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
|
|
3440
|
+
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}";
|
|
3425
3441
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3426
3442
|
|
|
3427
3443
|
class CuraButtonTransparent {
|
|
@@ -3445,8 +3461,9 @@ class CuraButtonTransparent {
|
|
|
3445
3461
|
this.href = undefined;
|
|
3446
3462
|
this.target = "_self";
|
|
3447
3463
|
this.color = 'primary';
|
|
3448
|
-
this.fontColor = '
|
|
3464
|
+
this.fontColor = 'dark';
|
|
3449
3465
|
this.textAlign = 'left';
|
|
3466
|
+
this.justify = false;
|
|
3450
3467
|
this.hovered = false;
|
|
3451
3468
|
this.styles = {};
|
|
3452
3469
|
}
|
|
@@ -3468,12 +3485,13 @@ class CuraButtonTransparent {
|
|
|
3468
3485
|
classes[`icon-only`] = this.iconOnly;
|
|
3469
3486
|
classes['disabled'] = this.disabled;
|
|
3470
3487
|
classes['isLoading'] = this.isLoading;
|
|
3488
|
+
classes['justify'] = this.justify;
|
|
3471
3489
|
return classes;
|
|
3472
3490
|
}
|
|
3473
3491
|
getIcon() {
|
|
3474
|
-
if (!this.iconName
|
|
3492
|
+
if (!this.iconName)
|
|
3475
3493
|
return null;
|
|
3476
|
-
const iconSize = this.size === '
|
|
3494
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3477
3495
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3478
3496
|
}
|
|
3479
3497
|
handleMouseEnter() {
|
|
@@ -3489,8 +3507,7 @@ class CuraButtonTransparent {
|
|
|
3489
3507
|
return 'neutral-dark';
|
|
3490
3508
|
if (this.hovered && !this.isLoading)
|
|
3491
3509
|
return this.fontColor === 'light' ? `${this.color}-light` : `${this.color}-darker`;
|
|
3492
|
-
|
|
3493
|
-
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-darker`;
|
|
3510
|
+
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-dark`;
|
|
3494
3511
|
}
|
|
3495
3512
|
handleClick(e) {
|
|
3496
3513
|
if (this.disabled || this.isLoading) {
|
|
@@ -3505,7 +3522,9 @@ class CuraButtonTransparent {
|
|
|
3505
3522
|
}
|
|
3506
3523
|
}
|
|
3507
3524
|
render() {
|
|
3508
|
-
|
|
3525
|
+
const symbolColor = this.getSymbolColor();
|
|
3526
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3527
|
+
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 })))));
|
|
3509
3528
|
}
|
|
3510
3529
|
static get formAssociated() { return true; }
|
|
3511
3530
|
static get watchers() { return {
|
|
@@ -3527,15 +3546,16 @@ class CuraButtonTransparent {
|
|
|
3527
3546
|
"iconOnly": [516, "icon-only"],
|
|
3528
3547
|
"href": [513],
|
|
3529
3548
|
"target": [513],
|
|
3530
|
-
"color": [
|
|
3549
|
+
"color": [513],
|
|
3531
3550
|
"fontColor": [513, "font-color"],
|
|
3532
3551
|
"textAlign": [513, "text-align"],
|
|
3552
|
+
"justify": [516],
|
|
3533
3553
|
"hovered": [32],
|
|
3534
3554
|
"styles": [32]
|
|
3535
3555
|
},
|
|
3536
3556
|
"$listeners$": undefined,
|
|
3537
3557
|
"$lazyBundleId$": "-",
|
|
3538
|
-
"$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"]]
|
|
3558
|
+
"$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"]]
|
|
3539
3559
|
}; }
|
|
3540
3560
|
}
|
|
3541
3561
|
|
|
@@ -3826,6 +3846,31 @@ function startOfDay(dirtyDate) {
|
|
|
3826
3846
|
return date;
|
|
3827
3847
|
}
|
|
3828
3848
|
|
|
3849
|
+
/**
|
|
3850
|
+
* @name addWeeks
|
|
3851
|
+
* @category Week Helpers
|
|
3852
|
+
* @summary Add the specified number of weeks to the given date.
|
|
3853
|
+
*
|
|
3854
|
+
* @description
|
|
3855
|
+
* Add the specified number of week to the given date.
|
|
3856
|
+
*
|
|
3857
|
+
* @param {Date|Number} date - the date to be changed
|
|
3858
|
+
* @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`.
|
|
3859
|
+
* @returns {Date} the new date with the weeks added
|
|
3860
|
+
* @throws {TypeError} 2 arguments required
|
|
3861
|
+
*
|
|
3862
|
+
* @example
|
|
3863
|
+
* // Add 4 weeks to 1 September 2014:
|
|
3864
|
+
* const result = addWeeks(new Date(2014, 8, 1), 4)
|
|
3865
|
+
* //=> Mon Sep 29 2014 00:00:00
|
|
3866
|
+
*/
|
|
3867
|
+
function addWeeks(dirtyDate, dirtyAmount) {
|
|
3868
|
+
requiredArgs(2, arguments);
|
|
3869
|
+
var amount = toInteger(dirtyAmount);
|
|
3870
|
+
var days = amount * 7;
|
|
3871
|
+
return addDays(dirtyDate, days);
|
|
3872
|
+
}
|
|
3873
|
+
|
|
3829
3874
|
/**
|
|
3830
3875
|
* Days in 1 week.
|
|
3831
3876
|
*
|
|
@@ -6614,6 +6659,30 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
6614
6659
|
return addMonths(dirtyDate, -amount);
|
|
6615
6660
|
}
|
|
6616
6661
|
|
|
6662
|
+
/**
|
|
6663
|
+
* @name subWeeks
|
|
6664
|
+
* @category Week Helpers
|
|
6665
|
+
* @summary Subtract the specified number of weeks from the given date.
|
|
6666
|
+
*
|
|
6667
|
+
* @description
|
|
6668
|
+
* Subtract the specified number of weeks from the given date.
|
|
6669
|
+
*
|
|
6670
|
+
* @param {Date|Number} date - the date to be changed
|
|
6671
|
+
* @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`.
|
|
6672
|
+
* @returns {Date} the new date with the weeks subtracted
|
|
6673
|
+
* @throws {TypeError} 2 arguments required
|
|
6674
|
+
*
|
|
6675
|
+
* @example
|
|
6676
|
+
* // Subtract 4 weeks from 1 September 2014:
|
|
6677
|
+
* const result = subWeeks(new Date(2014, 8, 1), 4)
|
|
6678
|
+
* //=> Mon Aug 04 2014 00:00:00
|
|
6679
|
+
*/
|
|
6680
|
+
function subWeeks(dirtyDate, dirtyAmount) {
|
|
6681
|
+
requiredArgs(2, arguments);
|
|
6682
|
+
var amount = toInteger(dirtyAmount);
|
|
6683
|
+
return addWeeks(dirtyDate, -amount);
|
|
6684
|
+
}
|
|
6685
|
+
|
|
6617
6686
|
var dateFormats$1 = {
|
|
6618
6687
|
full: 'EEEE, d MMMM yyyy',
|
|
6619
6688
|
long: 'd MMMM yyyy',
|
|
@@ -7053,7 +7122,7 @@ var locale = {
|
|
|
7053
7122
|
};
|
|
7054
7123
|
var ptBR = locale;
|
|
7055
7124
|
|
|
7056
|
-
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:
|
|
7125
|
+
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}";
|
|
7057
7126
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7058
7127
|
|
|
7059
7128
|
class CuraCalendar {
|
|
@@ -7063,8 +7132,8 @@ class CuraCalendar {
|
|
|
7063
7132
|
this.theme = window.CuraAPI.theme;
|
|
7064
7133
|
this.weights = this.theme.fonts.getWeights();
|
|
7065
7134
|
this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
|
|
7066
|
-
this.period =
|
|
7067
|
-
this.width = '
|
|
7135
|
+
this.period = null;
|
|
7136
|
+
this.width = '280px';
|
|
7068
7137
|
this.mode = 'single';
|
|
7069
7138
|
this.dateFormat = 'yyyy-MM-dd';
|
|
7070
7139
|
this.locale = 'pt-BR';
|
|
@@ -7073,6 +7142,8 @@ class CuraCalendar {
|
|
|
7073
7142
|
this.enable = [];
|
|
7074
7143
|
this.defaultDate = [];
|
|
7075
7144
|
this.limitRange = null;
|
|
7145
|
+
this.disablePassDates = false;
|
|
7146
|
+
this.collapsed = null;
|
|
7076
7147
|
this.currentDate = new Date();
|
|
7077
7148
|
this.selectedDates = [];
|
|
7078
7149
|
this.rangeStart = null;
|
|
@@ -7123,6 +7194,9 @@ class CuraCalendar {
|
|
|
7123
7194
|
* @returns {boolean} Whether the date is valid.
|
|
7124
7195
|
*/
|
|
7125
7196
|
isDateInValidPeriod(date) {
|
|
7197
|
+
if (this.period === null) {
|
|
7198
|
+
return true;
|
|
7199
|
+
}
|
|
7126
7200
|
return this.period.includes(format(date, this.dateFormat));
|
|
7127
7201
|
}
|
|
7128
7202
|
/**
|
|
@@ -7150,6 +7224,12 @@ class CuraCalendar {
|
|
|
7150
7224
|
* @returns {boolean} Whether the date is disabled.
|
|
7151
7225
|
*/
|
|
7152
7226
|
isDateInDisabledPeriod(date) {
|
|
7227
|
+
const today = new Date();
|
|
7228
|
+
today.setHours(0, 0, 0, 0);
|
|
7229
|
+
if (this.disablePassDates)
|
|
7230
|
+
return isBefore(date, today);
|
|
7231
|
+
if (this.disable === null)
|
|
7232
|
+
return false;
|
|
7153
7233
|
return this.isDateInList(this.expandDateRanges(this.disable), date);
|
|
7154
7234
|
}
|
|
7155
7235
|
/**
|
|
@@ -7159,7 +7239,7 @@ class CuraCalendar {
|
|
|
7159
7239
|
* @returns {boolean} Whether the date is enabled.
|
|
7160
7240
|
*/
|
|
7161
7241
|
isDateInEnabledPeriod(date) {
|
|
7162
|
-
if (this.enable
|
|
7242
|
+
if (this.enable === null || [])
|
|
7163
7243
|
return true;
|
|
7164
7244
|
return this.isDateInList(this.expandDateRanges(this.enable), date);
|
|
7165
7245
|
}
|
|
@@ -7203,7 +7283,7 @@ class CuraCalendar {
|
|
|
7203
7283
|
*/
|
|
7204
7284
|
onMonthDropdownChange(event) {
|
|
7205
7285
|
const { months } = this.fetchMonthNames();
|
|
7206
|
-
const newMonth = event.detail
|
|
7286
|
+
const newMonth = event.detail;
|
|
7207
7287
|
this.selectMonth = newMonth;
|
|
7208
7288
|
this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
|
|
7209
7289
|
}
|
|
@@ -7213,7 +7293,7 @@ class CuraCalendar {
|
|
|
7213
7293
|
* @param {CustomEvent} event - The change event.
|
|
7214
7294
|
*/
|
|
7215
7295
|
onYearDropdownChange(event) {
|
|
7216
|
-
const newYear = event.detail
|
|
7296
|
+
const newYear = event.detail;
|
|
7217
7297
|
this.selectYear = newYear;
|
|
7218
7298
|
this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
|
|
7219
7299
|
}
|
|
@@ -7305,11 +7385,38 @@ class CuraCalendar {
|
|
|
7305
7385
|
*
|
|
7306
7386
|
* @returns {(Date | null)[]} An array of dates and nulls for the current month view.
|
|
7307
7387
|
*/
|
|
7388
|
+
showNotColapsedCalendar() {
|
|
7389
|
+
if (this.collapsed) {
|
|
7390
|
+
this.fetchDaysOfWeek();
|
|
7391
|
+
}
|
|
7392
|
+
else
|
|
7393
|
+
(this.fetchDaysOfMonth());
|
|
7394
|
+
this.collapsed = false;
|
|
7395
|
+
}
|
|
7396
|
+
showColapsedCalendar() {
|
|
7397
|
+
this.collapsed = true;
|
|
7398
|
+
return this.fetchDaysOfWeek();
|
|
7399
|
+
}
|
|
7400
|
+
fetchDaysOfWeek() {
|
|
7401
|
+
const DAYS_IN_CALENDAR_VIEW = 7;
|
|
7402
|
+
const start = startOfWeek(this.currentDate);
|
|
7403
|
+
const end = endOfWeek(this.currentDate);
|
|
7404
|
+
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7405
|
+
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7406
|
+
}
|
|
7407
|
+
updateCurrentWeek(direction) {
|
|
7408
|
+
let newWeek = new Date(this.currentDate);
|
|
7409
|
+
if (direction === 'prev')
|
|
7410
|
+
newWeek = subWeeks(this.currentDate, 1);
|
|
7411
|
+
if (direction === 'next')
|
|
7412
|
+
newWeek = addWeeks(this.currentDate, 1);
|
|
7413
|
+
this.currentDate = newWeek;
|
|
7414
|
+
}
|
|
7308
7415
|
fetchDaysOfMonth() {
|
|
7309
|
-
const start = startOfMonth(this.currentDate);
|
|
7310
|
-
const end = endOfMonth(this.currentDate);
|
|
7311
7416
|
const WEEKS_IN_CALENDAR_VIEW = 6;
|
|
7312
7417
|
const DAYS_IN_CALENDAR_VIEW = 42;
|
|
7418
|
+
const start = startOfMonth(this.currentDate);
|
|
7419
|
+
const end = endOfMonth(this.currentDate);
|
|
7313
7420
|
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7314
7421
|
const prevMonthStart = startOfMonth(addMonths(start, -1));
|
|
7315
7422
|
const prevMonthEnd = endOfMonth(prevMonthStart);
|
|
@@ -7364,7 +7471,7 @@ class CuraCalendar {
|
|
|
7364
7471
|
*/
|
|
7365
7472
|
determinePrevButtonColor() {
|
|
7366
7473
|
const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
|
|
7367
|
-
return isPrevDisabled
|
|
7474
|
+
return isPrevDisabled && 'primary-base';
|
|
7368
7475
|
}
|
|
7369
7476
|
/**
|
|
7370
7477
|
* Get the status of a given date, determining its position and interval status.
|
|
@@ -7438,7 +7545,9 @@ class CuraCalendar {
|
|
|
7438
7545
|
}
|
|
7439
7546
|
render() {
|
|
7440
7547
|
const { months } = this.fetchMonthNames();
|
|
7441
|
-
return (hAsync(Host, { key: '
|
|
7548
|
+
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 ?
|
|
7549
|
+
this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : ''))) :
|
|
7550
|
+
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)));
|
|
7442
7551
|
}
|
|
7443
7552
|
static get style() { return CuraCalendarStyle0; }
|
|
7444
7553
|
static get cmpMeta() { return {
|
|
@@ -7448,13 +7557,15 @@ class CuraCalendar {
|
|
|
7448
7557
|
"period": [513],
|
|
7449
7558
|
"width": [513],
|
|
7450
7559
|
"mode": [513],
|
|
7451
|
-
"dateFormat": [
|
|
7560
|
+
"dateFormat": [1537, "date-format"],
|
|
7452
7561
|
"locale": [513],
|
|
7453
7562
|
"type": [513],
|
|
7454
7563
|
"disable": [16],
|
|
7455
7564
|
"enable": [16],
|
|
7456
7565
|
"defaultDate": [16],
|
|
7457
7566
|
"limitRange": [514, "limit-range"],
|
|
7567
|
+
"disablePassDates": [1540, "disable-pass-dates"],
|
|
7568
|
+
"collapsed": [1540],
|
|
7458
7569
|
"currentDate": [32],
|
|
7459
7570
|
"selectedDates": [32],
|
|
7460
7571
|
"rangeStart": [32],
|
|
@@ -7465,7 +7576,7 @@ class CuraCalendar {
|
|
|
7465
7576
|
},
|
|
7466
7577
|
"$listeners$": undefined,
|
|
7467
7578
|
"$lazyBundleId$": "-",
|
|
7468
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"]]
|
|
7579
|
+
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["collapsed", "collapsed"]]
|
|
7469
7580
|
}; }
|
|
7470
7581
|
}
|
|
7471
7582
|
|
|
@@ -7508,7 +7619,7 @@ class CuraCard {
|
|
|
7508
7619
|
return classes;
|
|
7509
7620
|
}
|
|
7510
7621
|
render() {
|
|
7511
|
-
return (hAsync(Host, { key: '
|
|
7622
|
+
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)))));
|
|
7512
7623
|
}
|
|
7513
7624
|
static get style() { return CuraCardStyle0; }
|
|
7514
7625
|
static get cmpMeta() { return {
|
|
@@ -7703,7 +7814,7 @@ class CuraCheckbox {
|
|
|
7703
7814
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
7704
7815
|
}
|
|
7705
7816
|
render() {
|
|
7706
|
-
return (hAsync(Host, { key: '
|
|
7817
|
+
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()))));
|
|
7707
7818
|
}
|
|
7708
7819
|
static get formAssociated() { return true; }
|
|
7709
7820
|
get host() { return getElement(this); }
|
|
@@ -7740,7 +7851,7 @@ class CuraCheckbox {
|
|
|
7740
7851
|
}; }
|
|
7741
7852
|
}
|
|
7742
7853
|
|
|
7743
|
-
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}";
|
|
7854
|
+
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}";
|
|
7744
7855
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
7745
7856
|
|
|
7746
7857
|
class CuraDisplay {
|
|
@@ -7748,6 +7859,7 @@ class CuraDisplay {
|
|
|
7748
7859
|
registerInstance(this, hostRef);
|
|
7749
7860
|
this.theme = window.CuraAPI.theme;
|
|
7750
7861
|
this.level = 1;
|
|
7862
|
+
this.size = 'large';
|
|
7751
7863
|
this.spotColor = 'accent-dark';
|
|
7752
7864
|
this.color = undefined;
|
|
7753
7865
|
this.marginBlock = '1.25em';
|
|
@@ -7767,7 +7879,8 @@ class CuraDisplay {
|
|
|
7767
7879
|
this.styles = {
|
|
7768
7880
|
'--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
|
|
7769
7881
|
'--font-size': window.CuraAPI.theme.fonts.getSize(),
|
|
7770
|
-
'--font-weight-bold': this.weights.bold
|
|
7882
|
+
'--font-weight-bold': this.weights.bold,
|
|
7883
|
+
'--font-weight-medium': this.weights.medium
|
|
7771
7884
|
};
|
|
7772
7885
|
}
|
|
7773
7886
|
hostCSSProperties() {
|
|
@@ -7783,20 +7896,27 @@ class CuraDisplay {
|
|
|
7783
7896
|
: this.theme.fonts.getColor();
|
|
7784
7897
|
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}`) });
|
|
7785
7898
|
}
|
|
7899
|
+
getClasses() {
|
|
7900
|
+
var _a;
|
|
7901
|
+
const classes = {};
|
|
7902
|
+
classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
|
|
7903
|
+
return classes;
|
|
7904
|
+
}
|
|
7786
7905
|
getHeadingTag() {
|
|
7906
|
+
const classes = this.getClasses();
|
|
7787
7907
|
const tags = {
|
|
7788
|
-
'1': hAsync("h1", { style: this.styles }, hAsync("slot", null)),
|
|
7789
|
-
'2': hAsync("h2", { style: this.styles }, hAsync("slot", null)),
|
|
7790
|
-
'3': hAsync("h3", { style: this.styles }, hAsync("slot", null)),
|
|
7791
|
-
'4': hAsync("h4", { style: this.styles }, hAsync("slot", null)),
|
|
7792
|
-
'5': hAsync("h5", { style: this.styles }, hAsync("slot", null)),
|
|
7793
|
-
'6': hAsync("h6", { style: this.styles }, hAsync("slot", null)),
|
|
7794
|
-
'default': hAsync("h1", { style: this.styles }, hAsync("slot", null))
|
|
7908
|
+
'1': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7909
|
+
'2': hAsync("h2", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7910
|
+
'3': hAsync("h3", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7911
|
+
'4': hAsync("h4", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7912
|
+
'5': hAsync("h5", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7913
|
+
'6': hAsync("h6", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7914
|
+
'default': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null))
|
|
7795
7915
|
};
|
|
7796
7916
|
return tags[`${this.level}`] || tags['default'];
|
|
7797
7917
|
}
|
|
7798
7918
|
render() {
|
|
7799
|
-
return (hAsync(Host, { key: '
|
|
7919
|
+
return (hAsync(Host, { key: 'ffd8e58f9bf50038554591ec2b191e0488ae0500', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
7800
7920
|
}
|
|
7801
7921
|
get host() { return getElement(this); }
|
|
7802
7922
|
static get watchers() { return {
|
|
@@ -7809,7 +7929,8 @@ class CuraDisplay {
|
|
|
7809
7929
|
"$tagName$": "cura-display",
|
|
7810
7930
|
"$members$": {
|
|
7811
7931
|
"level": [514],
|
|
7812
|
-
"
|
|
7932
|
+
"size": [513],
|
|
7933
|
+
"spotColor": [1, "spot-color"],
|
|
7813
7934
|
"color": [1],
|
|
7814
7935
|
"marginBlock": [513, "margin-block"],
|
|
7815
7936
|
"lineHeight": [513, "line-height"],
|
|
@@ -7817,7 +7938,57 @@ class CuraDisplay {
|
|
|
7817
7938
|
},
|
|
7818
7939
|
"$listeners$": undefined,
|
|
7819
7940
|
"$lazyBundleId$": "-",
|
|
7820
|
-
"$attrsToReflect$": [["level", "level"], ["
|
|
7941
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
7942
|
+
}; }
|
|
7943
|
+
}
|
|
7944
|
+
|
|
7945
|
+
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)}";
|
|
7946
|
+
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
7947
|
+
|
|
7948
|
+
class CuraDistance {
|
|
7949
|
+
constructor(hostRef) {
|
|
7950
|
+
registerInstance(this, hostRef);
|
|
7951
|
+
this.isThousandRounded = false;
|
|
7952
|
+
this.theme = window.CuraAPI.theme;
|
|
7953
|
+
this.distance = 0;
|
|
7954
|
+
this.label = 'km';
|
|
7955
|
+
this.styles = {};
|
|
7956
|
+
this.displayDistance = 0;
|
|
7957
|
+
}
|
|
7958
|
+
formatDistance() {
|
|
7959
|
+
const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
|
|
7960
|
+
this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
|
|
7961
|
+
this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
|
|
7962
|
+
}
|
|
7963
|
+
connectedCallback() {
|
|
7964
|
+
this.setCssProperties();
|
|
7965
|
+
this.formatDistance();
|
|
7966
|
+
}
|
|
7967
|
+
render() {
|
|
7968
|
+
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))));
|
|
7969
|
+
}
|
|
7970
|
+
setCssProperties() {
|
|
7971
|
+
this.styles = {
|
|
7972
|
+
'--neutral-pale': this.theme.colors.getColor(`neutral-pale`),
|
|
7973
|
+
'--base-spacing': this.theme.spacing.getSpacing()
|
|
7974
|
+
};
|
|
7975
|
+
}
|
|
7976
|
+
static get watchers() { return {
|
|
7977
|
+
"distance": ["formatDistance"]
|
|
7978
|
+
}; }
|
|
7979
|
+
static get style() { return CuraBadgeDistanceStyle0; }
|
|
7980
|
+
static get cmpMeta() { return {
|
|
7981
|
+
"$flags$": 9,
|
|
7982
|
+
"$tagName$": "cura-badge-distance",
|
|
7983
|
+
"$members$": {
|
|
7984
|
+
"distance": [2],
|
|
7985
|
+
"label": [513],
|
|
7986
|
+
"styles": [32],
|
|
7987
|
+
"displayDistance": [32]
|
|
7988
|
+
},
|
|
7989
|
+
"$listeners$": undefined,
|
|
7990
|
+
"$lazyBundleId$": "-",
|
|
7991
|
+
"$attrsToReflect$": [["label", "label"]]
|
|
7821
7992
|
}; }
|
|
7822
7993
|
}
|
|
7823
7994
|
|
|
@@ -7946,7 +8117,7 @@ class CuraDropdownSearch {
|
|
|
7946
8117
|
}
|
|
7947
8118
|
addClickListenersToOptions() {
|
|
7948
8119
|
this.options.forEach((option, index) => {
|
|
7949
|
-
option.addEventListener('
|
|
8120
|
+
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
7950
8121
|
});
|
|
7951
8122
|
}
|
|
7952
8123
|
updateSelectedOption(value) {
|
|
@@ -8028,9 +8199,9 @@ class CuraDropdownSearch {
|
|
|
8028
8199
|
}
|
|
8029
8200
|
render() {
|
|
8030
8201
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8031
|
-
return (hAsync(Host, { key: '
|
|
8202
|
+
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: () => {
|
|
8032
8203
|
this.handleOnBlur();
|
|
8033
|
-
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8204
|
+
}, 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 })))));
|
|
8034
8205
|
}
|
|
8035
8206
|
get host() { return getElement(this); }
|
|
8036
8207
|
static get watchers() { return {
|
|
@@ -8067,7 +8238,7 @@ class CuraDropdownSearch {
|
|
|
8067
8238
|
}; }
|
|
8068
8239
|
}
|
|
8069
8240
|
|
|
8070
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type)
|
|
8241
|
+
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}";
|
|
8071
8242
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8072
8243
|
|
|
8073
8244
|
class CuraDropdownSearchOption {
|
|
@@ -8093,6 +8264,7 @@ class CuraDropdownSearchOption {
|
|
|
8093
8264
|
}
|
|
8094
8265
|
connectedCallback() {
|
|
8095
8266
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8267
|
+
this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
|
|
8096
8268
|
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
8097
8269
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8098
8270
|
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
@@ -8108,11 +8280,12 @@ class CuraDropdownSearchOption {
|
|
|
8108
8280
|
}
|
|
8109
8281
|
}
|
|
8110
8282
|
render() {
|
|
8111
|
-
return (hAsync(Host, { key: '
|
|
8283
|
+
return (hAsync(Host, { key: '957218946adc6611a384d8e86860eb4f8ae50db3', slot: "dropdown-search-option" }, hAsync("div", { key: 'a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe', style: this.styles, class: {
|
|
8284
|
+
"option-container": true,
|
|
8112
8285
|
hovered: this.selectable ? this.hovered : false,
|
|
8113
8286
|
selected: this.selected,
|
|
8114
8287
|
disabled: !this.selectable
|
|
8115
|
-
} }, hAsync("slot", { key: '
|
|
8288
|
+
} }, 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" })))));
|
|
8116
8289
|
}
|
|
8117
8290
|
get hostElement() { return getElement(this); }
|
|
8118
8291
|
static get watchers() { return {
|
|
@@ -8143,7 +8316,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8143
8316
|
registerInstance(this, hostRef);
|
|
8144
8317
|
}
|
|
8145
8318
|
render() {
|
|
8146
|
-
return (hAsync(Host, { key: '
|
|
8319
|
+
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' }))));
|
|
8147
8320
|
}
|
|
8148
8321
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8149
8322
|
static get cmpMeta() { return {
|
|
@@ -8222,7 +8395,7 @@ class CuraHeading {
|
|
|
8222
8395
|
return tags[`${this.level}`] || tags['default'];
|
|
8223
8396
|
}
|
|
8224
8397
|
render() {
|
|
8225
|
-
return (hAsync(Host, { key: '
|
|
8398
|
+
return (hAsync(Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8226
8399
|
}
|
|
8227
8400
|
get host() { return getElement(this); }
|
|
8228
8401
|
static get watchers() { return {
|
|
@@ -8299,7 +8472,7 @@ class CuraIcon {
|
|
|
8299
8472
|
this.host.style.setProperty(prop, value);
|
|
8300
8473
|
}
|
|
8301
8474
|
render() {
|
|
8302
|
-
return (hAsync(Host, { key: '
|
|
8475
|
+
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}` }))));
|
|
8303
8476
|
}
|
|
8304
8477
|
get host() { return getElement(this); }
|
|
8305
8478
|
static get watchers() { return {
|
|
@@ -8324,7 +8497,7 @@ class CuraIcon {
|
|
|
8324
8497
|
}; }
|
|
8325
8498
|
}
|
|
8326
8499
|
|
|
8327
|
-
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"];
|
|
8500
|
+
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"];
|
|
8328
8501
|
|
|
8329
8502
|
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}";
|
|
8330
8503
|
var CuraIconsViewStyle0 = curaIconsViewCss;
|
|
@@ -8343,9 +8516,9 @@ class CuraIconsView {
|
|
|
8343
8516
|
this.sizes.unshift(this.sizes.pop());
|
|
8344
8517
|
}
|
|
8345
8518
|
render() {
|
|
8346
|
-
return (hAsync(Host, { key: '
|
|
8347
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '
|
|
8348
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: '
|
|
8519
|
+
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) ? '' :
|
|
8520
|
+
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) ? '' :
|
|
8521
|
+
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) ? '' :
|
|
8349
8522
|
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8350
8523
|
}
|
|
8351
8524
|
static get style() { return CuraIconsViewStyle0; }
|
|
@@ -12394,7 +12567,7 @@ class CuraLabel {
|
|
|
12394
12567
|
};
|
|
12395
12568
|
}
|
|
12396
12569
|
render() {
|
|
12397
|
-
return (hAsync(Host, { key: '
|
|
12570
|
+
return (hAsync(Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, hAsync("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
|
|
12398
12571
|
}
|
|
12399
12572
|
get host() { return getElement(this); }
|
|
12400
12573
|
static get watchers() { return {
|
|
@@ -12441,7 +12614,7 @@ class CuraLoaderBar {
|
|
|
12441
12614
|
this.setProgress();
|
|
12442
12615
|
}
|
|
12443
12616
|
render() {
|
|
12444
|
-
return (hAsync(Host, { key: '
|
|
12617
|
+
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" }))));
|
|
12445
12618
|
}
|
|
12446
12619
|
setColor() {
|
|
12447
12620
|
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) });
|
|
@@ -12493,7 +12666,7 @@ class CuraLoaderCircle {
|
|
|
12493
12666
|
};
|
|
12494
12667
|
}
|
|
12495
12668
|
render() {
|
|
12496
|
-
return (hAsync(Host, { key: '
|
|
12669
|
+
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" }))))));
|
|
12497
12670
|
}
|
|
12498
12671
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
12499
12672
|
static get cmpMeta() { return {
|
|
@@ -12528,7 +12701,7 @@ class CuraPageTemplate {
|
|
|
12528
12701
|
return classes;
|
|
12529
12702
|
}
|
|
12530
12703
|
render() {
|
|
12531
|
-
return (hAsync(Host, { key: '
|
|
12704
|
+
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' })))));
|
|
12532
12705
|
}
|
|
12533
12706
|
get host() { return getElement(this); }
|
|
12534
12707
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -12544,7 +12717,7 @@ class CuraPageTemplate {
|
|
|
12544
12717
|
}; }
|
|
12545
12718
|
}
|
|
12546
12719
|
|
|
12547
|
-
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.
|
|
12720
|
+
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}";
|
|
12548
12721
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
12549
12722
|
|
|
12550
12723
|
class CuraParagraph {
|
|
@@ -12594,7 +12767,7 @@ class CuraParagraph {
|
|
|
12594
12767
|
};
|
|
12595
12768
|
}
|
|
12596
12769
|
render() {
|
|
12597
|
-
return (hAsync(Host, { key: '
|
|
12770
|
+
return (hAsync(Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, hAsync("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
|
|
12598
12771
|
}
|
|
12599
12772
|
get host() { return getElement(this); }
|
|
12600
12773
|
static get watchers() { return {
|
|
@@ -12751,7 +12924,7 @@ class CuraRadio {
|
|
|
12751
12924
|
return statusColors[this.status][type];
|
|
12752
12925
|
}
|
|
12753
12926
|
render() {
|
|
12754
|
-
return (hAsync(Host, { key: '
|
|
12927
|
+
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 }))));
|
|
12755
12928
|
}
|
|
12756
12929
|
static get formAssociated() { return true; }
|
|
12757
12930
|
get host() { return getElement(this); }
|
|
@@ -13062,13 +13235,13 @@ class CuraSelect {
|
|
|
13062
13235
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13063
13236
|
}
|
|
13064
13237
|
render() {
|
|
13065
|
-
return (hAsync(Host, { key: '
|
|
13238
|
+
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: {
|
|
13066
13239
|
'cura-input-field': true,
|
|
13067
13240
|
'open': this.isOpen
|
|
13068
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13241
|
+
} }, 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: {
|
|
13069
13242
|
'menu': true,
|
|
13070
13243
|
'open': this.isOpen
|
|
13071
|
-
} }, hAsync("slot", { key: '
|
|
13244
|
+
} }, hAsync("slot", { key: '8db3420024df6aa85f0e8265c6f88c9bb4a8811f', name: 'option' }))))));
|
|
13072
13245
|
}
|
|
13073
13246
|
static get formAssociated() { return true; }
|
|
13074
13247
|
get host() { return getElement(this); }
|
|
@@ -13141,7 +13314,7 @@ class CuraSelectOption {
|
|
|
13141
13314
|
};
|
|
13142
13315
|
}
|
|
13143
13316
|
render() {
|
|
13144
|
-
return (hAsync(Host, { key: '
|
|
13317
|
+
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" }))));
|
|
13145
13318
|
}
|
|
13146
13319
|
get host() { return getElement(this); }
|
|
13147
13320
|
static get watchers() { return {
|
|
@@ -13268,7 +13441,7 @@ class CuraSwitch {
|
|
|
13268
13441
|
return classes;
|
|
13269
13442
|
}
|
|
13270
13443
|
render() {
|
|
13271
|
-
return (hAsync(Host, { key: '
|
|
13444
|
+
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 }))))));
|
|
13272
13445
|
}
|
|
13273
13446
|
static get formAssociated() { return true; }
|
|
13274
13447
|
static get watchers() { return {
|
|
@@ -13324,7 +13497,7 @@ class CuraToast {
|
|
|
13324
13497
|
this.setStyle();
|
|
13325
13498
|
}
|
|
13326
13499
|
render() {
|
|
13327
|
-
return (hAsync(Host, { key: '
|
|
13500
|
+
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 }))));
|
|
13328
13501
|
}
|
|
13329
13502
|
componentDidLoad() {
|
|
13330
13503
|
this.openContainer();
|
|
@@ -13425,6 +13598,7 @@ registerComponents([
|
|
|
13425
13598
|
CuraCard,
|
|
13426
13599
|
CuraCheckbox,
|
|
13427
13600
|
CuraDisplay,
|
|
13601
|
+
CuraDistance,
|
|
13428
13602
|
CuraDropdownSearch,
|
|
13429
13603
|
CuraDropdownSearchOption,
|
|
13430
13604
|
CuraDropdownSearchOptionTitle,
|