@rededor/cura-hydrate 1.0.0-alpha.8 → 1.1.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 +295 -93
- package/index.mjs +295 -93
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -161,9 +161,9 @@ const ThemeDefault = {
|
|
|
161
161
|
font: {
|
|
162
162
|
size: '14px',
|
|
163
163
|
color: '#4A4A4A',
|
|
164
|
-
body: "'
|
|
165
|
-
heading: "'
|
|
166
|
-
display: "'
|
|
164
|
+
body: "'Gotham', Arial, Helvetica, sans-serif",
|
|
165
|
+
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
166
|
+
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
167
167
|
weights: {
|
|
168
168
|
thin: 100,
|
|
169
169
|
light: 300,
|
|
@@ -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
|
|
|
@@ -298,6 +298,22 @@ const ThemeLegacyDefault = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
298
298
|
'700': '149,94,29',
|
|
299
299
|
'900': '45,28,9'
|
|
300
300
|
}
|
|
301
|
+
},
|
|
302
|
+
/* Fonts */
|
|
303
|
+
font: {
|
|
304
|
+
size: '14px',
|
|
305
|
+
color: '#4A4A4A',
|
|
306
|
+
body: "'Roboto', Arial, Helvetica, sans-serif",
|
|
307
|
+
heading: "'Roboto', Arial, Helvetica, sans-serif",
|
|
308
|
+
display: "'Roboto', Arial, Helvetica, sans-serif",
|
|
309
|
+
weights: {
|
|
310
|
+
thin: 100,
|
|
311
|
+
light: 300,
|
|
312
|
+
regular: 400,
|
|
313
|
+
medium: 500,
|
|
314
|
+
bold: 700,
|
|
315
|
+
black: 900
|
|
316
|
+
},
|
|
301
317
|
} });
|
|
302
318
|
|
|
303
319
|
const ThemePresets = {
|
|
@@ -2944,7 +2960,7 @@ class CuraAlert {
|
|
|
2944
2960
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
2945
2961
|
}
|
|
2946
2962
|
render() {
|
|
2947
|
-
return (hAsync(Host, { key: '
|
|
2963
|
+
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
2964
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
2949
2965
|
: '')));
|
|
2950
2966
|
}
|
|
@@ -3020,7 +3036,7 @@ class CuraAvatar {
|
|
|
3020
3036
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3021
3037
|
}
|
|
3022
3038
|
render() {
|
|
3023
|
-
return (hAsync(Host, { key: '
|
|
3039
|
+
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
3040
|
}
|
|
3025
3041
|
get host() { return getElement(this); }
|
|
3026
3042
|
static get watchers() { return {
|
|
@@ -3048,7 +3064,14 @@ class CuraAvatar {
|
|
|
3048
3064
|
}; }
|
|
3049
3065
|
}
|
|
3050
3066
|
|
|
3051
|
-
const
|
|
3067
|
+
const labelSizes = {
|
|
3068
|
+
"small": "xsmall",
|
|
3069
|
+
"medium": "small",
|
|
3070
|
+
"large": "medium",
|
|
3071
|
+
"default": "medium"
|
|
3072
|
+
};
|
|
3073
|
+
|
|
3074
|
+
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
3075
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3053
3076
|
|
|
3054
3077
|
class CuraButton {
|
|
@@ -3075,6 +3098,7 @@ class CuraButton {
|
|
|
3075
3098
|
this.background = 'light';
|
|
3076
3099
|
this.fontColor = 'dark';
|
|
3077
3100
|
this.textAlign = 'left';
|
|
3101
|
+
this.justify = false;
|
|
3078
3102
|
this.styles = {};
|
|
3079
3103
|
this.hovered = false;
|
|
3080
3104
|
}
|
|
@@ -3114,12 +3138,13 @@ class CuraButton {
|
|
|
3114
3138
|
classes[`icon-only`] = this.iconOnly;
|
|
3115
3139
|
classes['disabled'] = this.disabled;
|
|
3116
3140
|
classes['isLoading'] = this.isLoading;
|
|
3141
|
+
classes['justify'] = this.justify;
|
|
3117
3142
|
return classes;
|
|
3118
3143
|
}
|
|
3119
3144
|
getIcon() {
|
|
3120
|
-
if (!this.iconName
|
|
3145
|
+
if (!this.iconName)
|
|
3121
3146
|
return '';
|
|
3122
|
-
const iconSize = this.size === '
|
|
3147
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3123
3148
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3124
3149
|
}
|
|
3125
3150
|
getSymbolColor() {
|
|
@@ -3143,7 +3168,9 @@ class CuraButton {
|
|
|
3143
3168
|
}
|
|
3144
3169
|
}
|
|
3145
3170
|
render() {
|
|
3146
|
-
|
|
3171
|
+
const symbolColor = this.getSymbolColor();
|
|
3172
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3173
|
+
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: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { class: "label", size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3147
3174
|
}
|
|
3148
3175
|
static get formAssociated() { return true; }
|
|
3149
3176
|
static get watchers() { return {
|
|
@@ -3169,16 +3196,17 @@ class CuraButton {
|
|
|
3169
3196
|
"background": [513],
|
|
3170
3197
|
"fontColor": [513, "font-color"],
|
|
3171
3198
|
"textAlign": [513, "text-align"],
|
|
3199
|
+
"justify": [516],
|
|
3172
3200
|
"styles": [32],
|
|
3173
3201
|
"hovered": [32]
|
|
3174
3202
|
},
|
|
3175
3203
|
"$listeners$": undefined,
|
|
3176
3204
|
"$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"]]
|
|
3205
|
+
"$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
3206
|
}; }
|
|
3179
3207
|
}
|
|
3180
3208
|
|
|
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;
|
|
3209
|
+
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
3210
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3183
3211
|
|
|
3184
3212
|
class CuraButtonOutline$1 {
|
|
@@ -3205,6 +3233,7 @@ class CuraButtonOutline$1 {
|
|
|
3205
3233
|
this.background = 'light';
|
|
3206
3234
|
this.fontColor = 'dark';
|
|
3207
3235
|
this.textAlign = 'left';
|
|
3236
|
+
this.justify = false;
|
|
3208
3237
|
this.styles = {};
|
|
3209
3238
|
this.hovered = false;
|
|
3210
3239
|
}
|
|
@@ -3228,6 +3257,7 @@ class CuraButtonOutline$1 {
|
|
|
3228
3257
|
classes[`icon-only`] = this.iconOnly;
|
|
3229
3258
|
classes['disabled'] = this.disabled;
|
|
3230
3259
|
classes['isLoading'] = this.isLoading;
|
|
3260
|
+
classes['justify'] = this.justify;
|
|
3231
3261
|
return classes;
|
|
3232
3262
|
}
|
|
3233
3263
|
setColors() {
|
|
@@ -3241,9 +3271,9 @@ class CuraButtonOutline$1 {
|
|
|
3241
3271
|
this.styles = Object.assign({}, this.styles);
|
|
3242
3272
|
}
|
|
3243
3273
|
getIcon() {
|
|
3244
|
-
if (!this.iconName
|
|
3274
|
+
if (!this.iconName)
|
|
3245
3275
|
return '';
|
|
3246
|
-
const iconSize = this.size === '
|
|
3276
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3247
3277
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3248
3278
|
}
|
|
3249
3279
|
handleMouseEnter() {
|
|
@@ -3257,8 +3287,7 @@ class CuraButtonOutline$1 {
|
|
|
3257
3287
|
getSymbolColor() {
|
|
3258
3288
|
if (this.disabled)
|
|
3259
3289
|
return 'neutral-dark';
|
|
3260
|
-
|
|
3261
|
-
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3290
|
+
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3262
3291
|
}
|
|
3263
3292
|
handleClick(e) {
|
|
3264
3293
|
if (this.disabled || this.isLoading) {
|
|
@@ -3273,7 +3302,9 @@ class CuraButtonOutline$1 {
|
|
|
3273
3302
|
}
|
|
3274
3303
|
}
|
|
3275
3304
|
render() {
|
|
3276
|
-
|
|
3305
|
+
const symbolColor = this.getSymbolColor();
|
|
3306
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3307
|
+
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: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3277
3308
|
}
|
|
3278
3309
|
static get formAssociated() { return true; }
|
|
3279
3310
|
static get watchers() { return {
|
|
@@ -3300,16 +3331,17 @@ class CuraButtonOutline$1 {
|
|
|
3300
3331
|
"background": [1],
|
|
3301
3332
|
"fontColor": [1, "font-color"],
|
|
3302
3333
|
"textAlign": [513, "text-align"],
|
|
3334
|
+
"justify": [516],
|
|
3303
3335
|
"styles": [32],
|
|
3304
3336
|
"hovered": [32]
|
|
3305
3337
|
},
|
|
3306
3338
|
"$listeners$": undefined,
|
|
3307
3339
|
"$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"]]
|
|
3340
|
+
"$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
3341
|
}; }
|
|
3310
3342
|
}
|
|
3311
3343
|
|
|
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) *
|
|
3344
|
+
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
3345
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3314
3346
|
|
|
3315
3347
|
class CuraButtonOutline {
|
|
@@ -3393,7 +3425,7 @@ class CuraButtonOutline {
|
|
|
3393
3425
|
return classes;
|
|
3394
3426
|
}
|
|
3395
3427
|
render() {
|
|
3396
|
-
return (hAsync(Host, { key: '
|
|
3428
|
+
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
3429
|
}
|
|
3398
3430
|
static get watchers() { return {
|
|
3399
3431
|
"background": ["setColors", "assignColor"],
|
|
@@ -3421,7 +3453,7 @@ class CuraButtonOutline {
|
|
|
3421
3453
|
}; }
|
|
3422
3454
|
}
|
|
3423
3455
|
|
|
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
|
|
3456
|
+
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
3457
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3426
3458
|
|
|
3427
3459
|
class CuraButtonTransparent {
|
|
@@ -3445,8 +3477,9 @@ class CuraButtonTransparent {
|
|
|
3445
3477
|
this.href = undefined;
|
|
3446
3478
|
this.target = "_self";
|
|
3447
3479
|
this.color = 'primary';
|
|
3448
|
-
this.fontColor = '
|
|
3480
|
+
this.fontColor = 'dark';
|
|
3449
3481
|
this.textAlign = 'left';
|
|
3482
|
+
this.justify = false;
|
|
3450
3483
|
this.hovered = false;
|
|
3451
3484
|
this.styles = {};
|
|
3452
3485
|
}
|
|
@@ -3468,12 +3501,13 @@ class CuraButtonTransparent {
|
|
|
3468
3501
|
classes[`icon-only`] = this.iconOnly;
|
|
3469
3502
|
classes['disabled'] = this.disabled;
|
|
3470
3503
|
classes['isLoading'] = this.isLoading;
|
|
3504
|
+
classes['justify'] = this.justify;
|
|
3471
3505
|
return classes;
|
|
3472
3506
|
}
|
|
3473
3507
|
getIcon() {
|
|
3474
|
-
if (!this.iconName
|
|
3508
|
+
if (!this.iconName)
|
|
3475
3509
|
return null;
|
|
3476
|
-
const iconSize = this.size === '
|
|
3510
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3477
3511
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3478
3512
|
}
|
|
3479
3513
|
handleMouseEnter() {
|
|
@@ -3489,8 +3523,7 @@ class CuraButtonTransparent {
|
|
|
3489
3523
|
return 'neutral-dark';
|
|
3490
3524
|
if (this.hovered && !this.isLoading)
|
|
3491
3525
|
return this.fontColor === 'light' ? `${this.color}-light` : `${this.color}-darker`;
|
|
3492
|
-
|
|
3493
|
-
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-darker`;
|
|
3526
|
+
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-dark`;
|
|
3494
3527
|
}
|
|
3495
3528
|
handleClick(e) {
|
|
3496
3529
|
if (this.disabled || this.isLoading) {
|
|
@@ -3505,7 +3538,9 @@ class CuraButtonTransparent {
|
|
|
3505
3538
|
}
|
|
3506
3539
|
}
|
|
3507
3540
|
render() {
|
|
3508
|
-
|
|
3541
|
+
const symbolColor = this.getSymbolColor();
|
|
3542
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3543
|
+
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: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '105%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3509
3544
|
}
|
|
3510
3545
|
static get formAssociated() { return true; }
|
|
3511
3546
|
static get watchers() { return {
|
|
@@ -3527,15 +3562,16 @@ class CuraButtonTransparent {
|
|
|
3527
3562
|
"iconOnly": [516, "icon-only"],
|
|
3528
3563
|
"href": [513],
|
|
3529
3564
|
"target": [513],
|
|
3530
|
-
"color": [
|
|
3565
|
+
"color": [513],
|
|
3531
3566
|
"fontColor": [513, "font-color"],
|
|
3532
3567
|
"textAlign": [513, "text-align"],
|
|
3568
|
+
"justify": [516],
|
|
3533
3569
|
"hovered": [32],
|
|
3534
3570
|
"styles": [32]
|
|
3535
3571
|
},
|
|
3536
3572
|
"$listeners$": undefined,
|
|
3537
3573
|
"$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"]]
|
|
3574
|
+
"$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
3575
|
}; }
|
|
3540
3576
|
}
|
|
3541
3577
|
|
|
@@ -3826,6 +3862,31 @@ function startOfDay(dirtyDate) {
|
|
|
3826
3862
|
return date;
|
|
3827
3863
|
}
|
|
3828
3864
|
|
|
3865
|
+
/**
|
|
3866
|
+
* @name addWeeks
|
|
3867
|
+
* @category Week Helpers
|
|
3868
|
+
* @summary Add the specified number of weeks to the given date.
|
|
3869
|
+
*
|
|
3870
|
+
* @description
|
|
3871
|
+
* Add the specified number of week to the given date.
|
|
3872
|
+
*
|
|
3873
|
+
* @param {Date|Number} date - the date to be changed
|
|
3874
|
+
* @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`.
|
|
3875
|
+
* @returns {Date} the new date with the weeks added
|
|
3876
|
+
* @throws {TypeError} 2 arguments required
|
|
3877
|
+
*
|
|
3878
|
+
* @example
|
|
3879
|
+
* // Add 4 weeks to 1 September 2014:
|
|
3880
|
+
* const result = addWeeks(new Date(2014, 8, 1), 4)
|
|
3881
|
+
* //=> Mon Sep 29 2014 00:00:00
|
|
3882
|
+
*/
|
|
3883
|
+
function addWeeks(dirtyDate, dirtyAmount) {
|
|
3884
|
+
requiredArgs(2, arguments);
|
|
3885
|
+
var amount = toInteger(dirtyAmount);
|
|
3886
|
+
var days = amount * 7;
|
|
3887
|
+
return addDays(dirtyDate, days);
|
|
3888
|
+
}
|
|
3889
|
+
|
|
3829
3890
|
/**
|
|
3830
3891
|
* Days in 1 week.
|
|
3831
3892
|
*
|
|
@@ -6614,6 +6675,30 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
6614
6675
|
return addMonths(dirtyDate, -amount);
|
|
6615
6676
|
}
|
|
6616
6677
|
|
|
6678
|
+
/**
|
|
6679
|
+
* @name subWeeks
|
|
6680
|
+
* @category Week Helpers
|
|
6681
|
+
* @summary Subtract the specified number of weeks from the given date.
|
|
6682
|
+
*
|
|
6683
|
+
* @description
|
|
6684
|
+
* Subtract the specified number of weeks from the given date.
|
|
6685
|
+
*
|
|
6686
|
+
* @param {Date|Number} date - the date to be changed
|
|
6687
|
+
* @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`.
|
|
6688
|
+
* @returns {Date} the new date with the weeks subtracted
|
|
6689
|
+
* @throws {TypeError} 2 arguments required
|
|
6690
|
+
*
|
|
6691
|
+
* @example
|
|
6692
|
+
* // Subtract 4 weeks from 1 September 2014:
|
|
6693
|
+
* const result = subWeeks(new Date(2014, 8, 1), 4)
|
|
6694
|
+
* //=> Mon Aug 04 2014 00:00:00
|
|
6695
|
+
*/
|
|
6696
|
+
function subWeeks(dirtyDate, dirtyAmount) {
|
|
6697
|
+
requiredArgs(2, arguments);
|
|
6698
|
+
var amount = toInteger(dirtyAmount);
|
|
6699
|
+
return addWeeks(dirtyDate, -amount);
|
|
6700
|
+
}
|
|
6701
|
+
|
|
6617
6702
|
var dateFormats$1 = {
|
|
6618
6703
|
full: 'EEEE, d MMMM yyyy',
|
|
6619
6704
|
long: 'd MMMM yyyy',
|
|
@@ -7053,7 +7138,7 @@ var locale = {
|
|
|
7053
7138
|
};
|
|
7054
7139
|
var ptBR = locale;
|
|
7055
7140
|
|
|
7056
|
-
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);
|
|
7141
|
+
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:268px;border-radius:4px;overflow:hidden;background:#fff;font-family:var(--font-family)}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}: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:7px 10px 0px;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}.teste{width:100%}";
|
|
7057
7142
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7058
7143
|
|
|
7059
7144
|
class CuraCalendar {
|
|
@@ -7063,8 +7148,8 @@ class CuraCalendar {
|
|
|
7063
7148
|
this.theme = window.CuraAPI.theme;
|
|
7064
7149
|
this.weights = this.theme.fonts.getWeights();
|
|
7065
7150
|
this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
|
|
7066
|
-
this.period =
|
|
7067
|
-
this.width = '
|
|
7151
|
+
this.period = null;
|
|
7152
|
+
this.width = '268px';
|
|
7068
7153
|
this.mode = 'single';
|
|
7069
7154
|
this.dateFormat = 'yyyy-MM-dd';
|
|
7070
7155
|
this.locale = 'pt-BR';
|
|
@@ -7073,6 +7158,11 @@ class CuraCalendar {
|
|
|
7073
7158
|
this.enable = [];
|
|
7074
7159
|
this.defaultDate = [];
|
|
7075
7160
|
this.limitRange = null;
|
|
7161
|
+
this.disablePassDates = undefined;
|
|
7162
|
+
this.disableFutureDates = undefined;
|
|
7163
|
+
this.collapsed = null;
|
|
7164
|
+
this.floating = undefined;
|
|
7165
|
+
this.embedded = undefined;
|
|
7076
7166
|
this.currentDate = new Date();
|
|
7077
7167
|
this.selectedDates = [];
|
|
7078
7168
|
this.rangeStart = null;
|
|
@@ -7123,6 +7213,9 @@ class CuraCalendar {
|
|
|
7123
7213
|
* @returns {boolean} Whether the date is valid.
|
|
7124
7214
|
*/
|
|
7125
7215
|
isDateInValidPeriod(date) {
|
|
7216
|
+
if (this.period === null) {
|
|
7217
|
+
return true;
|
|
7218
|
+
}
|
|
7126
7219
|
return this.period.includes(format(date, this.dateFormat));
|
|
7127
7220
|
}
|
|
7128
7221
|
/**
|
|
@@ -7150,6 +7243,14 @@ class CuraCalendar {
|
|
|
7150
7243
|
* @returns {boolean} Whether the date is disabled.
|
|
7151
7244
|
*/
|
|
7152
7245
|
isDateInDisabledPeriod(date) {
|
|
7246
|
+
const today = new Date();
|
|
7247
|
+
today.setHours(0, 0, 0, 0);
|
|
7248
|
+
if (this.disablePassDates)
|
|
7249
|
+
return isBefore(date, today);
|
|
7250
|
+
if (this.disableFutureDates)
|
|
7251
|
+
return isAfter(date, today);
|
|
7252
|
+
if (this.disable === null)
|
|
7253
|
+
return false;
|
|
7153
7254
|
return this.isDateInList(this.expandDateRanges(this.disable), date);
|
|
7154
7255
|
}
|
|
7155
7256
|
/**
|
|
@@ -7159,7 +7260,7 @@ class CuraCalendar {
|
|
|
7159
7260
|
* @returns {boolean} Whether the date is enabled.
|
|
7160
7261
|
*/
|
|
7161
7262
|
isDateInEnabledPeriod(date) {
|
|
7162
|
-
if (this.enable
|
|
7263
|
+
if (this.enable === null || [])
|
|
7163
7264
|
return true;
|
|
7164
7265
|
return this.isDateInList(this.expandDateRanges(this.enable), date);
|
|
7165
7266
|
}
|
|
@@ -7203,7 +7304,7 @@ class CuraCalendar {
|
|
|
7203
7304
|
*/
|
|
7204
7305
|
onMonthDropdownChange(event) {
|
|
7205
7306
|
const { months } = this.fetchMonthNames();
|
|
7206
|
-
const newMonth = event.detail
|
|
7307
|
+
const newMonth = event.detail;
|
|
7207
7308
|
this.selectMonth = newMonth;
|
|
7208
7309
|
this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
|
|
7209
7310
|
}
|
|
@@ -7213,7 +7314,7 @@ class CuraCalendar {
|
|
|
7213
7314
|
* @param {CustomEvent} event - The change event.
|
|
7214
7315
|
*/
|
|
7215
7316
|
onYearDropdownChange(event) {
|
|
7216
|
-
const newYear = event.detail
|
|
7317
|
+
const newYear = event.detail;
|
|
7217
7318
|
this.selectYear = newYear;
|
|
7218
7319
|
this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
|
|
7219
7320
|
}
|
|
@@ -7305,11 +7406,38 @@ class CuraCalendar {
|
|
|
7305
7406
|
*
|
|
7306
7407
|
* @returns {(Date | null)[]} An array of dates and nulls for the current month view.
|
|
7307
7408
|
*/
|
|
7409
|
+
showNotColapsedCalendar() {
|
|
7410
|
+
if (this.collapsed) {
|
|
7411
|
+
this.fetchDaysOfWeek();
|
|
7412
|
+
}
|
|
7413
|
+
else
|
|
7414
|
+
(this.fetchDaysOfMonth());
|
|
7415
|
+
this.collapsed = false;
|
|
7416
|
+
}
|
|
7417
|
+
showColapsedCalendar() {
|
|
7418
|
+
this.collapsed = true;
|
|
7419
|
+
return this.fetchDaysOfWeek();
|
|
7420
|
+
}
|
|
7421
|
+
fetchDaysOfWeek() {
|
|
7422
|
+
const DAYS_IN_CALENDAR_VIEW = 7;
|
|
7423
|
+
const start = startOfWeek(this.currentDate);
|
|
7424
|
+
const end = endOfWeek(this.currentDate);
|
|
7425
|
+
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7426
|
+
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7427
|
+
}
|
|
7428
|
+
updateCurrentWeek(direction) {
|
|
7429
|
+
let newWeek = new Date(this.currentDate);
|
|
7430
|
+
if (direction === 'prev')
|
|
7431
|
+
newWeek = subWeeks(this.currentDate, 1);
|
|
7432
|
+
if (direction === 'next')
|
|
7433
|
+
newWeek = addWeeks(this.currentDate, 1);
|
|
7434
|
+
this.currentDate = newWeek;
|
|
7435
|
+
}
|
|
7308
7436
|
fetchDaysOfMonth() {
|
|
7309
|
-
const start = startOfMonth(this.currentDate);
|
|
7310
|
-
const end = endOfMonth(this.currentDate);
|
|
7311
7437
|
const WEEKS_IN_CALENDAR_VIEW = 6;
|
|
7312
7438
|
const DAYS_IN_CALENDAR_VIEW = 42;
|
|
7439
|
+
const start = startOfMonth(this.currentDate);
|
|
7440
|
+
const end = endOfMonth(this.currentDate);
|
|
7313
7441
|
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7314
7442
|
const prevMonthStart = startOfMonth(addMonths(start, -1));
|
|
7315
7443
|
const prevMonthEnd = endOfMonth(prevMonthStart);
|
|
@@ -7364,7 +7492,7 @@ class CuraCalendar {
|
|
|
7364
7492
|
*/
|
|
7365
7493
|
determinePrevButtonColor() {
|
|
7366
7494
|
const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
|
|
7367
|
-
return isPrevDisabled
|
|
7495
|
+
return isPrevDisabled && 'primary-base';
|
|
7368
7496
|
}
|
|
7369
7497
|
/**
|
|
7370
7498
|
* Get the status of a given date, determining its position and interval status.
|
|
@@ -7438,7 +7566,9 @@ class CuraCalendar {
|
|
|
7438
7566
|
}
|
|
7439
7567
|
render() {
|
|
7440
7568
|
const { months } = this.fetchMonthNames();
|
|
7441
|
-
return (hAsync(Host, { key: '
|
|
7569
|
+
return (hAsync(Host, { key: 'c35f2925c454310e100ffb51291fe5dd590c67ad', style: this.getHostCSSProperties() }, hAsync("div", { key: 'e2b10e544856cd095735b85102ea7f74daf7312f', class: `calendar ${this.floating ? "floating" : ""} ${this.embedded ? "embedded" : ""}`, style: this.styles }, hAsync("header", { key: '68092a2f7fb49ee40ee318dba69f56a0caf2e4eb', class: "header" }, hAsync("div", { key: '5b29701bbde12a32085818ff85cc45f5cfde8d1c', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '48ac9b9790f493c4cc8f5ef7b4b54c1c22bd4286', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", color: this.determinePrevButtonColor(), onClick: !this.collapsed ? () => this.updateCurrentMonth('prev') : () => this.updateCurrentWeek('prev') }), this.type === 'dropdown' ? (hAsync("div", { class: "select" }, hAsync("cura-select", { size: 'small', class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: (e) => this.onMonthDropdownChange(e) }, months.map((month, index) => (hAsync("cura-select-option", { size: 'xsmall', key: index, value: month }, month)))), hAsync("cura-select", { size: 'small', class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: (e) => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (hAsync("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (hAsync("cura-label", { color: "neutral-black", size: "large" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), hAsync("cura-icon", { key: 'a50ea156b4d7a9e6d25393cf68a65ad72ce3679d', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: '742f91e5361baba1d4d6d2859276279ad24b0c71', 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: 'eb753228943697a38d9b96de60a56c74cdfbc1c7', class: "dates" }, !this.collapsed ?
|
|
7570
|
+
this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : ''))) :
|
|
7571
|
+
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
7572
|
}
|
|
7443
7573
|
static get style() { return CuraCalendarStyle0; }
|
|
7444
7574
|
static get cmpMeta() { return {
|
|
@@ -7448,13 +7578,18 @@ class CuraCalendar {
|
|
|
7448
7578
|
"period": [513],
|
|
7449
7579
|
"width": [513],
|
|
7450
7580
|
"mode": [513],
|
|
7451
|
-
"dateFormat": [
|
|
7581
|
+
"dateFormat": [1537, "date-format"],
|
|
7452
7582
|
"locale": [513],
|
|
7453
7583
|
"type": [513],
|
|
7454
7584
|
"disable": [16],
|
|
7455
7585
|
"enable": [16],
|
|
7456
7586
|
"defaultDate": [16],
|
|
7457
7587
|
"limitRange": [514, "limit-range"],
|
|
7588
|
+
"disablePassDates": [1540, "disable-pass-dates"],
|
|
7589
|
+
"disableFutureDates": [1540, "disable-future-dates"],
|
|
7590
|
+
"collapsed": [1540],
|
|
7591
|
+
"floating": [1540],
|
|
7592
|
+
"embedded": [1540],
|
|
7458
7593
|
"currentDate": [32],
|
|
7459
7594
|
"selectedDates": [32],
|
|
7460
7595
|
"rangeStart": [32],
|
|
@@ -7465,7 +7600,7 @@ class CuraCalendar {
|
|
|
7465
7600
|
},
|
|
7466
7601
|
"$listeners$": undefined,
|
|
7467
7602
|
"$lazyBundleId$": "-",
|
|
7468
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"]]
|
|
7603
|
+
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["disableFutureDates", "disable-future-dates"], ["collapsed", "collapsed"], ["floating", "floating"], ["embedded", "embedded"]]
|
|
7469
7604
|
}; }
|
|
7470
7605
|
}
|
|
7471
7606
|
|
|
@@ -7508,7 +7643,7 @@ class CuraCard {
|
|
|
7508
7643
|
return classes;
|
|
7509
7644
|
}
|
|
7510
7645
|
render() {
|
|
7511
|
-
return (hAsync(Host, { key: '
|
|
7646
|
+
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
7647
|
}
|
|
7513
7648
|
static get style() { return CuraCardStyle0; }
|
|
7514
7649
|
static get cmpMeta() { return {
|
|
@@ -7544,7 +7679,7 @@ const formsSizes = {
|
|
|
7544
7679
|
},
|
|
7545
7680
|
};
|
|
7546
7681
|
|
|
7547
|
-
const curaCheckboxCss = "@charset \"UTF-8\";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox
|
|
7682
|
+
const curaCheckboxCss = "@charset \"UTF-8\";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover{border-color:var(--color-base) !important;background:var(--color-light)}.indeterminate .checkbox{border-color:var(--color-base);background:var(--color-light)}.indeterminate .checkbox:hover{border-color:var(--color-dark) !important;background:var(--color-base)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}";
|
|
7548
7683
|
var CuraCheckboxStyle0 = curaCheckboxCss;
|
|
7549
7684
|
|
|
7550
7685
|
class CuraCheckbox {
|
|
@@ -7703,7 +7838,7 @@ class CuraCheckbox {
|
|
|
7703
7838
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
7704
7839
|
}
|
|
7705
7840
|
render() {
|
|
7706
|
-
return (hAsync(Host, { key: '
|
|
7841
|
+
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
7842
|
}
|
|
7708
7843
|
static get formAssociated() { return true; }
|
|
7709
7844
|
get host() { return getElement(this); }
|
|
@@ -7740,7 +7875,7 @@ class CuraCheckbox {
|
|
|
7740
7875
|
}; }
|
|
7741
7876
|
}
|
|
7742
7877
|
|
|
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}";
|
|
7878
|
+
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
7879
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
7745
7880
|
|
|
7746
7881
|
class CuraDisplay {
|
|
@@ -7748,6 +7883,7 @@ class CuraDisplay {
|
|
|
7748
7883
|
registerInstance(this, hostRef);
|
|
7749
7884
|
this.theme = window.CuraAPI.theme;
|
|
7750
7885
|
this.level = 1;
|
|
7886
|
+
this.size = 'large';
|
|
7751
7887
|
this.spotColor = 'accent-dark';
|
|
7752
7888
|
this.color = undefined;
|
|
7753
7889
|
this.marginBlock = '1.25em';
|
|
@@ -7767,7 +7903,8 @@ class CuraDisplay {
|
|
|
7767
7903
|
this.styles = {
|
|
7768
7904
|
'--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
|
|
7769
7905
|
'--font-size': window.CuraAPI.theme.fonts.getSize(),
|
|
7770
|
-
'--font-weight-bold': this.weights.bold
|
|
7906
|
+
'--font-weight-bold': this.weights.bold,
|
|
7907
|
+
'--font-weight-medium': this.weights.medium
|
|
7771
7908
|
};
|
|
7772
7909
|
}
|
|
7773
7910
|
hostCSSProperties() {
|
|
@@ -7783,20 +7920,27 @@ class CuraDisplay {
|
|
|
7783
7920
|
: this.theme.fonts.getColor();
|
|
7784
7921
|
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
7922
|
}
|
|
7923
|
+
getClasses() {
|
|
7924
|
+
var _a;
|
|
7925
|
+
const classes = {};
|
|
7926
|
+
classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
|
|
7927
|
+
return classes;
|
|
7928
|
+
}
|
|
7786
7929
|
getHeadingTag() {
|
|
7930
|
+
const classes = this.getClasses();
|
|
7787
7931
|
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))
|
|
7932
|
+
'1': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7933
|
+
'2': hAsync("h2", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7934
|
+
'3': hAsync("h3", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7935
|
+
'4': hAsync("h4", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7936
|
+
'5': hAsync("h5", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7937
|
+
'6': hAsync("h6", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7938
|
+
'default': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null))
|
|
7795
7939
|
};
|
|
7796
7940
|
return tags[`${this.level}`] || tags['default'];
|
|
7797
7941
|
}
|
|
7798
7942
|
render() {
|
|
7799
|
-
return (hAsync(Host, { key: '
|
|
7943
|
+
return (hAsync(Host, { key: 'ffd8e58f9bf50038554591ec2b191e0488ae0500', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
7800
7944
|
}
|
|
7801
7945
|
get host() { return getElement(this); }
|
|
7802
7946
|
static get watchers() { return {
|
|
@@ -7809,7 +7953,8 @@ class CuraDisplay {
|
|
|
7809
7953
|
"$tagName$": "cura-display",
|
|
7810
7954
|
"$members$": {
|
|
7811
7955
|
"level": [514],
|
|
7812
|
-
"
|
|
7956
|
+
"size": [513],
|
|
7957
|
+
"spotColor": [1, "spot-color"],
|
|
7813
7958
|
"color": [1],
|
|
7814
7959
|
"marginBlock": [513, "margin-block"],
|
|
7815
7960
|
"lineHeight": [513, "line-height"],
|
|
@@ -7817,7 +7962,57 @@ class CuraDisplay {
|
|
|
7817
7962
|
},
|
|
7818
7963
|
"$listeners$": undefined,
|
|
7819
7964
|
"$lazyBundleId$": "-",
|
|
7820
|
-
"$attrsToReflect$": [["level", "level"], ["
|
|
7965
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
7966
|
+
}; }
|
|
7967
|
+
}
|
|
7968
|
+
|
|
7969
|
+
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)}";
|
|
7970
|
+
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
7971
|
+
|
|
7972
|
+
class CuraDistance {
|
|
7973
|
+
constructor(hostRef) {
|
|
7974
|
+
registerInstance(this, hostRef);
|
|
7975
|
+
this.isThousandRounded = false;
|
|
7976
|
+
this.theme = window.CuraAPI.theme;
|
|
7977
|
+
this.distance = 0;
|
|
7978
|
+
this.label = 'km';
|
|
7979
|
+
this.styles = {};
|
|
7980
|
+
this.displayDistance = 0;
|
|
7981
|
+
}
|
|
7982
|
+
formatDistance() {
|
|
7983
|
+
const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
|
|
7984
|
+
this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
|
|
7985
|
+
this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
|
|
7986
|
+
}
|
|
7987
|
+
connectedCallback() {
|
|
7988
|
+
this.setCssProperties();
|
|
7989
|
+
this.formatDistance();
|
|
7990
|
+
}
|
|
7991
|
+
render() {
|
|
7992
|
+
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))));
|
|
7993
|
+
}
|
|
7994
|
+
setCssProperties() {
|
|
7995
|
+
this.styles = {
|
|
7996
|
+
'--neutral-pale': this.theme.colors.getColor(`neutral-pale`),
|
|
7997
|
+
'--base-spacing': this.theme.spacing.getSpacing()
|
|
7998
|
+
};
|
|
7999
|
+
}
|
|
8000
|
+
static get watchers() { return {
|
|
8001
|
+
"distance": ["formatDistance"]
|
|
8002
|
+
}; }
|
|
8003
|
+
static get style() { return CuraBadgeDistanceStyle0; }
|
|
8004
|
+
static get cmpMeta() { return {
|
|
8005
|
+
"$flags$": 9,
|
|
8006
|
+
"$tagName$": "cura-badge-distance",
|
|
8007
|
+
"$members$": {
|
|
8008
|
+
"distance": [2],
|
|
8009
|
+
"label": [513],
|
|
8010
|
+
"styles": [32],
|
|
8011
|
+
"displayDistance": [32]
|
|
8012
|
+
},
|
|
8013
|
+
"$listeners$": undefined,
|
|
8014
|
+
"$lazyBundleId$": "-",
|
|
8015
|
+
"$attrsToReflect$": [["label", "label"]]
|
|
7821
8016
|
}; }
|
|
7822
8017
|
}
|
|
7823
8018
|
|
|
@@ -7869,6 +8064,7 @@ class CuraDropdownSearch {
|
|
|
7869
8064
|
}
|
|
7870
8065
|
}
|
|
7871
8066
|
};
|
|
8067
|
+
this.size = 'large';
|
|
7872
8068
|
this.status = 'default';
|
|
7873
8069
|
this.disabled = false;
|
|
7874
8070
|
this.name = undefined;
|
|
@@ -7946,7 +8142,7 @@ class CuraDropdownSearch {
|
|
|
7946
8142
|
}
|
|
7947
8143
|
addClickListenersToOptions() {
|
|
7948
8144
|
this.options.forEach((option, index) => {
|
|
7949
|
-
option.addEventListener('
|
|
8145
|
+
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
7950
8146
|
});
|
|
7951
8147
|
}
|
|
7952
8148
|
updateSelectedOption(value) {
|
|
@@ -8011,14 +8207,14 @@ class CuraDropdownSearch {
|
|
|
8011
8207
|
return {
|
|
8012
8208
|
'dropdown-input-search': true,
|
|
8013
8209
|
'dropdown-open': this.isDropdownOpen,
|
|
8014
|
-
disabled: this.disabled,
|
|
8210
|
+
'disabled': this.disabled,
|
|
8015
8211
|
[this.status]: true,
|
|
8016
8212
|
};
|
|
8017
8213
|
}
|
|
8018
8214
|
getDropdownClasses() {
|
|
8019
8215
|
return {
|
|
8020
8216
|
'dropdown-search-list': true,
|
|
8021
|
-
'visible': this.options.length && this.isDropdownOpen ? true : false
|
|
8217
|
+
'visible': this.options.length && this.isDropdownOpen ? true : false,
|
|
8022
8218
|
};
|
|
8023
8219
|
}
|
|
8024
8220
|
hostCSSProperties() {
|
|
@@ -8028,9 +8224,9 @@ class CuraDropdownSearch {
|
|
|
8028
8224
|
}
|
|
8029
8225
|
render() {
|
|
8030
8226
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8031
|
-
return (hAsync(Host, { key: '
|
|
8227
|
+
return (hAsync(Host, { key: 'd0b8f3d5a755ad1898c046b9138f1e67ffaa7551', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '6f39302526074fbeb79258900300e9b0fae32a81', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: 'acc77ef22319099260652c7f3863c360d5f29438', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '2b69691925b17800a5a9ad212106700c79446d70', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: 'd13ea595a08ad01dc4f3c551d28d036b73068d5a', 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
8228
|
this.handleOnBlur();
|
|
8033
|
-
}, placeholder: this.placeholder, size:
|
|
8229
|
+
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '2a24a3c4e0909eb46e710f894e2a281f024496a4', name: "helperText" }))), hAsync("div", { key: 'af42a387f10bb455a812d89878dd65b15858a7ff', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '1d574b5166aad988bfd713abda3f6befebf44335', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8034
8230
|
}
|
|
8035
8231
|
get host() { return getElement(this); }
|
|
8036
8232
|
static get watchers() { return {
|
|
@@ -8041,6 +8237,7 @@ class CuraDropdownSearch {
|
|
|
8041
8237
|
"$flags$": 9,
|
|
8042
8238
|
"$tagName$": "cura-dropdown-search",
|
|
8043
8239
|
"$members$": {
|
|
8240
|
+
"size": [1537],
|
|
8044
8241
|
"status": [513],
|
|
8045
8242
|
"disabled": [516],
|
|
8046
8243
|
"name": [513],
|
|
@@ -8063,11 +8260,11 @@ class CuraDropdownSearch {
|
|
|
8063
8260
|
},
|
|
8064
8261
|
"$listeners$": undefined,
|
|
8065
8262
|
"$lazyBundleId$": "-",
|
|
8066
|
-
"$attrsToReflect$": [["status", "status"], ["disabled", "disabled"], ["name", "name"], ["required", "required"], ["selected", "selected"], ["value", "value"], ["placeholder", "placeholder"], ["label", "label"], ["iconName", "icon-name"], ["dropdownMaxHeight", "dropdown-max-height"]]
|
|
8263
|
+
"$attrsToReflect$": [["size", "size"], ["status", "status"], ["disabled", "disabled"], ["name", "name"], ["required", "required"], ["selected", "selected"], ["value", "value"], ["placeholder", "placeholder"], ["label", "label"], ["iconName", "icon-name"], ["dropdownMaxHeight", "dropdown-max-height"]]
|
|
8067
8264
|
}; }
|
|
8068
8265
|
}
|
|
8069
8266
|
|
|
8070
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type)
|
|
8267
|
+
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
8268
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8072
8269
|
|
|
8073
8270
|
class CuraDropdownSearchOption {
|
|
@@ -8093,6 +8290,7 @@ class CuraDropdownSearchOption {
|
|
|
8093
8290
|
}
|
|
8094
8291
|
connectedCallback() {
|
|
8095
8292
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8293
|
+
this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
|
|
8096
8294
|
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
8097
8295
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8098
8296
|
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
@@ -8108,11 +8306,12 @@ class CuraDropdownSearchOption {
|
|
|
8108
8306
|
}
|
|
8109
8307
|
}
|
|
8110
8308
|
render() {
|
|
8111
|
-
return (hAsync(Host, { key: '
|
|
8309
|
+
return (hAsync(Host, { key: '957218946adc6611a384d8e86860eb4f8ae50db3', slot: "dropdown-search-option" }, hAsync("div", { key: 'a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe', style: this.styles, class: {
|
|
8310
|
+
"option-container": true,
|
|
8112
8311
|
hovered: this.selectable ? this.hovered : false,
|
|
8113
8312
|
selected: this.selected,
|
|
8114
8313
|
disabled: !this.selectable
|
|
8115
|
-
} }, hAsync("slot", { key: '
|
|
8314
|
+
} }, 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
8315
|
}
|
|
8117
8316
|
get hostElement() { return getElement(this); }
|
|
8118
8317
|
static get watchers() { return {
|
|
@@ -8143,7 +8342,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8143
8342
|
registerInstance(this, hostRef);
|
|
8144
8343
|
}
|
|
8145
8344
|
render() {
|
|
8146
|
-
return (hAsync(Host, { key: '
|
|
8345
|
+
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
8346
|
}
|
|
8148
8347
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8149
8348
|
static get cmpMeta() { return {
|
|
@@ -8222,7 +8421,7 @@ class CuraHeading {
|
|
|
8222
8421
|
return tags[`${this.level}`] || tags['default'];
|
|
8223
8422
|
}
|
|
8224
8423
|
render() {
|
|
8225
|
-
return (hAsync(Host, { key: '
|
|
8424
|
+
return (hAsync(Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8226
8425
|
}
|
|
8227
8426
|
get host() { return getElement(this); }
|
|
8228
8427
|
static get watchers() { return {
|
|
@@ -8299,7 +8498,7 @@ class CuraIcon {
|
|
|
8299
8498
|
this.host.style.setProperty(prop, value);
|
|
8300
8499
|
}
|
|
8301
8500
|
render() {
|
|
8302
|
-
return (hAsync(Host, { key: '
|
|
8501
|
+
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
8502
|
}
|
|
8304
8503
|
get host() { return getElement(this); }
|
|
8305
8504
|
static get watchers() { return {
|
|
@@ -8324,7 +8523,7 @@ class CuraIcon {
|
|
|
8324
8523
|
}; }
|
|
8325
8524
|
}
|
|
8326
8525
|
|
|
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"];
|
|
8526
|
+
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
8527
|
|
|
8329
8528
|
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
8529
|
var CuraIconsViewStyle0 = curaIconsViewCss;
|
|
@@ -8343,9 +8542,9 @@ class CuraIconsView {
|
|
|
8343
8542
|
this.sizes.unshift(this.sizes.pop());
|
|
8344
8543
|
}
|
|
8345
8544
|
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: '
|
|
8545
|
+
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) ? '' :
|
|
8546
|
+
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) ? '' :
|
|
8547
|
+
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
8548
|
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8350
8549
|
}
|
|
8351
8550
|
static get style() { return CuraIconsViewStyle0; }
|
|
@@ -12394,7 +12593,7 @@ class CuraLabel {
|
|
|
12394
12593
|
};
|
|
12395
12594
|
}
|
|
12396
12595
|
render() {
|
|
12397
|
-
return (hAsync(Host, { key: '
|
|
12596
|
+
return (hAsync(Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, hAsync("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
|
|
12398
12597
|
}
|
|
12399
12598
|
get host() { return getElement(this); }
|
|
12400
12599
|
static get watchers() { return {
|
|
@@ -12441,7 +12640,7 @@ class CuraLoaderBar {
|
|
|
12441
12640
|
this.setProgress();
|
|
12442
12641
|
}
|
|
12443
12642
|
render() {
|
|
12444
|
-
return (hAsync(Host, { key: '
|
|
12643
|
+
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
12644
|
}
|
|
12446
12645
|
setColor() {
|
|
12447
12646
|
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 +12692,7 @@ class CuraLoaderCircle {
|
|
|
12493
12692
|
};
|
|
12494
12693
|
}
|
|
12495
12694
|
render() {
|
|
12496
|
-
return (hAsync(Host, { key: '
|
|
12695
|
+
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
12696
|
}
|
|
12498
12697
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
12499
12698
|
static get cmpMeta() { return {
|
|
@@ -12528,7 +12727,7 @@ class CuraPageTemplate {
|
|
|
12528
12727
|
return classes;
|
|
12529
12728
|
}
|
|
12530
12729
|
render() {
|
|
12531
|
-
return (hAsync(Host, { key: '
|
|
12730
|
+
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
12731
|
}
|
|
12533
12732
|
get host() { return getElement(this); }
|
|
12534
12733
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -12544,7 +12743,7 @@ class CuraPageTemplate {
|
|
|
12544
12743
|
}; }
|
|
12545
12744
|
}
|
|
12546
12745
|
|
|
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.
|
|
12746
|
+
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),:host ::slotted(span a),:host ::slotted(a:-webkit-any-link),:host p 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
12747
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
12549
12748
|
|
|
12550
12749
|
class CuraParagraph {
|
|
@@ -12594,7 +12793,7 @@ class CuraParagraph {
|
|
|
12594
12793
|
};
|
|
12595
12794
|
}
|
|
12596
12795
|
render() {
|
|
12597
|
-
return (hAsync(Host, { key: '
|
|
12796
|
+
return (hAsync(Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, hAsync("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
|
|
12598
12797
|
}
|
|
12599
12798
|
get host() { return getElement(this); }
|
|
12600
12799
|
static get watchers() { return {
|
|
@@ -12751,7 +12950,7 @@ class CuraRadio {
|
|
|
12751
12950
|
return statusColors[this.status][type];
|
|
12752
12951
|
}
|
|
12753
12952
|
render() {
|
|
12754
|
-
return (hAsync(Host, { key: '
|
|
12953
|
+
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
12954
|
}
|
|
12756
12955
|
static get formAssociated() { return true; }
|
|
12757
12956
|
get host() { return getElement(this); }
|
|
@@ -12785,7 +12984,7 @@ class CuraRadio {
|
|
|
12785
12984
|
}; }
|
|
12786
12985
|
}
|
|
12787
12986
|
|
|
12788
|
-
const curaSelectCss = ":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:12px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field input{padding:0px 12px 0px 8px}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within .cura-input-field input{color:var(--neutral-black) !important}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:285px;overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important}";
|
|
12987
|
+
const curaSelectCss = ":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:12px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within .cura-input-field input{color:var(--neutral-black) !important}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:285px;overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important}";
|
|
12789
12988
|
var CuraSelectStyle0 = curaSelectCss;
|
|
12790
12989
|
|
|
12791
12990
|
class CuraSelect {
|
|
@@ -12871,6 +13070,7 @@ class CuraSelect {
|
|
|
12871
13070
|
this.status = 'default';
|
|
12872
13071
|
this.disabled = false;
|
|
12873
13072
|
this.required = false;
|
|
13073
|
+
this.searchBehavior = false;
|
|
12874
13074
|
this.isHovered = false;
|
|
12875
13075
|
this.isFocused = false;
|
|
12876
13076
|
this.isOpen = false;
|
|
@@ -12885,7 +13085,7 @@ class CuraSelect {
|
|
|
12885
13085
|
* Filters the options based on the current input value.
|
|
12886
13086
|
*/
|
|
12887
13087
|
filterOptions(newText) {
|
|
12888
|
-
if (!this.isOpen) {
|
|
13088
|
+
if (!this.isOpen || !this.searchBehavior) {
|
|
12889
13089
|
return;
|
|
12890
13090
|
}
|
|
12891
13091
|
this.options.forEach(option => {
|
|
@@ -13062,13 +13262,13 @@ class CuraSelect {
|
|
|
13062
13262
|
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
13263
|
}
|
|
13064
13264
|
render() {
|
|
13065
|
-
return (hAsync(Host, { key: '
|
|
13265
|
+
return (hAsync(Host, { key: 'f6447e417389cc714eeee6ace4cf8493c1f8eac6', style: this.styles }, hAsync("div", { key: 'e12e26480be1c5c3065f2934268936075283a162', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: 'bbcf482d764f67371f736d74317059cb6ef9155a', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: 'b38876233f76c11037dfa4f2e0847acfce9c855c', class: 'required' }, "* "))), hAsync("div", { key: '1b56deba7ad5b7d263ffbf9f5e666a882efa30bf', class: {
|
|
13066
13266
|
'cura-input-field': true,
|
|
13067
13267
|
'open': this.isOpen
|
|
13068
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13268
|
+
} }, this.renderIcon(), hAsync("input", { key: 'dba0c9ed720cdde8679b05df09b8957b15651df2', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), hAsync("cura-icon", { key: 'b6a6dda0bfe4a66d80bf3cff1630456495614c17', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: '8bcb1e2903e00926b7f99b44a3f179160a8f10da', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: '65c9ebcedaaad1131ba14962da9240ff8784c4f6' })), this.isOpen && (hAsync("div", { key: 'e25fd607d58aa8ff812c9b41a242867bc0d3ecf7', class: {
|
|
13069
13269
|
'menu': true,
|
|
13070
13270
|
'open': this.isOpen
|
|
13071
|
-
} }, hAsync("slot", { key: '
|
|
13271
|
+
} }, hAsync("slot", { key: '59eed2c893fa1201950611e234a137bf8a5dc7d4', name: 'option' }))))));
|
|
13072
13272
|
}
|
|
13073
13273
|
static get formAssociated() { return true; }
|
|
13074
13274
|
get host() { return getElement(this); }
|
|
@@ -13090,6 +13290,7 @@ class CuraSelect {
|
|
|
13090
13290
|
"status": [1537],
|
|
13091
13291
|
"disabled": [516],
|
|
13092
13292
|
"required": [516],
|
|
13293
|
+
"searchBehavior": [516, "search-behavior"],
|
|
13093
13294
|
"isHovered": [32],
|
|
13094
13295
|
"isFocused": [32],
|
|
13095
13296
|
"isOpen": [32],
|
|
@@ -13099,7 +13300,7 @@ class CuraSelect {
|
|
|
13099
13300
|
},
|
|
13100
13301
|
"$listeners$": undefined,
|
|
13101
13302
|
"$lazyBundleId$": "-",
|
|
13102
|
-
"$attrsToReflect$": [["label", "label"], ["placeholder", "placeholder"], ["value", "value"], ["mode", "mode"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"]]
|
|
13303
|
+
"$attrsToReflect$": [["label", "label"], ["placeholder", "placeholder"], ["value", "value"], ["mode", "mode"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"], ["searchBehavior", "search-behavior"]]
|
|
13103
13304
|
}; }
|
|
13104
13305
|
}
|
|
13105
13306
|
|
|
@@ -13141,7 +13342,7 @@ class CuraSelectOption {
|
|
|
13141
13342
|
};
|
|
13142
13343
|
}
|
|
13143
13344
|
render() {
|
|
13144
|
-
return (hAsync(Host, { key: '
|
|
13345
|
+
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
13346
|
}
|
|
13146
13347
|
get host() { return getElement(this); }
|
|
13147
13348
|
static get watchers() { return {
|
|
@@ -13268,7 +13469,7 @@ class CuraSwitch {
|
|
|
13268
13469
|
return classes;
|
|
13269
13470
|
}
|
|
13270
13471
|
render() {
|
|
13271
|
-
return (hAsync(Host, { key: '
|
|
13472
|
+
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
13473
|
}
|
|
13273
13474
|
static get formAssociated() { return true; }
|
|
13274
13475
|
static get watchers() { return {
|
|
@@ -13324,7 +13525,7 @@ class CuraToast {
|
|
|
13324
13525
|
this.setStyle();
|
|
13325
13526
|
}
|
|
13326
13527
|
render() {
|
|
13327
|
-
return (hAsync(Host, { key: '
|
|
13528
|
+
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
13529
|
}
|
|
13329
13530
|
componentDidLoad() {
|
|
13330
13531
|
this.openContainer();
|
|
@@ -13425,6 +13626,7 @@ registerComponents([
|
|
|
13425
13626
|
CuraCard,
|
|
13426
13627
|
CuraCheckbox,
|
|
13427
13628
|
CuraDisplay,
|
|
13629
|
+
CuraDistance,
|
|
13428
13630
|
CuraDropdownSearch,
|
|
13429
13631
|
CuraDropdownSearchOption,
|
|
13430
13632
|
CuraDropdownSearchOptionTitle,
|