@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.js
CHANGED
|
@@ -165,9 +165,9 @@ const ThemeDefault = {
|
|
|
165
165
|
font: {
|
|
166
166
|
size: '14px',
|
|
167
167
|
color: '#4A4A4A',
|
|
168
|
-
body: "'
|
|
169
|
-
heading: "'
|
|
170
|
-
display: "'
|
|
168
|
+
body: "'Gotham', Arial, Helvetica, sans-serif",
|
|
169
|
+
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
170
|
+
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
171
171
|
weights: {
|
|
172
172
|
thin: 100,
|
|
173
173
|
light: 300,
|
|
@@ -214,12 +214,12 @@ const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
214
214
|
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
215
215
|
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
216
216
|
weights: {
|
|
217
|
-
thin:
|
|
218
|
-
light:
|
|
219
|
-
regular:
|
|
220
|
-
medium:
|
|
221
|
-
bold:
|
|
222
|
-
black:
|
|
217
|
+
thin: 100,
|
|
218
|
+
light: 300,
|
|
219
|
+
regular: 400,
|
|
220
|
+
medium: 500,
|
|
221
|
+
bold: 700,
|
|
222
|
+
black: 900
|
|
223
223
|
},
|
|
224
224
|
} });
|
|
225
225
|
|
|
@@ -302,6 +302,22 @@ const ThemeLegacyDefault = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
302
302
|
'700': '149,94,29',
|
|
303
303
|
'900': '45,28,9'
|
|
304
304
|
}
|
|
305
|
+
},
|
|
306
|
+
/* Fonts */
|
|
307
|
+
font: {
|
|
308
|
+
size: '14px',
|
|
309
|
+
color: '#4A4A4A',
|
|
310
|
+
body: "'Roboto', Arial, Helvetica, sans-serif",
|
|
311
|
+
heading: "'Roboto', Arial, Helvetica, sans-serif",
|
|
312
|
+
display: "'Roboto', Arial, Helvetica, sans-serif",
|
|
313
|
+
weights: {
|
|
314
|
+
thin: 100,
|
|
315
|
+
light: 300,
|
|
316
|
+
regular: 400,
|
|
317
|
+
medium: 500,
|
|
318
|
+
bold: 700,
|
|
319
|
+
black: 900
|
|
320
|
+
},
|
|
305
321
|
} });
|
|
306
322
|
|
|
307
323
|
const ThemePresets = {
|
|
@@ -2948,7 +2964,7 @@ class CuraAlert {
|
|
|
2948
2964
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
2949
2965
|
}
|
|
2950
2966
|
render() {
|
|
2951
|
-
return (hAsync(Host, { key: '
|
|
2967
|
+
return (hAsync(Host, { key: 'b7b63129f2d0c1d2f8b451a7f795befc9e085238' }, hAsync("div", { key: 'b8450a11d65f0bbb3c9f688fccbb38efc7bf223c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '9a5dc4295f7c40362a86f77fe805127590812f15', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '6bbe4799d3f73df0cda2e94da2d71cdc1bfc855a', class: "content" }, hAsync("cura-label", { key: '8b761ec2804bb5633893af8ed91f5de268bbf029', class: "title", size: "small", color: "neutral-darker", weight: "bold" }, this.label), hAsync("cura-paragraph", { key: '4e7e7726758c26f1f397e8efc84d5eba1c88b428', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'f589c6fb9016b43b3557492a3ef1b4ede4a807a6' })), hAsync("div", { key: 'b212e9255855b96d5c069dd7544675386f00b372', class: "actions" }, hAsync("slot", { key: '174dfcc7dfc4ff3e29185843e010dddae75463f5', name: "actions" }))), this.closeable ?
|
|
2952
2968
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
2953
2969
|
: '')));
|
|
2954
2970
|
}
|
|
@@ -3024,7 +3040,7 @@ class CuraAvatar {
|
|
|
3024
3040
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3025
3041
|
}
|
|
3026
3042
|
render() {
|
|
3027
|
-
return (hAsync(Host, { key: '
|
|
3043
|
+
return (hAsync(Host, { key: 'fc8fbe9cdcab86398c83a55d006badb870ee959a', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: '6a107805cd770b98e74f7b0475c9896f59e51832', class: this.getClasses(), style: this.styles }, hAsync("img", { key: '4bd7991bd32b0aa6f87d0725303960b0b4c3b0b9', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
3028
3044
|
}
|
|
3029
3045
|
get host() { return getElement(this); }
|
|
3030
3046
|
static get watchers() { return {
|
|
@@ -3052,7 +3068,14 @@ class CuraAvatar {
|
|
|
3052
3068
|
}; }
|
|
3053
3069
|
}
|
|
3054
3070
|
|
|
3055
|
-
const
|
|
3071
|
+
const labelSizes = {
|
|
3072
|
+
"small": "xsmall",
|
|
3073
|
+
"medium": "small",
|
|
3074
|
+
"large": "medium",
|
|
3075
|
+
"default": "medium"
|
|
3076
|
+
};
|
|
3077
|
+
|
|
3078
|
+
const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3056
3079
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3057
3080
|
|
|
3058
3081
|
class CuraButton {
|
|
@@ -3079,6 +3102,7 @@ class CuraButton {
|
|
|
3079
3102
|
this.background = 'light';
|
|
3080
3103
|
this.fontColor = 'dark';
|
|
3081
3104
|
this.textAlign = 'left';
|
|
3105
|
+
this.justify = false;
|
|
3082
3106
|
this.styles = {};
|
|
3083
3107
|
this.hovered = false;
|
|
3084
3108
|
}
|
|
@@ -3118,12 +3142,13 @@ class CuraButton {
|
|
|
3118
3142
|
classes[`icon-only`] = this.iconOnly;
|
|
3119
3143
|
classes['disabled'] = this.disabled;
|
|
3120
3144
|
classes['isLoading'] = this.isLoading;
|
|
3145
|
+
classes['justify'] = this.justify;
|
|
3121
3146
|
return classes;
|
|
3122
3147
|
}
|
|
3123
3148
|
getIcon() {
|
|
3124
|
-
if (!this.iconName
|
|
3149
|
+
if (!this.iconName)
|
|
3125
3150
|
return '';
|
|
3126
|
-
const iconSize = this.size === '
|
|
3151
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3127
3152
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3128
3153
|
}
|
|
3129
3154
|
getSymbolColor() {
|
|
@@ -3147,7 +3172,9 @@ class CuraButton {
|
|
|
3147
3172
|
}
|
|
3148
3173
|
}
|
|
3149
3174
|
render() {
|
|
3150
|
-
|
|
3175
|
+
const symbolColor = this.getSymbolColor();
|
|
3176
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3177
|
+
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 })))));
|
|
3151
3178
|
}
|
|
3152
3179
|
static get formAssociated() { return true; }
|
|
3153
3180
|
static get watchers() { return {
|
|
@@ -3173,16 +3200,17 @@ class CuraButton {
|
|
|
3173
3200
|
"background": [513],
|
|
3174
3201
|
"fontColor": [513, "font-color"],
|
|
3175
3202
|
"textAlign": [513, "text-align"],
|
|
3203
|
+
"justify": [516],
|
|
3176
3204
|
"styles": [32],
|
|
3177
3205
|
"hovered": [32]
|
|
3178
3206
|
},
|
|
3179
3207
|
"$listeners$": undefined,
|
|
3180
3208
|
"$lazyBundleId$": "-",
|
|
3181
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3209
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3182
3210
|
}; }
|
|
3183
3211
|
}
|
|
3184
3212
|
|
|
3185
|
-
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;
|
|
3213
|
+
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3186
3214
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3187
3215
|
|
|
3188
3216
|
class CuraButtonOutline$1 {
|
|
@@ -3209,6 +3237,7 @@ class CuraButtonOutline$1 {
|
|
|
3209
3237
|
this.background = 'light';
|
|
3210
3238
|
this.fontColor = 'dark';
|
|
3211
3239
|
this.textAlign = 'left';
|
|
3240
|
+
this.justify = false;
|
|
3212
3241
|
this.styles = {};
|
|
3213
3242
|
this.hovered = false;
|
|
3214
3243
|
}
|
|
@@ -3232,6 +3261,7 @@ class CuraButtonOutline$1 {
|
|
|
3232
3261
|
classes[`icon-only`] = this.iconOnly;
|
|
3233
3262
|
classes['disabled'] = this.disabled;
|
|
3234
3263
|
classes['isLoading'] = this.isLoading;
|
|
3264
|
+
classes['justify'] = this.justify;
|
|
3235
3265
|
return classes;
|
|
3236
3266
|
}
|
|
3237
3267
|
setColors() {
|
|
@@ -3245,9 +3275,9 @@ class CuraButtonOutline$1 {
|
|
|
3245
3275
|
this.styles = Object.assign({}, this.styles);
|
|
3246
3276
|
}
|
|
3247
3277
|
getIcon() {
|
|
3248
|
-
if (!this.iconName
|
|
3278
|
+
if (!this.iconName)
|
|
3249
3279
|
return '';
|
|
3250
|
-
const iconSize = this.size === '
|
|
3280
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3251
3281
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3252
3282
|
}
|
|
3253
3283
|
handleMouseEnter() {
|
|
@@ -3261,8 +3291,7 @@ class CuraButtonOutline$1 {
|
|
|
3261
3291
|
getSymbolColor() {
|
|
3262
3292
|
if (this.disabled)
|
|
3263
3293
|
return 'neutral-dark';
|
|
3264
|
-
|
|
3265
|
-
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3294
|
+
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3266
3295
|
}
|
|
3267
3296
|
handleClick(e) {
|
|
3268
3297
|
if (this.disabled || this.isLoading) {
|
|
@@ -3277,7 +3306,9 @@ class CuraButtonOutline$1 {
|
|
|
3277
3306
|
}
|
|
3278
3307
|
}
|
|
3279
3308
|
render() {
|
|
3280
|
-
|
|
3309
|
+
const symbolColor = this.getSymbolColor();
|
|
3310
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3311
|
+
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 })))));
|
|
3281
3312
|
}
|
|
3282
3313
|
static get formAssociated() { return true; }
|
|
3283
3314
|
static get watchers() { return {
|
|
@@ -3304,16 +3335,17 @@ class CuraButtonOutline$1 {
|
|
|
3304
3335
|
"background": [1],
|
|
3305
3336
|
"fontColor": [1, "font-color"],
|
|
3306
3337
|
"textAlign": [513, "text-align"],
|
|
3338
|
+
"justify": [516],
|
|
3307
3339
|
"styles": [32],
|
|
3308
3340
|
"hovered": [32]
|
|
3309
3341
|
},
|
|
3310
3342
|
"$listeners$": undefined,
|
|
3311
3343
|
"$lazyBundleId$": "-",
|
|
3312
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"]]
|
|
3344
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3313
3345
|
}; }
|
|
3314
3346
|
}
|
|
3315
3347
|
|
|
3316
|
-
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) *
|
|
3348
|
+
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;gap:5px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-base);border-color:var(--color-darker)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--neutral-medium-primary-base)}";
|
|
3317
3349
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3318
3350
|
|
|
3319
3351
|
class CuraButtonOutline {
|
|
@@ -3397,7 +3429,7 @@ class CuraButtonOutline {
|
|
|
3397
3429
|
return classes;
|
|
3398
3430
|
}
|
|
3399
3431
|
render() {
|
|
3400
|
-
return (hAsync(Host, { key: '
|
|
3432
|
+
return (hAsync(Host, { key: 'bbd95db4048d0bb3d4c17927da18136402bf91dd' }, hAsync("button", { key: 'ae27bbadadf7597d4e6aaa406cbeee3dc47921cd', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: '6cdcdb3c908673c3babad6fd35cedc38ff358b61', class: "button-container" }, this.getIcon(), hAsync("cura-label", { key: 'c058fedf71ac3c33a5711fba7be80dacd6ee8467', class: "label", lineHeight: '0%', color: this.assignColor() }, hAsync("slot", { key: '5976c1f58c3d5bba77cf6cde7acc31fb49fcd25d' }))))));
|
|
3401
3433
|
}
|
|
3402
3434
|
static get watchers() { return {
|
|
3403
3435
|
"background": ["setColors", "assignColor"],
|
|
@@ -3425,7 +3457,7 @@ class CuraButtonOutline {
|
|
|
3425
3457
|
}; }
|
|
3426
3458
|
}
|
|
3427
3459
|
|
|
3428
|
-
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border
|
|
3460
|
+
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3429
3461
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3430
3462
|
|
|
3431
3463
|
class CuraButtonTransparent {
|
|
@@ -3449,8 +3481,9 @@ class CuraButtonTransparent {
|
|
|
3449
3481
|
this.href = undefined;
|
|
3450
3482
|
this.target = "_self";
|
|
3451
3483
|
this.color = 'primary';
|
|
3452
|
-
this.fontColor = '
|
|
3484
|
+
this.fontColor = 'dark';
|
|
3453
3485
|
this.textAlign = 'left';
|
|
3486
|
+
this.justify = false;
|
|
3454
3487
|
this.hovered = false;
|
|
3455
3488
|
this.styles = {};
|
|
3456
3489
|
}
|
|
@@ -3472,12 +3505,13 @@ class CuraButtonTransparent {
|
|
|
3472
3505
|
classes[`icon-only`] = this.iconOnly;
|
|
3473
3506
|
classes['disabled'] = this.disabled;
|
|
3474
3507
|
classes['isLoading'] = this.isLoading;
|
|
3508
|
+
classes['justify'] = this.justify;
|
|
3475
3509
|
return classes;
|
|
3476
3510
|
}
|
|
3477
3511
|
getIcon() {
|
|
3478
|
-
if (!this.iconName
|
|
3512
|
+
if (!this.iconName)
|
|
3479
3513
|
return null;
|
|
3480
|
-
const iconSize = this.size === '
|
|
3514
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3481
3515
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3482
3516
|
}
|
|
3483
3517
|
handleMouseEnter() {
|
|
@@ -3493,8 +3527,7 @@ class CuraButtonTransparent {
|
|
|
3493
3527
|
return 'neutral-dark';
|
|
3494
3528
|
if (this.hovered && !this.isLoading)
|
|
3495
3529
|
return this.fontColor === 'light' ? `${this.color}-light` : `${this.color}-darker`;
|
|
3496
|
-
|
|
3497
|
-
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-darker`;
|
|
3530
|
+
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-dark`;
|
|
3498
3531
|
}
|
|
3499
3532
|
handleClick(e) {
|
|
3500
3533
|
if (this.disabled || this.isLoading) {
|
|
@@ -3509,7 +3542,9 @@ class CuraButtonTransparent {
|
|
|
3509
3542
|
}
|
|
3510
3543
|
}
|
|
3511
3544
|
render() {
|
|
3512
|
-
|
|
3545
|
+
const symbolColor = this.getSymbolColor();
|
|
3546
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3547
|
+
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 })))));
|
|
3513
3548
|
}
|
|
3514
3549
|
static get formAssociated() { return true; }
|
|
3515
3550
|
static get watchers() { return {
|
|
@@ -3531,15 +3566,16 @@ class CuraButtonTransparent {
|
|
|
3531
3566
|
"iconOnly": [516, "icon-only"],
|
|
3532
3567
|
"href": [513],
|
|
3533
3568
|
"target": [513],
|
|
3534
|
-
"color": [
|
|
3569
|
+
"color": [513],
|
|
3535
3570
|
"fontColor": [513, "font-color"],
|
|
3536
3571
|
"textAlign": [513, "text-align"],
|
|
3572
|
+
"justify": [516],
|
|
3537
3573
|
"hovered": [32],
|
|
3538
3574
|
"styles": [32]
|
|
3539
3575
|
},
|
|
3540
3576
|
"$listeners$": undefined,
|
|
3541
3577
|
"$lazyBundleId$": "-",
|
|
3542
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3578
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["color", "color"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3543
3579
|
}; }
|
|
3544
3580
|
}
|
|
3545
3581
|
|
|
@@ -3830,6 +3866,31 @@ function startOfDay(dirtyDate) {
|
|
|
3830
3866
|
return date;
|
|
3831
3867
|
}
|
|
3832
3868
|
|
|
3869
|
+
/**
|
|
3870
|
+
* @name addWeeks
|
|
3871
|
+
* @category Week Helpers
|
|
3872
|
+
* @summary Add the specified number of weeks to the given date.
|
|
3873
|
+
*
|
|
3874
|
+
* @description
|
|
3875
|
+
* Add the specified number of week to the given date.
|
|
3876
|
+
*
|
|
3877
|
+
* @param {Date|Number} date - the date to be changed
|
|
3878
|
+
* @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`.
|
|
3879
|
+
* @returns {Date} the new date with the weeks added
|
|
3880
|
+
* @throws {TypeError} 2 arguments required
|
|
3881
|
+
*
|
|
3882
|
+
* @example
|
|
3883
|
+
* // Add 4 weeks to 1 September 2014:
|
|
3884
|
+
* const result = addWeeks(new Date(2014, 8, 1), 4)
|
|
3885
|
+
* //=> Mon Sep 29 2014 00:00:00
|
|
3886
|
+
*/
|
|
3887
|
+
function addWeeks(dirtyDate, dirtyAmount) {
|
|
3888
|
+
requiredArgs(2, arguments);
|
|
3889
|
+
var amount = toInteger(dirtyAmount);
|
|
3890
|
+
var days = amount * 7;
|
|
3891
|
+
return addDays(dirtyDate, days);
|
|
3892
|
+
}
|
|
3893
|
+
|
|
3833
3894
|
/**
|
|
3834
3895
|
* Days in 1 week.
|
|
3835
3896
|
*
|
|
@@ -6618,6 +6679,30 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
6618
6679
|
return addMonths(dirtyDate, -amount);
|
|
6619
6680
|
}
|
|
6620
6681
|
|
|
6682
|
+
/**
|
|
6683
|
+
* @name subWeeks
|
|
6684
|
+
* @category Week Helpers
|
|
6685
|
+
* @summary Subtract the specified number of weeks from the given date.
|
|
6686
|
+
*
|
|
6687
|
+
* @description
|
|
6688
|
+
* Subtract the specified number of weeks from the given date.
|
|
6689
|
+
*
|
|
6690
|
+
* @param {Date|Number} date - the date to be changed
|
|
6691
|
+
* @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`.
|
|
6692
|
+
* @returns {Date} the new date with the weeks subtracted
|
|
6693
|
+
* @throws {TypeError} 2 arguments required
|
|
6694
|
+
*
|
|
6695
|
+
* @example
|
|
6696
|
+
* // Subtract 4 weeks from 1 September 2014:
|
|
6697
|
+
* const result = subWeeks(new Date(2014, 8, 1), 4)
|
|
6698
|
+
* //=> Mon Aug 04 2014 00:00:00
|
|
6699
|
+
*/
|
|
6700
|
+
function subWeeks(dirtyDate, dirtyAmount) {
|
|
6701
|
+
requiredArgs(2, arguments);
|
|
6702
|
+
var amount = toInteger(dirtyAmount);
|
|
6703
|
+
return addWeeks(dirtyDate, -amount);
|
|
6704
|
+
}
|
|
6705
|
+
|
|
6621
6706
|
var dateFormats$1 = {
|
|
6622
6707
|
full: 'EEEE, d MMMM yyyy',
|
|
6623
6708
|
long: 'd MMMM yyyy',
|
|
@@ -7057,7 +7142,7 @@ var locale = {
|
|
|
7057
7142
|
};
|
|
7058
7143
|
var ptBR = locale;
|
|
7059
7144
|
|
|
7060
|
-
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);
|
|
7145
|
+
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%}";
|
|
7061
7146
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7062
7147
|
|
|
7063
7148
|
class CuraCalendar {
|
|
@@ -7067,8 +7152,8 @@ class CuraCalendar {
|
|
|
7067
7152
|
this.theme = window.CuraAPI.theme;
|
|
7068
7153
|
this.weights = this.theme.fonts.getWeights();
|
|
7069
7154
|
this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
|
|
7070
|
-
this.period =
|
|
7071
|
-
this.width = '
|
|
7155
|
+
this.period = null;
|
|
7156
|
+
this.width = '268px';
|
|
7072
7157
|
this.mode = 'single';
|
|
7073
7158
|
this.dateFormat = 'yyyy-MM-dd';
|
|
7074
7159
|
this.locale = 'pt-BR';
|
|
@@ -7077,6 +7162,11 @@ class CuraCalendar {
|
|
|
7077
7162
|
this.enable = [];
|
|
7078
7163
|
this.defaultDate = [];
|
|
7079
7164
|
this.limitRange = null;
|
|
7165
|
+
this.disablePassDates = undefined;
|
|
7166
|
+
this.disableFutureDates = undefined;
|
|
7167
|
+
this.collapsed = null;
|
|
7168
|
+
this.floating = undefined;
|
|
7169
|
+
this.embedded = undefined;
|
|
7080
7170
|
this.currentDate = new Date();
|
|
7081
7171
|
this.selectedDates = [];
|
|
7082
7172
|
this.rangeStart = null;
|
|
@@ -7127,6 +7217,9 @@ class CuraCalendar {
|
|
|
7127
7217
|
* @returns {boolean} Whether the date is valid.
|
|
7128
7218
|
*/
|
|
7129
7219
|
isDateInValidPeriod(date) {
|
|
7220
|
+
if (this.period === null) {
|
|
7221
|
+
return true;
|
|
7222
|
+
}
|
|
7130
7223
|
return this.period.includes(format(date, this.dateFormat));
|
|
7131
7224
|
}
|
|
7132
7225
|
/**
|
|
@@ -7154,6 +7247,14 @@ class CuraCalendar {
|
|
|
7154
7247
|
* @returns {boolean} Whether the date is disabled.
|
|
7155
7248
|
*/
|
|
7156
7249
|
isDateInDisabledPeriod(date) {
|
|
7250
|
+
const today = new Date();
|
|
7251
|
+
today.setHours(0, 0, 0, 0);
|
|
7252
|
+
if (this.disablePassDates)
|
|
7253
|
+
return isBefore(date, today);
|
|
7254
|
+
if (this.disableFutureDates)
|
|
7255
|
+
return isAfter(date, today);
|
|
7256
|
+
if (this.disable === null)
|
|
7257
|
+
return false;
|
|
7157
7258
|
return this.isDateInList(this.expandDateRanges(this.disable), date);
|
|
7158
7259
|
}
|
|
7159
7260
|
/**
|
|
@@ -7163,7 +7264,7 @@ class CuraCalendar {
|
|
|
7163
7264
|
* @returns {boolean} Whether the date is enabled.
|
|
7164
7265
|
*/
|
|
7165
7266
|
isDateInEnabledPeriod(date) {
|
|
7166
|
-
if (this.enable
|
|
7267
|
+
if (this.enable === null || [])
|
|
7167
7268
|
return true;
|
|
7168
7269
|
return this.isDateInList(this.expandDateRanges(this.enable), date);
|
|
7169
7270
|
}
|
|
@@ -7207,7 +7308,7 @@ class CuraCalendar {
|
|
|
7207
7308
|
*/
|
|
7208
7309
|
onMonthDropdownChange(event) {
|
|
7209
7310
|
const { months } = this.fetchMonthNames();
|
|
7210
|
-
const newMonth = event.detail
|
|
7311
|
+
const newMonth = event.detail;
|
|
7211
7312
|
this.selectMonth = newMonth;
|
|
7212
7313
|
this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
|
|
7213
7314
|
}
|
|
@@ -7217,7 +7318,7 @@ class CuraCalendar {
|
|
|
7217
7318
|
* @param {CustomEvent} event - The change event.
|
|
7218
7319
|
*/
|
|
7219
7320
|
onYearDropdownChange(event) {
|
|
7220
|
-
const newYear = event.detail
|
|
7321
|
+
const newYear = event.detail;
|
|
7221
7322
|
this.selectYear = newYear;
|
|
7222
7323
|
this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
|
|
7223
7324
|
}
|
|
@@ -7309,11 +7410,38 @@ class CuraCalendar {
|
|
|
7309
7410
|
*
|
|
7310
7411
|
* @returns {(Date | null)[]} An array of dates and nulls for the current month view.
|
|
7311
7412
|
*/
|
|
7413
|
+
showNotColapsedCalendar() {
|
|
7414
|
+
if (this.collapsed) {
|
|
7415
|
+
this.fetchDaysOfWeek();
|
|
7416
|
+
}
|
|
7417
|
+
else
|
|
7418
|
+
(this.fetchDaysOfMonth());
|
|
7419
|
+
this.collapsed = false;
|
|
7420
|
+
}
|
|
7421
|
+
showColapsedCalendar() {
|
|
7422
|
+
this.collapsed = true;
|
|
7423
|
+
return this.fetchDaysOfWeek();
|
|
7424
|
+
}
|
|
7425
|
+
fetchDaysOfWeek() {
|
|
7426
|
+
const DAYS_IN_CALENDAR_VIEW = 7;
|
|
7427
|
+
const start = startOfWeek(this.currentDate);
|
|
7428
|
+
const end = endOfWeek(this.currentDate);
|
|
7429
|
+
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7430
|
+
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7431
|
+
}
|
|
7432
|
+
updateCurrentWeek(direction) {
|
|
7433
|
+
let newWeek = new Date(this.currentDate);
|
|
7434
|
+
if (direction === 'prev')
|
|
7435
|
+
newWeek = subWeeks(this.currentDate, 1);
|
|
7436
|
+
if (direction === 'next')
|
|
7437
|
+
newWeek = addWeeks(this.currentDate, 1);
|
|
7438
|
+
this.currentDate = newWeek;
|
|
7439
|
+
}
|
|
7312
7440
|
fetchDaysOfMonth() {
|
|
7313
|
-
const start = startOfMonth(this.currentDate);
|
|
7314
|
-
const end = endOfMonth(this.currentDate);
|
|
7315
7441
|
const WEEKS_IN_CALENDAR_VIEW = 6;
|
|
7316
7442
|
const DAYS_IN_CALENDAR_VIEW = 42;
|
|
7443
|
+
const start = startOfMonth(this.currentDate);
|
|
7444
|
+
const end = endOfMonth(this.currentDate);
|
|
7317
7445
|
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7318
7446
|
const prevMonthStart = startOfMonth(addMonths(start, -1));
|
|
7319
7447
|
const prevMonthEnd = endOfMonth(prevMonthStart);
|
|
@@ -7368,7 +7496,7 @@ class CuraCalendar {
|
|
|
7368
7496
|
*/
|
|
7369
7497
|
determinePrevButtonColor() {
|
|
7370
7498
|
const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
|
|
7371
|
-
return isPrevDisabled
|
|
7499
|
+
return isPrevDisabled && 'primary-base';
|
|
7372
7500
|
}
|
|
7373
7501
|
/**
|
|
7374
7502
|
* Get the status of a given date, determining its position and interval status.
|
|
@@ -7442,7 +7570,9 @@ class CuraCalendar {
|
|
|
7442
7570
|
}
|
|
7443
7571
|
render() {
|
|
7444
7572
|
const { months } = this.fetchMonthNames();
|
|
7445
|
-
return (hAsync(Host, { key: '
|
|
7573
|
+
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 ?
|
|
7574
|
+
this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : ''))) :
|
|
7575
|
+
this.fetchDaysOfWeek().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (hAsync("div", { class: 'collapsed-container' }, hAsync("cura-button-transparent", { onClick: () => this.showNotColapsedCalendar(), size: 'small', color: 'primary', fontColor: 'dark', iconName: 'plusCircle' }, "Veja mais datas"))) : (hAsync("div", { class: 'collapsed-container' }, hAsync("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: 'small', color: 'primary', fontColor: 'dark', iconName: 'minusCircle' }, "Veja menos datas")))) : null)));
|
|
7446
7576
|
}
|
|
7447
7577
|
static get style() { return CuraCalendarStyle0; }
|
|
7448
7578
|
static get cmpMeta() { return {
|
|
@@ -7452,13 +7582,18 @@ class CuraCalendar {
|
|
|
7452
7582
|
"period": [513],
|
|
7453
7583
|
"width": [513],
|
|
7454
7584
|
"mode": [513],
|
|
7455
|
-
"dateFormat": [
|
|
7585
|
+
"dateFormat": [1537, "date-format"],
|
|
7456
7586
|
"locale": [513],
|
|
7457
7587
|
"type": [513],
|
|
7458
7588
|
"disable": [16],
|
|
7459
7589
|
"enable": [16],
|
|
7460
7590
|
"defaultDate": [16],
|
|
7461
7591
|
"limitRange": [514, "limit-range"],
|
|
7592
|
+
"disablePassDates": [1540, "disable-pass-dates"],
|
|
7593
|
+
"disableFutureDates": [1540, "disable-future-dates"],
|
|
7594
|
+
"collapsed": [1540],
|
|
7595
|
+
"floating": [1540],
|
|
7596
|
+
"embedded": [1540],
|
|
7462
7597
|
"currentDate": [32],
|
|
7463
7598
|
"selectedDates": [32],
|
|
7464
7599
|
"rangeStart": [32],
|
|
@@ -7469,7 +7604,7 @@ class CuraCalendar {
|
|
|
7469
7604
|
},
|
|
7470
7605
|
"$listeners$": undefined,
|
|
7471
7606
|
"$lazyBundleId$": "-",
|
|
7472
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"]]
|
|
7607
|
+
"$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"]]
|
|
7473
7608
|
}; }
|
|
7474
7609
|
}
|
|
7475
7610
|
|
|
@@ -7512,7 +7647,7 @@ class CuraCard {
|
|
|
7512
7647
|
return classes;
|
|
7513
7648
|
}
|
|
7514
7649
|
render() {
|
|
7515
|
-
return (hAsync(Host, { key: '
|
|
7650
|
+
return (hAsync(Host, { key: '24318e0e70d7a9cb1cbdfa3503b2fa5bce791c00', role: this.href ? 'link' : 'div' }, this.href ? (hAsync("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, hAsync("slot", null))) : (hAsync("div", { class: this.getClasses(), style: this.styles }, hAsync("slot", null)))));
|
|
7516
7651
|
}
|
|
7517
7652
|
static get style() { return CuraCardStyle0; }
|
|
7518
7653
|
static get cmpMeta() { return {
|
|
@@ -7548,7 +7683,7 @@ const formsSizes = {
|
|
|
7548
7683
|
},
|
|
7549
7684
|
};
|
|
7550
7685
|
|
|
7551
|
-
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
|
|
7686
|
+
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}";
|
|
7552
7687
|
var CuraCheckboxStyle0 = curaCheckboxCss;
|
|
7553
7688
|
|
|
7554
7689
|
class CuraCheckbox {
|
|
@@ -7707,7 +7842,7 @@ class CuraCheckbox {
|
|
|
7707
7842
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
7708
7843
|
}
|
|
7709
7844
|
render() {
|
|
7710
|
-
return (hAsync(Host, { key: '
|
|
7845
|
+
return (hAsync(Host, { key: 'd24019856ac701df4acbe1f7e104df67eae93945' }, hAsync("div", { key: '413093861acf19223c65aae30bd5cd62053eec43', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '5ba8881480f1ef8692cde13258246175ac52f3c8', class: "info" }, hAsync("div", { key: 'e3473b617a9261dfacea2c2b8bd826b87a739c6b', class: "label-wrapper" }, hAsync("cura-label", { key: '2a4b7c973795a23b123c250259d95df63796f53c', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '093a39a051be67644f6206095686cda606a3c9f5', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '8fe9215b5a56a1cf7f10871e721c1b04cd88d37f', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '5633213ce05d2f554a2acc9804d5306436eaac45' }))), hAsync("div", { key: '5ff152af172d4a8cb0e83e2e50ec8fa6449ef9e4', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: 'f62a404773c19fedfd236aa82ecd8582fdfd4c36', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
7711
7846
|
}
|
|
7712
7847
|
static get formAssociated() { return true; }
|
|
7713
7848
|
get host() { return getElement(this); }
|
|
@@ -7744,7 +7879,7 @@ class CuraCheckbox {
|
|
|
7744
7879
|
}; }
|
|
7745
7880
|
}
|
|
7746
7881
|
|
|
7747
|
-
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7882
|
+
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(i),:host ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7748
7883
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
7749
7884
|
|
|
7750
7885
|
class CuraDisplay {
|
|
@@ -7752,6 +7887,7 @@ class CuraDisplay {
|
|
|
7752
7887
|
registerInstance(this, hostRef);
|
|
7753
7888
|
this.theme = window.CuraAPI.theme;
|
|
7754
7889
|
this.level = 1;
|
|
7890
|
+
this.size = 'large';
|
|
7755
7891
|
this.spotColor = 'accent-dark';
|
|
7756
7892
|
this.color = undefined;
|
|
7757
7893
|
this.marginBlock = '1.25em';
|
|
@@ -7771,7 +7907,8 @@ class CuraDisplay {
|
|
|
7771
7907
|
this.styles = {
|
|
7772
7908
|
'--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
|
|
7773
7909
|
'--font-size': window.CuraAPI.theme.fonts.getSize(),
|
|
7774
|
-
'--font-weight-bold': this.weights.bold
|
|
7910
|
+
'--font-weight-bold': this.weights.bold,
|
|
7911
|
+
'--font-weight-medium': this.weights.medium
|
|
7775
7912
|
};
|
|
7776
7913
|
}
|
|
7777
7914
|
hostCSSProperties() {
|
|
@@ -7787,20 +7924,27 @@ class CuraDisplay {
|
|
|
7787
7924
|
: this.theme.fonts.getColor();
|
|
7788
7925
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
7789
7926
|
}
|
|
7927
|
+
getClasses() {
|
|
7928
|
+
var _a;
|
|
7929
|
+
const classes = {};
|
|
7930
|
+
classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
|
|
7931
|
+
return classes;
|
|
7932
|
+
}
|
|
7790
7933
|
getHeadingTag() {
|
|
7934
|
+
const classes = this.getClasses();
|
|
7791
7935
|
const tags = {
|
|
7792
|
-
'1': hAsync("h1", { style: this.styles }, hAsync("slot", null)),
|
|
7793
|
-
'2': hAsync("h2", { style: this.styles }, hAsync("slot", null)),
|
|
7794
|
-
'3': hAsync("h3", { style: this.styles }, hAsync("slot", null)),
|
|
7795
|
-
'4': hAsync("h4", { style: this.styles }, hAsync("slot", null)),
|
|
7796
|
-
'5': hAsync("h5", { style: this.styles }, hAsync("slot", null)),
|
|
7797
|
-
'6': hAsync("h6", { style: this.styles }, hAsync("slot", null)),
|
|
7798
|
-
'default': hAsync("h1", { style: this.styles }, hAsync("slot", null))
|
|
7936
|
+
'1': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7937
|
+
'2': hAsync("h2", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7938
|
+
'3': hAsync("h3", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7939
|
+
'4': hAsync("h4", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7940
|
+
'5': hAsync("h5", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7941
|
+
'6': hAsync("h6", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7942
|
+
'default': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null))
|
|
7799
7943
|
};
|
|
7800
7944
|
return tags[`${this.level}`] || tags['default'];
|
|
7801
7945
|
}
|
|
7802
7946
|
render() {
|
|
7803
|
-
return (hAsync(Host, { key: '
|
|
7947
|
+
return (hAsync(Host, { key: 'ffd8e58f9bf50038554591ec2b191e0488ae0500', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
7804
7948
|
}
|
|
7805
7949
|
get host() { return getElement(this); }
|
|
7806
7950
|
static get watchers() { return {
|
|
@@ -7813,7 +7957,8 @@ class CuraDisplay {
|
|
|
7813
7957
|
"$tagName$": "cura-display",
|
|
7814
7958
|
"$members$": {
|
|
7815
7959
|
"level": [514],
|
|
7816
|
-
"
|
|
7960
|
+
"size": [513],
|
|
7961
|
+
"spotColor": [1, "spot-color"],
|
|
7817
7962
|
"color": [1],
|
|
7818
7963
|
"marginBlock": [513, "margin-block"],
|
|
7819
7964
|
"lineHeight": [513, "line-height"],
|
|
@@ -7821,7 +7966,57 @@ class CuraDisplay {
|
|
|
7821
7966
|
},
|
|
7822
7967
|
"$listeners$": undefined,
|
|
7823
7968
|
"$lazyBundleId$": "-",
|
|
7824
|
-
"$attrsToReflect$": [["level", "level"], ["
|
|
7969
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
7970
|
+
}; }
|
|
7971
|
+
}
|
|
7972
|
+
|
|
7973
|
+
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)}";
|
|
7974
|
+
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
7975
|
+
|
|
7976
|
+
class CuraDistance {
|
|
7977
|
+
constructor(hostRef) {
|
|
7978
|
+
registerInstance(this, hostRef);
|
|
7979
|
+
this.isThousandRounded = false;
|
|
7980
|
+
this.theme = window.CuraAPI.theme;
|
|
7981
|
+
this.distance = 0;
|
|
7982
|
+
this.label = 'km';
|
|
7983
|
+
this.styles = {};
|
|
7984
|
+
this.displayDistance = 0;
|
|
7985
|
+
}
|
|
7986
|
+
formatDistance() {
|
|
7987
|
+
const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
|
|
7988
|
+
this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
|
|
7989
|
+
this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
|
|
7990
|
+
}
|
|
7991
|
+
connectedCallback() {
|
|
7992
|
+
this.setCssProperties();
|
|
7993
|
+
this.formatDistance();
|
|
7994
|
+
}
|
|
7995
|
+
render() {
|
|
7996
|
+
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))));
|
|
7997
|
+
}
|
|
7998
|
+
setCssProperties() {
|
|
7999
|
+
this.styles = {
|
|
8000
|
+
'--neutral-pale': this.theme.colors.getColor(`neutral-pale`),
|
|
8001
|
+
'--base-spacing': this.theme.spacing.getSpacing()
|
|
8002
|
+
};
|
|
8003
|
+
}
|
|
8004
|
+
static get watchers() { return {
|
|
8005
|
+
"distance": ["formatDistance"]
|
|
8006
|
+
}; }
|
|
8007
|
+
static get style() { return CuraBadgeDistanceStyle0; }
|
|
8008
|
+
static get cmpMeta() { return {
|
|
8009
|
+
"$flags$": 9,
|
|
8010
|
+
"$tagName$": "cura-badge-distance",
|
|
8011
|
+
"$members$": {
|
|
8012
|
+
"distance": [2],
|
|
8013
|
+
"label": [513],
|
|
8014
|
+
"styles": [32],
|
|
8015
|
+
"displayDistance": [32]
|
|
8016
|
+
},
|
|
8017
|
+
"$listeners$": undefined,
|
|
8018
|
+
"$lazyBundleId$": "-",
|
|
8019
|
+
"$attrsToReflect$": [["label", "label"]]
|
|
7825
8020
|
}; }
|
|
7826
8021
|
}
|
|
7827
8022
|
|
|
@@ -7873,6 +8068,7 @@ class CuraDropdownSearch {
|
|
|
7873
8068
|
}
|
|
7874
8069
|
}
|
|
7875
8070
|
};
|
|
8071
|
+
this.size = 'large';
|
|
7876
8072
|
this.status = 'default';
|
|
7877
8073
|
this.disabled = false;
|
|
7878
8074
|
this.name = undefined;
|
|
@@ -7950,7 +8146,7 @@ class CuraDropdownSearch {
|
|
|
7950
8146
|
}
|
|
7951
8147
|
addClickListenersToOptions() {
|
|
7952
8148
|
this.options.forEach((option, index) => {
|
|
7953
|
-
option.addEventListener('
|
|
8149
|
+
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
7954
8150
|
});
|
|
7955
8151
|
}
|
|
7956
8152
|
updateSelectedOption(value) {
|
|
@@ -8015,14 +8211,14 @@ class CuraDropdownSearch {
|
|
|
8015
8211
|
return {
|
|
8016
8212
|
'dropdown-input-search': true,
|
|
8017
8213
|
'dropdown-open': this.isDropdownOpen,
|
|
8018
|
-
disabled: this.disabled,
|
|
8214
|
+
'disabled': this.disabled,
|
|
8019
8215
|
[this.status]: true,
|
|
8020
8216
|
};
|
|
8021
8217
|
}
|
|
8022
8218
|
getDropdownClasses() {
|
|
8023
8219
|
return {
|
|
8024
8220
|
'dropdown-search-list': true,
|
|
8025
|
-
'visible': this.options.length && this.isDropdownOpen ? true : false
|
|
8221
|
+
'visible': this.options.length && this.isDropdownOpen ? true : false,
|
|
8026
8222
|
};
|
|
8027
8223
|
}
|
|
8028
8224
|
hostCSSProperties() {
|
|
@@ -8032,9 +8228,9 @@ class CuraDropdownSearch {
|
|
|
8032
8228
|
}
|
|
8033
8229
|
render() {
|
|
8034
8230
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8035
|
-
return (hAsync(Host, { key: '
|
|
8231
|
+
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: () => {
|
|
8036
8232
|
this.handleOnBlur();
|
|
8037
|
-
}, placeholder: this.placeholder, size:
|
|
8233
|
+
}, 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 })))));
|
|
8038
8234
|
}
|
|
8039
8235
|
get host() { return getElement(this); }
|
|
8040
8236
|
static get watchers() { return {
|
|
@@ -8045,6 +8241,7 @@ class CuraDropdownSearch {
|
|
|
8045
8241
|
"$flags$": 9,
|
|
8046
8242
|
"$tagName$": "cura-dropdown-search",
|
|
8047
8243
|
"$members$": {
|
|
8244
|
+
"size": [1537],
|
|
8048
8245
|
"status": [513],
|
|
8049
8246
|
"disabled": [516],
|
|
8050
8247
|
"name": [513],
|
|
@@ -8067,11 +8264,11 @@ class CuraDropdownSearch {
|
|
|
8067
8264
|
},
|
|
8068
8265
|
"$listeners$": undefined,
|
|
8069
8266
|
"$lazyBundleId$": "-",
|
|
8070
|
-
"$attrsToReflect$": [["status", "status"], ["disabled", "disabled"], ["name", "name"], ["required", "required"], ["selected", "selected"], ["value", "value"], ["placeholder", "placeholder"], ["label", "label"], ["iconName", "icon-name"], ["dropdownMaxHeight", "dropdown-max-height"]]
|
|
8267
|
+
"$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"]]
|
|
8071
8268
|
}; }
|
|
8072
8269
|
}
|
|
8073
8270
|
|
|
8074
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type)
|
|
8271
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--base-spacing) * 2px) calc(var(--base-spacing) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--base-spacing) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--base-spacing) * 8px);display:flex;justify-content:center;align-items:center}";
|
|
8075
8272
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8076
8273
|
|
|
8077
8274
|
class CuraDropdownSearchOption {
|
|
@@ -8097,6 +8294,7 @@ class CuraDropdownSearchOption {
|
|
|
8097
8294
|
}
|
|
8098
8295
|
connectedCallback() {
|
|
8099
8296
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8297
|
+
this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
|
|
8100
8298
|
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
8101
8299
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8102
8300
|
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
@@ -8112,11 +8310,12 @@ class CuraDropdownSearchOption {
|
|
|
8112
8310
|
}
|
|
8113
8311
|
}
|
|
8114
8312
|
render() {
|
|
8115
|
-
return (hAsync(Host, { key: '
|
|
8313
|
+
return (hAsync(Host, { key: '957218946adc6611a384d8e86860eb4f8ae50db3', slot: "dropdown-search-option" }, hAsync("div", { key: 'a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe', style: this.styles, class: {
|
|
8314
|
+
"option-container": true,
|
|
8116
8315
|
hovered: this.selectable ? this.hovered : false,
|
|
8117
8316
|
selected: this.selected,
|
|
8118
8317
|
disabled: !this.selectable
|
|
8119
|
-
} }, hAsync("slot", { key: '
|
|
8318
|
+
} }, hAsync("div", { key: '18994a7e0ad6e2b4ab37ae65edc796e4cdedce43', class: "content-container" }, hAsync("div", { key: '2505977c08bea5d92b3cc33af5c117709120b82b', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: 'bc5ac8b88938f29693b6f9d68ec933e7abc513e4', name: "image" }), hAsync("cura-heading", { key: '81d2b1d1e8b60f26a6e444d18dac0ddfc95b44ea', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'e91fb72dc20136d0a6b56da0d03eaba02327d80d' }))), hAsync("slot", { key: 'f0e24b8548bec4ff52f3fcccd77562ef5548d5f6', name: "action" })))));
|
|
8120
8319
|
}
|
|
8121
8320
|
get hostElement() { return getElement(this); }
|
|
8122
8321
|
static get watchers() { return {
|
|
@@ -8147,7 +8346,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8147
8346
|
registerInstance(this, hostRef);
|
|
8148
8347
|
}
|
|
8149
8348
|
render() {
|
|
8150
|
-
return (hAsync(Host, { key: '
|
|
8349
|
+
return (hAsync(Host, { key: 'b9fbb0edaea7457fad9244d5c032961bd913f170', slot: "dropdown-search-option" }, hAsync("cura-label", { key: 'dbefa340f1001a532c7f2152907b87e5e2e1f0ec', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: '1d03c41d153dc707db82943c77dd96547c98c78a' }))));
|
|
8151
8350
|
}
|
|
8152
8351
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8153
8352
|
static get cmpMeta() { return {
|
|
@@ -8226,7 +8425,7 @@ class CuraHeading {
|
|
|
8226
8425
|
return tags[`${this.level}`] || tags['default'];
|
|
8227
8426
|
}
|
|
8228
8427
|
render() {
|
|
8229
|
-
return (hAsync(Host, { key: '
|
|
8428
|
+
return (hAsync(Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8230
8429
|
}
|
|
8231
8430
|
get host() { return getElement(this); }
|
|
8232
8431
|
static get watchers() { return {
|
|
@@ -8303,7 +8502,7 @@ class CuraIcon {
|
|
|
8303
8502
|
this.host.style.setProperty(prop, value);
|
|
8304
8503
|
}
|
|
8305
8504
|
render() {
|
|
8306
|
-
return (hAsync(Host, { key: '
|
|
8505
|
+
return (hAsync(Host, { key: '42f2502c1180315fde13c1c383ba2335e681f25b' }, hAsync("svg", { key: 'b30e76338033abd6be556049e1db9d949173adc2', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: '45df96f126cc573ce5189332a04c4e9a6db02b36', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8307
8506
|
}
|
|
8308
8507
|
get host() { return getElement(this); }
|
|
8309
8508
|
static get watchers() { return {
|
|
@@ -8328,7 +8527,7 @@ class CuraIcon {
|
|
|
8328
8527
|
}; }
|
|
8329
8528
|
}
|
|
8330
8529
|
|
|
8331
|
-
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8530
|
+
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "drug", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8332
8531
|
|
|
8333
8532
|
const curaIconsViewCss = ":host{display:block;padding:24px;font-family:\"Roboto\", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}";
|
|
8334
8533
|
var CuraIconsViewStyle0 = curaIconsViewCss;
|
|
@@ -8347,9 +8546,9 @@ class CuraIconsView {
|
|
|
8347
8546
|
this.sizes.unshift(this.sizes.pop());
|
|
8348
8547
|
}
|
|
8349
8548
|
render() {
|
|
8350
|
-
return (hAsync(Host, { key: '
|
|
8351
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '
|
|
8352
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: '
|
|
8549
|
+
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) ? '' :
|
|
8550
|
+
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) ? '' :
|
|
8551
|
+
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'fcc2275ca60d1c36dbcc5a7a5b10e1a35d2445e2', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon), !microIcons.includes(icon) ? '' :
|
|
8353
8552
|
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8354
8553
|
}
|
|
8355
8554
|
static get style() { return CuraIconsViewStyle0; }
|
|
@@ -12398,7 +12597,7 @@ class CuraLabel {
|
|
|
12398
12597
|
};
|
|
12399
12598
|
}
|
|
12400
12599
|
render() {
|
|
12401
|
-
return (hAsync(Host, { key: '
|
|
12600
|
+
return (hAsync(Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, hAsync("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
|
|
12402
12601
|
}
|
|
12403
12602
|
get host() { return getElement(this); }
|
|
12404
12603
|
static get watchers() { return {
|
|
@@ -12445,7 +12644,7 @@ class CuraLoaderBar {
|
|
|
12445
12644
|
this.setProgress();
|
|
12446
12645
|
}
|
|
12447
12646
|
render() {
|
|
12448
|
-
return (hAsync(Host, { key: '
|
|
12647
|
+
return (hAsync(Host, { key: 'e8c5cf2c47e5b8a1a3e0ea758df9a5183b94afbe' }, hAsync("div", { key: '4375509425a0f7f8a86ded54c792f04d8b34d004', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '2d78b8f09726918cb01ef2ba775cf061f8b1fbab', class: "progress-bar-fill" }))));
|
|
12449
12648
|
}
|
|
12450
12649
|
setColor() {
|
|
12451
12650
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -12497,7 +12696,7 @@ class CuraLoaderCircle {
|
|
|
12497
12696
|
};
|
|
12498
12697
|
}
|
|
12499
12698
|
render() {
|
|
12500
|
-
return (hAsync(Host, { key: '
|
|
12699
|
+
return (hAsync(Host, { key: '4c3a12d61a3b686438ece6752160337ca8cacf18', style: this.getStyles() }, hAsync("svg", { key: 'bf8d817e7624419514e8f918ade94024c0d6bcb9', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '69885675868e25d75e9b0a461cb6563ba32a317a' }, hAsync("circle", { key: 'a1b20469b5bb76d101cfbba683f99689b2a8b8ed', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'c74b6313eff3374f711ace4c638fa0e671325f12', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), hAsync("defs", { key: '5f5861e8cdf8f192cd3312c345b0c3f2afeeb0c2' }, hAsync("linearGradient", { key: '98826d4d31d454e8d013349003bc89c3b82118bd', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'c0e582f71ef1a6870d0f77047198f58bf18987f6' }), hAsync("stop", { key: '3f120a0b8e9c86388f084d34e4bda9f8c5893702', offset: "1" }))))));
|
|
12501
12700
|
}
|
|
12502
12701
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
12503
12702
|
static get cmpMeta() { return {
|
|
@@ -12532,7 +12731,7 @@ class CuraPageTemplate {
|
|
|
12532
12731
|
return classes;
|
|
12533
12732
|
}
|
|
12534
12733
|
render() {
|
|
12535
|
-
return (hAsync(Host, { key: '
|
|
12734
|
+
return (hAsync(Host, { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' }, hAsync("div", { key: '41c0a6cb17747a0bf8fb44f8e5766412dd261b4d', style: this.styles, class: "grid-template" }, hAsync("div", { key: 'f563c6dbcd7506bfc100df9d5e4d7afe28cc7172', id: "sub-header" }, hAsync("slot", { key: '2db35bb65c395d6af3ec1654fdbe2fa76735d60d', name: 'sub-header' })), hAsync("div", { key: 'dff85fecdcf50c6812dd7eda1d2547b868da36a4', id: "header" }, hAsync("slot", { key: 'dd1726210432a383868ae4ab716ee20259a7a744', name: 'header' })), hAsync("div", { key: '3d8ebad203977884ea3b0c97cffd764e7c87ff8b', id: "pre-content" }, hAsync("slot", { key: '15e9cd099c005d78afc31624d968142d657cd53e', name: 'pre-content' })), hAsync("div", { key: '682ac5ec6855a6e598a1c27dae336787f38d5143', id: "content-container", class: this.getClasses() }, hAsync("div", { key: 'a288d9994489df25bffac158026df89e688064a9', id: "sidebar-left" }, hAsync("slot", { key: '26546baebf11e32f18ddec1659453e85cb5f8542', name: 'sidebar-left' })), hAsync("div", { key: 'f998d555d298800c770919c6195b2d963000c07f', id: "content" }, hAsync("slot", { key: 'e15084b2c7a2092331e92d5a0e389a37e07905d0', name: "content" }), hAsync("slot", { key: '31a9c32a7309a34882ee8c7e5fe5f8893083a1ba' })), hAsync("div", { key: '661aa62b89dd76d5d40008690fa56d53234e048d', id: "sidebar-right" }, hAsync("slot", { key: 'f0b96d33a41818840a38ca162fd32fba8b3f70bb', name: 'sidebar-right' }))), hAsync("div", { key: 'bdb1b6793f62315d80ab3843224a56e9586f5cc4', id: "post-body" }, hAsync("slot", { key: 'c373462fbd8d8ecebccb1515304be38b68f1fc87', name: 'post-body' })), hAsync("div", { key: '097ae8d7ccb045ebcc60f2829b43a2ba8e87fc2b', id: "footer" }, hAsync("slot", { key: '1d519a8e1e5094bbf5c2a3309c4e84122468ab3e', name: 'footer' })), hAsync("div", { key: '62e5ab1d7c9a4be5e4b4f9ab0803b298ee9fe125', id: "sub-footer" }, hAsync("slot", { key: '59a0637bbc2dad5a2bfef04e78858a95f59231d1', name: 'sub-footer' })))));
|
|
12536
12735
|
}
|
|
12537
12736
|
get host() { return getElement(this); }
|
|
12538
12737
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -12548,7 +12747,7 @@ class CuraPageTemplate {
|
|
|
12548
12747
|
}; }
|
|
12549
12748
|
}
|
|
12550
12749
|
|
|
12551
|
-
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.
|
|
12750
|
+
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}";
|
|
12552
12751
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
12553
12752
|
|
|
12554
12753
|
class CuraParagraph {
|
|
@@ -12598,7 +12797,7 @@ class CuraParagraph {
|
|
|
12598
12797
|
};
|
|
12599
12798
|
}
|
|
12600
12799
|
render() {
|
|
12601
|
-
return (hAsync(Host, { key: '
|
|
12800
|
+
return (hAsync(Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, hAsync("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
|
|
12602
12801
|
}
|
|
12603
12802
|
get host() { return getElement(this); }
|
|
12604
12803
|
static get watchers() { return {
|
|
@@ -12755,7 +12954,7 @@ class CuraRadio {
|
|
|
12755
12954
|
return statusColors[this.status][type];
|
|
12756
12955
|
}
|
|
12757
12956
|
render() {
|
|
12758
|
-
return (hAsync(Host, { key: '
|
|
12957
|
+
return (hAsync(Host, { key: '47a86162a780f9bfc554ab0f39e20e2f1e01a9d9' }, hAsync("div", { key: 'a0f2860ed3ff500bfc100c1e546da8ced421b207', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '9191f64704f6c1d791922464a75e00afa0cdcb7e', class: "info" }, hAsync("div", { key: 'c61a9ba353b49db897c27f6356bfe3d76651b186', class: "label-wrapper" }, hAsync("cura-label", { key: 'aa942db786a175452697b17229dc05e9113e8097', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'aed6a56437cc00fb7050043ce0a89877770acc6c', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '4b489038012fcf112d89d5cdcce46e55b363eca0', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'edff8c3ddc4875017dc7e9342fe3c9e19bdb86dc' }))), hAsync("input", { key: '43d5c937fbaa9139abaa3c1c8b5534a39fa4017c', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked, onClick: this.handleClick }))));
|
|
12759
12958
|
}
|
|
12760
12959
|
static get formAssociated() { return true; }
|
|
12761
12960
|
get host() { return getElement(this); }
|
|
@@ -12789,7 +12988,7 @@ class CuraRadio {
|
|
|
12789
12988
|
}; }
|
|
12790
12989
|
}
|
|
12791
12990
|
|
|
12792
|
-
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}";
|
|
12991
|
+
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}";
|
|
12793
12992
|
var CuraSelectStyle0 = curaSelectCss;
|
|
12794
12993
|
|
|
12795
12994
|
class CuraSelect {
|
|
@@ -12875,6 +13074,7 @@ class CuraSelect {
|
|
|
12875
13074
|
this.status = 'default';
|
|
12876
13075
|
this.disabled = false;
|
|
12877
13076
|
this.required = false;
|
|
13077
|
+
this.searchBehavior = false;
|
|
12878
13078
|
this.isHovered = false;
|
|
12879
13079
|
this.isFocused = false;
|
|
12880
13080
|
this.isOpen = false;
|
|
@@ -12889,7 +13089,7 @@ class CuraSelect {
|
|
|
12889
13089
|
* Filters the options based on the current input value.
|
|
12890
13090
|
*/
|
|
12891
13091
|
filterOptions(newText) {
|
|
12892
|
-
if (!this.isOpen) {
|
|
13092
|
+
if (!this.isOpen || !this.searchBehavior) {
|
|
12893
13093
|
return;
|
|
12894
13094
|
}
|
|
12895
13095
|
this.options.forEach(option => {
|
|
@@ -13066,13 +13266,13 @@ class CuraSelect {
|
|
|
13066
13266
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13067
13267
|
}
|
|
13068
13268
|
render() {
|
|
13069
|
-
return (hAsync(Host, { key: '
|
|
13269
|
+
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: {
|
|
13070
13270
|
'cura-input-field': true,
|
|
13071
13271
|
'open': this.isOpen
|
|
13072
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13272
|
+
} }, 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: {
|
|
13073
13273
|
'menu': true,
|
|
13074
13274
|
'open': this.isOpen
|
|
13075
|
-
} }, hAsync("slot", { key: '
|
|
13275
|
+
} }, hAsync("slot", { key: '59eed2c893fa1201950611e234a137bf8a5dc7d4', name: 'option' }))))));
|
|
13076
13276
|
}
|
|
13077
13277
|
static get formAssociated() { return true; }
|
|
13078
13278
|
get host() { return getElement(this); }
|
|
@@ -13094,6 +13294,7 @@ class CuraSelect {
|
|
|
13094
13294
|
"status": [1537],
|
|
13095
13295
|
"disabled": [516],
|
|
13096
13296
|
"required": [516],
|
|
13297
|
+
"searchBehavior": [516, "search-behavior"],
|
|
13097
13298
|
"isHovered": [32],
|
|
13098
13299
|
"isFocused": [32],
|
|
13099
13300
|
"isOpen": [32],
|
|
@@ -13103,7 +13304,7 @@ class CuraSelect {
|
|
|
13103
13304
|
},
|
|
13104
13305
|
"$listeners$": undefined,
|
|
13105
13306
|
"$lazyBundleId$": "-",
|
|
13106
|
-
"$attrsToReflect$": [["label", "label"], ["placeholder", "placeholder"], ["value", "value"], ["mode", "mode"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"]]
|
|
13307
|
+
"$attrsToReflect$": [["label", "label"], ["placeholder", "placeholder"], ["value", "value"], ["mode", "mode"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"], ["searchBehavior", "search-behavior"]]
|
|
13107
13308
|
}; }
|
|
13108
13309
|
}
|
|
13109
13310
|
|
|
@@ -13145,7 +13346,7 @@ class CuraSelectOption {
|
|
|
13145
13346
|
};
|
|
13146
13347
|
}
|
|
13147
13348
|
render() {
|
|
13148
|
-
return (hAsync(Host, { key: '
|
|
13349
|
+
return (hAsync(Host, { key: '5feb573684784f2cf70876ccc1bb673b853d69b4', slot: "option" }, hAsync("div", { key: '03c65c64facc97c887c19f2226dfc5f1830004e1', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: '79f32d2bcc3ec42c8adb581fb8c4151920d55111', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '0df731f7223fac86e58676597c052caadd1d2858' })), this.selected && hAsync("cura-icon", { key: '28d4f9561a60bf9ecfeca44e4835b46ffee28ec1', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13149
13350
|
}
|
|
13150
13351
|
get host() { return getElement(this); }
|
|
13151
13352
|
static get watchers() { return {
|
|
@@ -13272,7 +13473,7 @@ class CuraSwitch {
|
|
|
13272
13473
|
return classes;
|
|
13273
13474
|
}
|
|
13274
13475
|
render() {
|
|
13275
|
-
return (hAsync(Host, { key: '
|
|
13476
|
+
return (hAsync(Host, { key: 'a18d2e4516e63c9dc080fabb97ded6cb145f096f' }, hAsync("div", { key: 'e6cfb0bada406eef4b6dc400eae2cc8e15ff209b', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '520489765d61a4c96079cc51395c9a7038c1ec12', class: "info" }, hAsync("cura-label", { key: '3b064a7794c262d62e4d8e04475ca20d87febc7b', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), hAsync("cura-label", { key: 'b94ac8cf1fd1e3ba0dce269b677636f09bc97597', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '437f81a5bde1395d97c346928191c8ab0ce7219d' }))), hAsync("div", { key: '3e36e82138a69c5f829f54ec82af0646fdea4fbb', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '7068b0664ebb020037d63df565e5c835b7a4fa46', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '6ce66dfe5d06bdfdb625b38b0e0adb20df7db130', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13276
13477
|
}
|
|
13277
13478
|
static get formAssociated() { return true; }
|
|
13278
13479
|
static get watchers() { return {
|
|
@@ -13328,7 +13529,7 @@ class CuraToast {
|
|
|
13328
13529
|
this.setStyle();
|
|
13329
13530
|
}
|
|
13330
13531
|
render() {
|
|
13331
|
-
return (hAsync(Host, { key: '
|
|
13532
|
+
return (hAsync(Host, { key: '65417f506ab0db06fd38449643c679d4fea1fffd' }, hAsync("div", { key: '80e509d36768bea4b99e215dc9d81aec83b9143c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'd2f6a36370ab4c6555bb679f481e1975fb234e41', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'c312e11dbb469c1a486eaf90898c6149ce099627', class: "content" }, hAsync("cura-heading", { key: 'f0ff03c554caaf0213476c23004b1361a876cf19', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'd94ab5591663c1135712bf54dd90182de5d18ed5', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '9dc18a1ded79abcc258b4a2c892084addb194c9f' })), hAsync("slot", { key: '829788786a56a1492b6fef2dd053f84fdafd7ea1', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '1d507a45d3a860e859f879de15d79bc7c3a34787', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '0ad99ff90899e19b3b2e9a13a2ac3fa76dae286d', color: `${this.type}-base`, progress: this.progress }))));
|
|
13332
13533
|
}
|
|
13333
13534
|
componentDidLoad() {
|
|
13334
13535
|
this.openContainer();
|
|
@@ -13429,6 +13630,7 @@ registerComponents([
|
|
|
13429
13630
|
CuraCard,
|
|
13430
13631
|
CuraCheckbox,
|
|
13431
13632
|
CuraDisplay,
|
|
13633
|
+
CuraDistance,
|
|
13432
13634
|
CuraDropdownSearch,
|
|
13433
13635
|
CuraDropdownSearchOption,
|
|
13434
13636
|
CuraDropdownSearchOptionTitle,
|