@rededor/cura-hydrate 1.0.0-alpha.5 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +336 -134
- package/index.mjs +336 -134
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -214,12 +214,12 @@ const ThemeMaternity = Object.assign(Object.assign({}, ThemeDefault), {
|
|
|
214
214
|
heading: "'Gotham', Arial, Helvetica, sans-serif",
|
|
215
215
|
display: "'Gotham', Arial, Helvetica, sans-serif",
|
|
216
216
|
weights: {
|
|
217
|
-
thin:
|
|
218
|
-
light:
|
|
219
|
-
regular:
|
|
220
|
-
medium:
|
|
221
|
-
bold:
|
|
222
|
-
black:
|
|
217
|
+
thin: 100,
|
|
218
|
+
light: 300,
|
|
219
|
+
regular: 400,
|
|
220
|
+
medium: 500,
|
|
221
|
+
bold: 700,
|
|
222
|
+
black: 900
|
|
223
223
|
},
|
|
224
224
|
} });
|
|
225
225
|
|
|
@@ -2948,7 +2948,7 @@ class CuraAlert {
|
|
|
2948
2948
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
2949
2949
|
}
|
|
2950
2950
|
render() {
|
|
2951
|
-
return (hAsync(Host, { key: '
|
|
2951
|
+
return (hAsync(Host, { key: 'b7b63129f2d0c1d2f8b451a7f795befc9e085238' }, hAsync("div", { key: 'b8450a11d65f0bbb3c9f688fccbb38efc7bf223c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '9a5dc4295f7c40362a86f77fe805127590812f15', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '6bbe4799d3f73df0cda2e94da2d71cdc1bfc855a', class: "content" }, hAsync("cura-label", { key: '8b761ec2804bb5633893af8ed91f5de268bbf029', class: "title", size: "small", color: "neutral-darker", weight: "bold" }, this.label), hAsync("cura-paragraph", { key: '4e7e7726758c26f1f397e8efc84d5eba1c88b428', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'f589c6fb9016b43b3557492a3ef1b4ede4a807a6' })), hAsync("div", { key: 'b212e9255855b96d5c069dd7544675386f00b372', class: "actions" }, hAsync("slot", { key: '174dfcc7dfc4ff3e29185843e010dddae75463f5', name: "actions" }))), this.closeable ?
|
|
2952
2952
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
2953
2953
|
: '')));
|
|
2954
2954
|
}
|
|
@@ -3024,7 +3024,7 @@ class CuraAvatar {
|
|
|
3024
3024
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3025
3025
|
}
|
|
3026
3026
|
render() {
|
|
3027
|
-
return (hAsync(Host, { key: '
|
|
3027
|
+
return (hAsync(Host, { key: 'fc8fbe9cdcab86398c83a55d006badb870ee959a', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: '6a107805cd770b98e74f7b0475c9896f59e51832', class: this.getClasses(), style: this.styles }, hAsync("img", { key: '4bd7991bd32b0aa6f87d0725303960b0b4c3b0b9', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
3028
3028
|
}
|
|
3029
3029
|
get host() { return getElement(this); }
|
|
3030
3030
|
static get watchers() { return {
|
|
@@ -3052,7 +3052,14 @@ class CuraAvatar {
|
|
|
3052
3052
|
}; }
|
|
3053
3053
|
}
|
|
3054
3054
|
|
|
3055
|
-
const
|
|
3055
|
+
const labelSizes = {
|
|
3056
|
+
"small": "xsmall",
|
|
3057
|
+
"medium": "small",
|
|
3058
|
+
"large": "medium",
|
|
3059
|
+
"default": "medium"
|
|
3060
|
+
};
|
|
3061
|
+
|
|
3062
|
+
const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3056
3063
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3057
3064
|
|
|
3058
3065
|
class CuraButton {
|
|
@@ -3079,6 +3086,7 @@ class CuraButton {
|
|
|
3079
3086
|
this.background = 'light';
|
|
3080
3087
|
this.fontColor = 'dark';
|
|
3081
3088
|
this.textAlign = 'left';
|
|
3089
|
+
this.justify = false;
|
|
3082
3090
|
this.styles = {};
|
|
3083
3091
|
this.hovered = false;
|
|
3084
3092
|
}
|
|
@@ -3118,12 +3126,13 @@ class CuraButton {
|
|
|
3118
3126
|
classes[`icon-only`] = this.iconOnly;
|
|
3119
3127
|
classes['disabled'] = this.disabled;
|
|
3120
3128
|
classes['isLoading'] = this.isLoading;
|
|
3129
|
+
classes['justify'] = this.justify;
|
|
3121
3130
|
return classes;
|
|
3122
3131
|
}
|
|
3123
3132
|
getIcon() {
|
|
3124
|
-
if (!this.iconName
|
|
3133
|
+
if (!this.iconName)
|
|
3125
3134
|
return '';
|
|
3126
|
-
const iconSize = this.size === '
|
|
3135
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3127
3136
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3128
3137
|
}
|
|
3129
3138
|
getSymbolColor() {
|
|
@@ -3147,7 +3156,9 @@ class CuraButton {
|
|
|
3147
3156
|
}
|
|
3148
3157
|
}
|
|
3149
3158
|
render() {
|
|
3150
|
-
|
|
3159
|
+
const symbolColor = this.getSymbolColor();
|
|
3160
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3161
|
+
return (hAsync(Host, { key: '33ee4706d79aae1ea11e804e59919f5e3afcf336' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { class: "label", size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { class: "label", size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3151
3162
|
}
|
|
3152
3163
|
static get formAssociated() { return true; }
|
|
3153
3164
|
static get watchers() { return {
|
|
@@ -3173,16 +3184,17 @@ class CuraButton {
|
|
|
3173
3184
|
"background": [513],
|
|
3174
3185
|
"fontColor": [513, "font-color"],
|
|
3175
3186
|
"textAlign": [513, "text-align"],
|
|
3187
|
+
"justify": [516],
|
|
3176
3188
|
"styles": [32],
|
|
3177
3189
|
"hovered": [32]
|
|
3178
3190
|
},
|
|
3179
3191
|
"$listeners$": undefined,
|
|
3180
3192
|
"$lazyBundleId$": "-",
|
|
3181
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3193
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["background", "background"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3182
3194
|
}; }
|
|
3183
3195
|
}
|
|
3184
3196
|
|
|
3185
|
-
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;
|
|
3197
|
+
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3186
3198
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3187
3199
|
|
|
3188
3200
|
class CuraButtonOutline$1 {
|
|
@@ -3209,6 +3221,7 @@ class CuraButtonOutline$1 {
|
|
|
3209
3221
|
this.background = 'light';
|
|
3210
3222
|
this.fontColor = 'dark';
|
|
3211
3223
|
this.textAlign = 'left';
|
|
3224
|
+
this.justify = false;
|
|
3212
3225
|
this.styles = {};
|
|
3213
3226
|
this.hovered = false;
|
|
3214
3227
|
}
|
|
@@ -3232,6 +3245,7 @@ class CuraButtonOutline$1 {
|
|
|
3232
3245
|
classes[`icon-only`] = this.iconOnly;
|
|
3233
3246
|
classes['disabled'] = this.disabled;
|
|
3234
3247
|
classes['isLoading'] = this.isLoading;
|
|
3248
|
+
classes['justify'] = this.justify;
|
|
3235
3249
|
return classes;
|
|
3236
3250
|
}
|
|
3237
3251
|
setColors() {
|
|
@@ -3245,9 +3259,9 @@ class CuraButtonOutline$1 {
|
|
|
3245
3259
|
this.styles = Object.assign({}, this.styles);
|
|
3246
3260
|
}
|
|
3247
3261
|
getIcon() {
|
|
3248
|
-
if (!this.iconName
|
|
3262
|
+
if (!this.iconName)
|
|
3249
3263
|
return '';
|
|
3250
|
-
const iconSize = this.size === '
|
|
3264
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3251
3265
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3252
3266
|
}
|
|
3253
3267
|
handleMouseEnter() {
|
|
@@ -3261,8 +3275,7 @@ class CuraButtonOutline$1 {
|
|
|
3261
3275
|
getSymbolColor() {
|
|
3262
3276
|
if (this.disabled)
|
|
3263
3277
|
return 'neutral-dark';
|
|
3264
|
-
|
|
3265
|
-
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3278
|
+
return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;
|
|
3266
3279
|
}
|
|
3267
3280
|
handleClick(e) {
|
|
3268
3281
|
if (this.disabled || this.isLoading) {
|
|
@@ -3277,7 +3290,9 @@ class CuraButtonOutline$1 {
|
|
|
3277
3290
|
}
|
|
3278
3291
|
}
|
|
3279
3292
|
render() {
|
|
3280
|
-
|
|
3293
|
+
const symbolColor = this.getSymbolColor();
|
|
3294
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3295
|
+
return (hAsync(Host, { key: '69e82dd1a26ea932f27f11ad5da295810ed3db1e' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3281
3296
|
}
|
|
3282
3297
|
static get formAssociated() { return true; }
|
|
3283
3298
|
static get watchers() { return {
|
|
@@ -3304,16 +3319,17 @@ class CuraButtonOutline$1 {
|
|
|
3304
3319
|
"background": [1],
|
|
3305
3320
|
"fontColor": [1, "font-color"],
|
|
3306
3321
|
"textAlign": [513, "text-align"],
|
|
3322
|
+
"justify": [516],
|
|
3307
3323
|
"styles": [32],
|
|
3308
3324
|
"hovered": [32]
|
|
3309
3325
|
},
|
|
3310
3326
|
"$listeners$": undefined,
|
|
3311
3327
|
"$lazyBundleId$": "-",
|
|
3312
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"]]
|
|
3328
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3313
3329
|
}; }
|
|
3314
3330
|
}
|
|
3315
3331
|
|
|
3316
|
-
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) *
|
|
3332
|
+
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;gap:5px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-base);border-color:var(--color-darker)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--neutral-medium-primary-base)}";
|
|
3317
3333
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3318
3334
|
|
|
3319
3335
|
class CuraButtonOutline {
|
|
@@ -3397,7 +3413,7 @@ class CuraButtonOutline {
|
|
|
3397
3413
|
return classes;
|
|
3398
3414
|
}
|
|
3399
3415
|
render() {
|
|
3400
|
-
return (hAsync(Host, { key: '
|
|
3416
|
+
return (hAsync(Host, { key: 'bbd95db4048d0bb3d4c17927da18136402bf91dd' }, hAsync("button", { key: 'ae27bbadadf7597d4e6aaa406cbeee3dc47921cd', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: '6cdcdb3c908673c3babad6fd35cedc38ff358b61', class: "button-container" }, this.getIcon(), hAsync("cura-label", { key: 'c058fedf71ac3c33a5711fba7be80dacd6ee8467', class: "label", lineHeight: '0%', color: this.assignColor() }, hAsync("slot", { key: '5976c1f58c3d5bba77cf6cde7acc31fb49fcd25d' }))))));
|
|
3401
3417
|
}
|
|
3402
3418
|
static get watchers() { return {
|
|
3403
3419
|
"background": ["setColors", "assignColor"],
|
|
@@ -3425,7 +3441,7 @@ class CuraButtonOutline {
|
|
|
3425
3441
|
}; }
|
|
3426
3442
|
}
|
|
3427
3443
|
|
|
3428
|
-
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border
|
|
3444
|
+
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3429
3445
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3430
3446
|
|
|
3431
3447
|
class CuraButtonTransparent {
|
|
@@ -3449,8 +3465,9 @@ class CuraButtonTransparent {
|
|
|
3449
3465
|
this.href = undefined;
|
|
3450
3466
|
this.target = "_self";
|
|
3451
3467
|
this.color = 'primary';
|
|
3452
|
-
this.fontColor = '
|
|
3468
|
+
this.fontColor = 'dark';
|
|
3453
3469
|
this.textAlign = 'left';
|
|
3470
|
+
this.justify = false;
|
|
3454
3471
|
this.hovered = false;
|
|
3455
3472
|
this.styles = {};
|
|
3456
3473
|
}
|
|
@@ -3472,12 +3489,13 @@ class CuraButtonTransparent {
|
|
|
3472
3489
|
classes[`icon-only`] = this.iconOnly;
|
|
3473
3490
|
classes['disabled'] = this.disabled;
|
|
3474
3491
|
classes['isLoading'] = this.isLoading;
|
|
3492
|
+
classes['justify'] = this.justify;
|
|
3475
3493
|
return classes;
|
|
3476
3494
|
}
|
|
3477
3495
|
getIcon() {
|
|
3478
|
-
if (!this.iconName
|
|
3496
|
+
if (!this.iconName)
|
|
3479
3497
|
return null;
|
|
3480
|
-
const iconSize = this.size === '
|
|
3498
|
+
const iconSize = this.size === 'large' ? 20 : 16;
|
|
3481
3499
|
return hAsync("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
|
|
3482
3500
|
}
|
|
3483
3501
|
handleMouseEnter() {
|
|
@@ -3493,8 +3511,7 @@ class CuraButtonTransparent {
|
|
|
3493
3511
|
return 'neutral-dark';
|
|
3494
3512
|
if (this.hovered && !this.isLoading)
|
|
3495
3513
|
return this.fontColor === 'light' ? `${this.color}-light` : `${this.color}-darker`;
|
|
3496
|
-
|
|
3497
|
-
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-darker`;
|
|
3514
|
+
return this.fontColor === 'light' ? 'neutral-white' : `${this.color}-dark`;
|
|
3498
3515
|
}
|
|
3499
3516
|
handleClick(e) {
|
|
3500
3517
|
if (this.disabled || this.isLoading) {
|
|
@@ -3509,7 +3526,9 @@ class CuraButtonTransparent {
|
|
|
3509
3526
|
}
|
|
3510
3527
|
}
|
|
3511
3528
|
render() {
|
|
3512
|
-
|
|
3529
|
+
const symbolColor = this.getSymbolColor();
|
|
3530
|
+
const labelSize = labelSizes[this.size] || labelSizes["default"];
|
|
3531
|
+
return (hAsync(Host, { key: 'a149c7f0dd3a413c563f891c9298d66cde905f5e' }, this.href ? (hAsync("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { size: labelSize, lineHeight: '118%', color: symbolColor }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: symbolColor })))));
|
|
3513
3532
|
}
|
|
3514
3533
|
static get formAssociated() { return true; }
|
|
3515
3534
|
static get watchers() { return {
|
|
@@ -3531,15 +3550,16 @@ class CuraButtonTransparent {
|
|
|
3531
3550
|
"iconOnly": [516, "icon-only"],
|
|
3532
3551
|
"href": [513],
|
|
3533
3552
|
"target": [513],
|
|
3534
|
-
"color": [
|
|
3553
|
+
"color": [513],
|
|
3535
3554
|
"fontColor": [513, "font-color"],
|
|
3536
3555
|
"textAlign": [513, "text-align"],
|
|
3556
|
+
"justify": [516],
|
|
3537
3557
|
"hovered": [32],
|
|
3538
3558
|
"styles": [32]
|
|
3539
3559
|
},
|
|
3540
3560
|
"$listeners$": undefined,
|
|
3541
3561
|
"$lazyBundleId$": "-",
|
|
3542
|
-
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["fontColor", "font-color"], ["textAlign", "text-align"]]
|
|
3562
|
+
"$attrsToReflect$": [["type", "type"], ["size", "size"], ["disabled", "disabled"], ["isLoading", "is-loading"], ["iconName", "icon-name"], ["iconset", "iconset"], ["iconPosition", "icon-position"], ["iconOnly", "icon-only"], ["href", "href"], ["target", "target"], ["color", "color"], ["fontColor", "font-color"], ["textAlign", "text-align"], ["justify", "justify"]]
|
|
3543
3563
|
}; }
|
|
3544
3564
|
}
|
|
3545
3565
|
|
|
@@ -3830,6 +3850,31 @@ function startOfDay(dirtyDate) {
|
|
|
3830
3850
|
return date;
|
|
3831
3851
|
}
|
|
3832
3852
|
|
|
3853
|
+
/**
|
|
3854
|
+
* @name addWeeks
|
|
3855
|
+
* @category Week Helpers
|
|
3856
|
+
* @summary Add the specified number of weeks to the given date.
|
|
3857
|
+
*
|
|
3858
|
+
* @description
|
|
3859
|
+
* Add the specified number of week to the given date.
|
|
3860
|
+
*
|
|
3861
|
+
* @param {Date|Number} date - the date to be changed
|
|
3862
|
+
* @param {Number} amount - the amount of weeks to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
|
|
3863
|
+
* @returns {Date} the new date with the weeks added
|
|
3864
|
+
* @throws {TypeError} 2 arguments required
|
|
3865
|
+
*
|
|
3866
|
+
* @example
|
|
3867
|
+
* // Add 4 weeks to 1 September 2014:
|
|
3868
|
+
* const result = addWeeks(new Date(2014, 8, 1), 4)
|
|
3869
|
+
* //=> Mon Sep 29 2014 00:00:00
|
|
3870
|
+
*/
|
|
3871
|
+
function addWeeks(dirtyDate, dirtyAmount) {
|
|
3872
|
+
requiredArgs(2, arguments);
|
|
3873
|
+
var amount = toInteger(dirtyAmount);
|
|
3874
|
+
var days = amount * 7;
|
|
3875
|
+
return addDays(dirtyDate, days);
|
|
3876
|
+
}
|
|
3877
|
+
|
|
3833
3878
|
/**
|
|
3834
3879
|
* Days in 1 week.
|
|
3835
3880
|
*
|
|
@@ -6618,6 +6663,30 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
6618
6663
|
return addMonths(dirtyDate, -amount);
|
|
6619
6664
|
}
|
|
6620
6665
|
|
|
6666
|
+
/**
|
|
6667
|
+
* @name subWeeks
|
|
6668
|
+
* @category Week Helpers
|
|
6669
|
+
* @summary Subtract the specified number of weeks from the given date.
|
|
6670
|
+
*
|
|
6671
|
+
* @description
|
|
6672
|
+
* Subtract the specified number of weeks from the given date.
|
|
6673
|
+
*
|
|
6674
|
+
* @param {Date|Number} date - the date to be changed
|
|
6675
|
+
* @param {Number} amount - the amount of weeks to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
|
|
6676
|
+
* @returns {Date} the new date with the weeks subtracted
|
|
6677
|
+
* @throws {TypeError} 2 arguments required
|
|
6678
|
+
*
|
|
6679
|
+
* @example
|
|
6680
|
+
* // Subtract 4 weeks from 1 September 2014:
|
|
6681
|
+
* const result = subWeeks(new Date(2014, 8, 1), 4)
|
|
6682
|
+
* //=> Mon Aug 04 2014 00:00:00
|
|
6683
|
+
*/
|
|
6684
|
+
function subWeeks(dirtyDate, dirtyAmount) {
|
|
6685
|
+
requiredArgs(2, arguments);
|
|
6686
|
+
var amount = toInteger(dirtyAmount);
|
|
6687
|
+
return addWeeks(dirtyDate, -amount);
|
|
6688
|
+
}
|
|
6689
|
+
|
|
6621
6690
|
var dateFormats$1 = {
|
|
6622
6691
|
full: 'EEEE, d MMMM yyyy',
|
|
6623
6692
|
long: 'd MMMM yyyy',
|
|
@@ -7057,7 +7126,7 @@ var locale = {
|
|
|
7057
7126
|
};
|
|
7058
7127
|
var ptBR = locale;
|
|
7059
7128
|
|
|
7060
|
-
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);padding:0 12px 12px 12px;min-width:
|
|
7129
|
+
const curaCalendarCss = ":host{display:block;width:var(--width)}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);padding:0 12px 12px 12px;min-width:280px;border:1px solid var(--neutral-light);border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 4px 8px var(--neutral-light);font-family:var(--font-family)}:host .header{position:relative;padding:12px 0}:host .header::after{content:\"\";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:0px 12px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:\"\";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--accent-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:\"\";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected,:host .date.default-dates{color:var(--neutral-black) !important;background:var(--accent-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--primary-darker) !important;background:var(--accent-base)}:host .date.range.interval{border-radius:0;background-color:var(--accent-light);color:var(--neutral-black)}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--primary-darker) !important;background:var(--accent-base)}:host .date:hover{background:var(--accent-light);border-radius:50%;color:var(--neutral-black)}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}";
|
|
7061
7130
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7062
7131
|
|
|
7063
7132
|
class CuraCalendar {
|
|
@@ -7067,8 +7136,8 @@ class CuraCalendar {
|
|
|
7067
7136
|
this.theme = window.CuraAPI.theme;
|
|
7068
7137
|
this.weights = this.theme.fonts.getWeights();
|
|
7069
7138
|
this.optionsLocale = { 'pt-BR': ptBR, 'en-US': enAU };
|
|
7070
|
-
this.period =
|
|
7071
|
-
this.width = '
|
|
7139
|
+
this.period = null;
|
|
7140
|
+
this.width = '280px';
|
|
7072
7141
|
this.mode = 'single';
|
|
7073
7142
|
this.dateFormat = 'yyyy-MM-dd';
|
|
7074
7143
|
this.locale = 'pt-BR';
|
|
@@ -7077,6 +7146,8 @@ class CuraCalendar {
|
|
|
7077
7146
|
this.enable = [];
|
|
7078
7147
|
this.defaultDate = [];
|
|
7079
7148
|
this.limitRange = null;
|
|
7149
|
+
this.disablePassDates = false;
|
|
7150
|
+
this.collapsed = null;
|
|
7080
7151
|
this.currentDate = new Date();
|
|
7081
7152
|
this.selectedDates = [];
|
|
7082
7153
|
this.rangeStart = null;
|
|
@@ -7127,6 +7198,9 @@ class CuraCalendar {
|
|
|
7127
7198
|
* @returns {boolean} Whether the date is valid.
|
|
7128
7199
|
*/
|
|
7129
7200
|
isDateInValidPeriod(date) {
|
|
7201
|
+
if (this.period === null) {
|
|
7202
|
+
return true;
|
|
7203
|
+
}
|
|
7130
7204
|
return this.period.includes(format(date, this.dateFormat));
|
|
7131
7205
|
}
|
|
7132
7206
|
/**
|
|
@@ -7154,6 +7228,12 @@ class CuraCalendar {
|
|
|
7154
7228
|
* @returns {boolean} Whether the date is disabled.
|
|
7155
7229
|
*/
|
|
7156
7230
|
isDateInDisabledPeriod(date) {
|
|
7231
|
+
const today = new Date();
|
|
7232
|
+
today.setHours(0, 0, 0, 0);
|
|
7233
|
+
if (this.disablePassDates)
|
|
7234
|
+
return isBefore(date, today);
|
|
7235
|
+
if (this.disable === null)
|
|
7236
|
+
return false;
|
|
7157
7237
|
return this.isDateInList(this.expandDateRanges(this.disable), date);
|
|
7158
7238
|
}
|
|
7159
7239
|
/**
|
|
@@ -7163,7 +7243,7 @@ class CuraCalendar {
|
|
|
7163
7243
|
* @returns {boolean} Whether the date is enabled.
|
|
7164
7244
|
*/
|
|
7165
7245
|
isDateInEnabledPeriod(date) {
|
|
7166
|
-
if (this.enable
|
|
7246
|
+
if (this.enable === null || [])
|
|
7167
7247
|
return true;
|
|
7168
7248
|
return this.isDateInList(this.expandDateRanges(this.enable), date);
|
|
7169
7249
|
}
|
|
@@ -7207,7 +7287,7 @@ class CuraCalendar {
|
|
|
7207
7287
|
*/
|
|
7208
7288
|
onMonthDropdownChange(event) {
|
|
7209
7289
|
const { months } = this.fetchMonthNames();
|
|
7210
|
-
const newMonth = event.detail
|
|
7290
|
+
const newMonth = event.detail;
|
|
7211
7291
|
this.selectMonth = newMonth;
|
|
7212
7292
|
this.currentDate = new Date(getYear(this.currentDate), months.indexOf(newMonth), 1);
|
|
7213
7293
|
}
|
|
@@ -7217,7 +7297,7 @@ class CuraCalendar {
|
|
|
7217
7297
|
* @param {CustomEvent} event - The change event.
|
|
7218
7298
|
*/
|
|
7219
7299
|
onYearDropdownChange(event) {
|
|
7220
|
-
const newYear = event.detail
|
|
7300
|
+
const newYear = event.detail;
|
|
7221
7301
|
this.selectYear = newYear;
|
|
7222
7302
|
this.currentDate = new Date(newYear, getMonth(this.currentDate), 1);
|
|
7223
7303
|
}
|
|
@@ -7309,11 +7389,38 @@ class CuraCalendar {
|
|
|
7309
7389
|
*
|
|
7310
7390
|
* @returns {(Date | null)[]} An array of dates and nulls for the current month view.
|
|
7311
7391
|
*/
|
|
7392
|
+
showNotColapsedCalendar() {
|
|
7393
|
+
if (this.collapsed) {
|
|
7394
|
+
this.fetchDaysOfWeek();
|
|
7395
|
+
}
|
|
7396
|
+
else
|
|
7397
|
+
(this.fetchDaysOfMonth());
|
|
7398
|
+
this.collapsed = false;
|
|
7399
|
+
}
|
|
7400
|
+
showColapsedCalendar() {
|
|
7401
|
+
this.collapsed = true;
|
|
7402
|
+
return this.fetchDaysOfWeek();
|
|
7403
|
+
}
|
|
7404
|
+
fetchDaysOfWeek() {
|
|
7405
|
+
const DAYS_IN_CALENDAR_VIEW = 7;
|
|
7406
|
+
const start = startOfWeek(this.currentDate);
|
|
7407
|
+
const end = endOfWeek(this.currentDate);
|
|
7408
|
+
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7409
|
+
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7410
|
+
}
|
|
7411
|
+
updateCurrentWeek(direction) {
|
|
7412
|
+
let newWeek = new Date(this.currentDate);
|
|
7413
|
+
if (direction === 'prev')
|
|
7414
|
+
newWeek = subWeeks(this.currentDate, 1);
|
|
7415
|
+
if (direction === 'next')
|
|
7416
|
+
newWeek = addWeeks(this.currentDate, 1);
|
|
7417
|
+
this.currentDate = newWeek;
|
|
7418
|
+
}
|
|
7312
7419
|
fetchDaysOfMonth() {
|
|
7313
|
-
const start = startOfMonth(this.currentDate);
|
|
7314
|
-
const end = endOfMonth(this.currentDate);
|
|
7315
7420
|
const WEEKS_IN_CALENDAR_VIEW = 6;
|
|
7316
7421
|
const DAYS_IN_CALENDAR_VIEW = 42;
|
|
7422
|
+
const start = startOfMonth(this.currentDate);
|
|
7423
|
+
const end = endOfMonth(this.currentDate);
|
|
7317
7424
|
const daysIncurrentDate = eachDayOfInterval({ start, end });
|
|
7318
7425
|
const prevMonthStart = startOfMonth(addMonths(start, -1));
|
|
7319
7426
|
const prevMonthEnd = endOfMonth(prevMonthStart);
|
|
@@ -7368,7 +7475,7 @@ class CuraCalendar {
|
|
|
7368
7475
|
*/
|
|
7369
7476
|
determinePrevButtonColor() {
|
|
7370
7477
|
const isPrevDisabled = isBefore(new Date(getYear(this.currentDate), getMonth(this.currentDate) - 1, 1), startOfMonth(new Date()));
|
|
7371
|
-
return isPrevDisabled
|
|
7478
|
+
return isPrevDisabled && 'primary-base';
|
|
7372
7479
|
}
|
|
7373
7480
|
/**
|
|
7374
7481
|
* Get the status of a given date, determining its position and interval status.
|
|
@@ -7442,7 +7549,9 @@ class CuraCalendar {
|
|
|
7442
7549
|
}
|
|
7443
7550
|
render() {
|
|
7444
7551
|
const { months } = this.fetchMonthNames();
|
|
7445
|
-
return (hAsync(Host, { key: '
|
|
7552
|
+
return (hAsync(Host, { key: '49e48240bb1da756c8d4ee8dff554a24b1da8038', style: this.getHostCSSProperties() }, hAsync("div", { key: 'bfa7c4b9362c6a9b3c35639ebb720a3fd2601fa4', class: "calendar", style: this.styles }, hAsync("header", { key: 'aa6803cb2bf8b6f7b58cdd9796921aadfc40abca', class: "header" }, hAsync("div", { key: 'efa9f7c0598677defca5f31220e3b1f0dbc16037', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '759a409d176a47c44be9615bf342d8a6d296ded6', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", color: this.determinePrevButtonColor(), onClick: !this.collapsed ? () => this.updateCurrentMonth('prev') : () => this.updateCurrentWeek('prev') }), this.type === 'dropdown' ? (hAsync("div", { class: "select" }, hAsync("cura-select", { class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: (e) => this.onMonthDropdownChange(e) }, months.map((month, index) => (hAsync("cura-select-option", { key: index, value: month }, month)))), hAsync("cura-select", { class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: (e) => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (hAsync("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (hAsync("cura-label", { color: "neutral-black", size: "large" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), hAsync("cura-icon", { key: '650919445aa94fd26b9605da79dbaa1950652c0d', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: '3934dec68753250503976b462b6589327b7be613', class: "days-of-week" }, this.fetchWeekDays().map((day, index) => (hAsync("cura-label", { class: "day", size: "xsmall", color: "neutral-black", weight: 'bold', key: index }, day === 'sab' ? 'SÁB' : day.toLocaleUpperCase())))), hAsync("div", { key: '47e46d363c972877b97889c3c5756c14d42046de', class: "dates" }, !this.collapsed ?
|
|
7553
|
+
this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : ''))) :
|
|
7554
|
+
this.fetchDaysOfWeek().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (hAsync("div", { class: 'collapsed-container' }, hAsync("cura-button-transparent", { onClick: () => this.showNotColapsedCalendar(), size: 'small', color: 'primary', fontColor: 'dark', iconName: 'plusCircle' }, "Veja mais datas"))) : (hAsync("div", { class: 'collapsed-container' }, hAsync("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: 'small', color: 'primary', fontColor: 'dark', iconName: 'minusCircle' }, "Veja menos datas")))) : null)));
|
|
7446
7555
|
}
|
|
7447
7556
|
static get style() { return CuraCalendarStyle0; }
|
|
7448
7557
|
static get cmpMeta() { return {
|
|
@@ -7452,13 +7561,15 @@ class CuraCalendar {
|
|
|
7452
7561
|
"period": [513],
|
|
7453
7562
|
"width": [513],
|
|
7454
7563
|
"mode": [513],
|
|
7455
|
-
"dateFormat": [
|
|
7564
|
+
"dateFormat": [1537, "date-format"],
|
|
7456
7565
|
"locale": [513],
|
|
7457
7566
|
"type": [513],
|
|
7458
7567
|
"disable": [16],
|
|
7459
7568
|
"enable": [16],
|
|
7460
7569
|
"defaultDate": [16],
|
|
7461
7570
|
"limitRange": [514, "limit-range"],
|
|
7571
|
+
"disablePassDates": [1540, "disable-pass-dates"],
|
|
7572
|
+
"collapsed": [1540],
|
|
7462
7573
|
"currentDate": [32],
|
|
7463
7574
|
"selectedDates": [32],
|
|
7464
7575
|
"rangeStart": [32],
|
|
@@ -7469,7 +7580,7 @@ class CuraCalendar {
|
|
|
7469
7580
|
},
|
|
7470
7581
|
"$listeners$": undefined,
|
|
7471
7582
|
"$lazyBundleId$": "-",
|
|
7472
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"]]
|
|
7583
|
+
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["collapsed", "collapsed"]]
|
|
7473
7584
|
}; }
|
|
7474
7585
|
}
|
|
7475
7586
|
|
|
@@ -7512,7 +7623,7 @@ class CuraCard {
|
|
|
7512
7623
|
return classes;
|
|
7513
7624
|
}
|
|
7514
7625
|
render() {
|
|
7515
|
-
return (hAsync(Host, { key: '
|
|
7626
|
+
return (hAsync(Host, { key: '24318e0e70d7a9cb1cbdfa3503b2fa5bce791c00', role: this.href ? 'link' : 'div' }, this.href ? (hAsync("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, hAsync("slot", null))) : (hAsync("div", { class: this.getClasses(), style: this.styles }, hAsync("slot", null)))));
|
|
7516
7627
|
}
|
|
7517
7628
|
static get style() { return CuraCardStyle0; }
|
|
7518
7629
|
static get cmpMeta() { return {
|
|
@@ -7707,7 +7818,7 @@ class CuraCheckbox {
|
|
|
7707
7818
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
7708
7819
|
}
|
|
7709
7820
|
render() {
|
|
7710
|
-
return (hAsync(Host, { key: '
|
|
7821
|
+
return (hAsync(Host, { key: 'd24019856ac701df4acbe1f7e104df67eae93945' }, hAsync("div", { key: '413093861acf19223c65aae30bd5cd62053eec43', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: '5ba8881480f1ef8692cde13258246175ac52f3c8', class: "info" }, hAsync("div", { key: 'e3473b617a9261dfacea2c2b8bd826b87a739c6b', class: "label-wrapper" }, hAsync("cura-label", { key: '2a4b7c973795a23b123c250259d95df63796f53c', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '093a39a051be67644f6206095686cda606a3c9f5', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '8fe9215b5a56a1cf7f10871e721c1b04cd88d37f', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '5633213ce05d2f554a2acc9804d5306436eaac45' }))), hAsync("div", { key: '5ff152af172d4a8cb0e83e2e50ec8fa6449ef9e4', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: 'f62a404773c19fedfd236aa82ecd8582fdfd4c36', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
7711
7822
|
}
|
|
7712
7823
|
static get formAssociated() { return true; }
|
|
7713
7824
|
get host() { return getElement(this); }
|
|
@@ -7744,7 +7855,7 @@ class CuraCheckbox {
|
|
|
7744
7855
|
}; }
|
|
7745
7856
|
}
|
|
7746
7857
|
|
|
7747
|
-
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7858
|
+
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(i),:host ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
7748
7859
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
7749
7860
|
|
|
7750
7861
|
class CuraDisplay {
|
|
@@ -7752,6 +7863,7 @@ class CuraDisplay {
|
|
|
7752
7863
|
registerInstance(this, hostRef);
|
|
7753
7864
|
this.theme = window.CuraAPI.theme;
|
|
7754
7865
|
this.level = 1;
|
|
7866
|
+
this.size = 'large';
|
|
7755
7867
|
this.spotColor = 'accent-dark';
|
|
7756
7868
|
this.color = undefined;
|
|
7757
7869
|
this.marginBlock = '1.25em';
|
|
@@ -7771,7 +7883,8 @@ class CuraDisplay {
|
|
|
7771
7883
|
this.styles = {
|
|
7772
7884
|
'--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
|
|
7773
7885
|
'--font-size': window.CuraAPI.theme.fonts.getSize(),
|
|
7774
|
-
'--font-weight-bold': this.weights.bold
|
|
7886
|
+
'--font-weight-bold': this.weights.bold,
|
|
7887
|
+
'--font-weight-medium': this.weights.medium
|
|
7775
7888
|
};
|
|
7776
7889
|
}
|
|
7777
7890
|
hostCSSProperties() {
|
|
@@ -7787,20 +7900,27 @@ class CuraDisplay {
|
|
|
7787
7900
|
: this.theme.fonts.getColor();
|
|
7788
7901
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
7789
7902
|
}
|
|
7903
|
+
getClasses() {
|
|
7904
|
+
var _a;
|
|
7905
|
+
const classes = {};
|
|
7906
|
+
classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
|
|
7907
|
+
return classes;
|
|
7908
|
+
}
|
|
7790
7909
|
getHeadingTag() {
|
|
7910
|
+
const classes = this.getClasses();
|
|
7791
7911
|
const tags = {
|
|
7792
|
-
'1': hAsync("h1", { style: this.styles }, hAsync("slot", null)),
|
|
7793
|
-
'2': hAsync("h2", { style: this.styles }, hAsync("slot", null)),
|
|
7794
|
-
'3': hAsync("h3", { style: this.styles }, hAsync("slot", null)),
|
|
7795
|
-
'4': hAsync("h4", { style: this.styles }, hAsync("slot", null)),
|
|
7796
|
-
'5': hAsync("h5", { style: this.styles }, hAsync("slot", null)),
|
|
7797
|
-
'6': hAsync("h6", { style: this.styles }, hAsync("slot", null)),
|
|
7798
|
-
'default': hAsync("h1", { style: this.styles }, hAsync("slot", null))
|
|
7912
|
+
'1': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7913
|
+
'2': hAsync("h2", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7914
|
+
'3': hAsync("h3", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7915
|
+
'4': hAsync("h4", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7916
|
+
'5': hAsync("h5", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7917
|
+
'6': hAsync("h6", { style: this.styles, class: classes }, hAsync("slot", null)),
|
|
7918
|
+
'default': hAsync("h1", { style: this.styles, class: classes }, hAsync("slot", null))
|
|
7799
7919
|
};
|
|
7800
7920
|
return tags[`${this.level}`] || tags['default'];
|
|
7801
7921
|
}
|
|
7802
7922
|
render() {
|
|
7803
|
-
return (hAsync(Host, { key: '
|
|
7923
|
+
return (hAsync(Host, { key: 'ffd8e58f9bf50038554591ec2b191e0488ae0500', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
7804
7924
|
}
|
|
7805
7925
|
get host() { return getElement(this); }
|
|
7806
7926
|
static get watchers() { return {
|
|
@@ -7813,7 +7933,8 @@ class CuraDisplay {
|
|
|
7813
7933
|
"$tagName$": "cura-display",
|
|
7814
7934
|
"$members$": {
|
|
7815
7935
|
"level": [514],
|
|
7816
|
-
"
|
|
7936
|
+
"size": [513],
|
|
7937
|
+
"spotColor": [1, "spot-color"],
|
|
7817
7938
|
"color": [1],
|
|
7818
7939
|
"marginBlock": [513, "margin-block"],
|
|
7819
7940
|
"lineHeight": [513, "line-height"],
|
|
@@ -7821,11 +7942,61 @@ class CuraDisplay {
|
|
|
7821
7942
|
},
|
|
7822
7943
|
"$listeners$": undefined,
|
|
7823
7944
|
"$lazyBundleId$": "-",
|
|
7824
|
-
"$attrsToReflect$": [["level", "level"], ["
|
|
7945
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
7825
7946
|
}; }
|
|
7826
7947
|
}
|
|
7827
7948
|
|
|
7828
|
-
const
|
|
7949
|
+
const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";
|
|
7950
|
+
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
7951
|
+
|
|
7952
|
+
class CuraDistance {
|
|
7953
|
+
constructor(hostRef) {
|
|
7954
|
+
registerInstance(this, hostRef);
|
|
7955
|
+
this.isThousandRounded = false;
|
|
7956
|
+
this.theme = window.CuraAPI.theme;
|
|
7957
|
+
this.distance = 0;
|
|
7958
|
+
this.label = 'km';
|
|
7959
|
+
this.styles = {};
|
|
7960
|
+
this.displayDistance = 0;
|
|
7961
|
+
}
|
|
7962
|
+
formatDistance() {
|
|
7963
|
+
const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;
|
|
7964
|
+
this.isThousandRounded = Math.abs(roundedDistance) >= 1000;
|
|
7965
|
+
this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;
|
|
7966
|
+
}
|
|
7967
|
+
connectedCallback() {
|
|
7968
|
+
this.setCssProperties();
|
|
7969
|
+
this.formatDistance();
|
|
7970
|
+
}
|
|
7971
|
+
render() {
|
|
7972
|
+
return (hAsync(Host, { key: 'afc9605f43777e15c026ee00b0ca3fc18b648489' }, hAsync("div", { key: '5e970213baad148605f9fcd0e0f0307f32a99375', class: "container", style: this.styles }, hAsync("cura-label", { key: 'd56a580850734dedf9d7e72c0dce45d05be26119', size: 'xsmall', weight: 'bold', color: 'neutral-black' }, this.displayDistance, this.isThousandRounded ? 'K' : ''), hAsync("cura-label", { key: 'e0ec3d1a6919b3931d807f75054b5d861e6015b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark' }, this.label))));
|
|
7973
|
+
}
|
|
7974
|
+
setCssProperties() {
|
|
7975
|
+
this.styles = {
|
|
7976
|
+
'--neutral-pale': this.theme.colors.getColor(`neutral-pale`),
|
|
7977
|
+
'--base-spacing': this.theme.spacing.getSpacing()
|
|
7978
|
+
};
|
|
7979
|
+
}
|
|
7980
|
+
static get watchers() { return {
|
|
7981
|
+
"distance": ["formatDistance"]
|
|
7982
|
+
}; }
|
|
7983
|
+
static get style() { return CuraBadgeDistanceStyle0; }
|
|
7984
|
+
static get cmpMeta() { return {
|
|
7985
|
+
"$flags$": 9,
|
|
7986
|
+
"$tagName$": "cura-badge-distance",
|
|
7987
|
+
"$members$": {
|
|
7988
|
+
"distance": [2],
|
|
7989
|
+
"label": [513],
|
|
7990
|
+
"styles": [32],
|
|
7991
|
+
"displayDistance": [32]
|
|
7992
|
+
},
|
|
7993
|
+
"$listeners$": undefined,
|
|
7994
|
+
"$lazyBundleId$": "-",
|
|
7995
|
+
"$attrsToReflect$": [["label", "label"]]
|
|
7996
|
+
}; }
|
|
7997
|
+
}
|
|
7998
|
+
|
|
7999
|
+
const curaDropdownSearchCss = ":host{display:block;width:100%;box-sizing:border-box}.dropdown{display:flex;position:relative;flex-direction:column;width:inherit}.dropdown .dropdown-search-list{z-index:1000}.dropdown-input-search{width:100%;display:flex;justify-content:center;align-items:center;background:transparent}.dropdown-input-search.dropdown-open ::part(cura-input-field){border-radius:4px 4px 0px 0px}.dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:none}.dropdown-input-search.dropdown-open cura-input-text ::slotted([slot=helperText]){display:none}.dropdown-search-list{position:absolute;top:calc(100% - 8px);width:100%;max-height:var(--dropdown-max-height);padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));border-radius:0px 0px 4px 4px;border-top:0 var(--neutral-light);border-right:2px solid var(--neutral-light);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;display:none}.dropdown-search-list.visible{display:block}.dropdown-search-list-input-search{width:inherit;display:flex;justify-content:center;align-items:center;padding:16px 8px;border-bottom:2px solid var(--info-base);background-color:var(--neutral-purewhite)}.dropdown-search-list-input-search cura-input-text{width:inherit}.dropdown-search-list-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile{position:fixed;top:0;left:0;right:0;width:100%;z-index:10000}.dropdown-mobile .dropdown-input-search{display:flex;gap:4px;padding:12px 8px;background-color:var(--neutral-purewhite);border-bottom:2px solid var(--info-base);z-index:10000}.dropdown-mobile .dropdown-input-search cura-button-transparent{display:flex}.dropdown-mobile .dropdown-input-search.error{background-color:var(--error-lighter);border-bottom:2px solid var(--error-dark)}.dropdown-mobile .dropdown-input-search.dropdown-open{display:flex}.dropdown-mobile .dropdown-input-search.dropdown-open ::slotted([slot=helperText]){display:block}.dropdown-mobile .dropdown-search-list{position:static;width:100%;height:100%;max-height:none;padding:12px 12px;margin:0;box-sizing:border-box;box-shadow:none;border:none;background-color:var(--neutral-purewhite);list-style:none;overflow-y:auto;z-index:10000}";
|
|
7829
8000
|
var CuraDropdownSearchStyle0 = curaDropdownSearchCss;
|
|
7830
8001
|
|
|
7831
8002
|
class CuraDropdownSearch {
|
|
@@ -7874,6 +8045,7 @@ class CuraDropdownSearch {
|
|
|
7874
8045
|
}
|
|
7875
8046
|
};
|
|
7876
8047
|
this.status = 'default';
|
|
8048
|
+
this.disabled = false;
|
|
7877
8049
|
this.name = undefined;
|
|
7878
8050
|
this.required = false;
|
|
7879
8051
|
this.selected = false;
|
|
@@ -7949,7 +8121,7 @@ class CuraDropdownSearch {
|
|
|
7949
8121
|
}
|
|
7950
8122
|
addClickListenersToOptions() {
|
|
7951
8123
|
this.options.forEach((option, index) => {
|
|
7952
|
-
option.addEventListener('
|
|
8124
|
+
option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
7953
8125
|
});
|
|
7954
8126
|
}
|
|
7955
8127
|
updateSelectedOption(value) {
|
|
@@ -8014,6 +8186,7 @@ class CuraDropdownSearch {
|
|
|
8014
8186
|
return {
|
|
8015
8187
|
'dropdown-input-search': true,
|
|
8016
8188
|
'dropdown-open': this.isDropdownOpen,
|
|
8189
|
+
disabled: this.disabled,
|
|
8017
8190
|
[this.status]: true,
|
|
8018
8191
|
};
|
|
8019
8192
|
}
|
|
@@ -8030,9 +8203,9 @@ class CuraDropdownSearch {
|
|
|
8030
8203
|
}
|
|
8031
8204
|
render() {
|
|
8032
8205
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8033
|
-
return (hAsync(Host, { key: '
|
|
8206
|
+
return (hAsync(Host, { key: '0332c943d5c4240283d9672d021e611a982fe52e', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '2f65822008f3f7fae7c55033e3a6d75efa3e8466', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '28bfa930d8f66007716f586a35c78ebf9086974e', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '1e1c18de7fca61e6420b175c602865fc5aec5e36', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '5fc1a11e5491ae15d0cc9f1d9aab32cd69a2d2ba', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: isMobileDropdown ? 'transparent' : 'default', required: this.required, hideErrorIcon: this.status === 'error', iconName: this.iconName || 'search', value: this.value, status: this.status, onValueChange: e => this.onValueChange(e.target.value), onInput: e => this.handleInputChange(e), onFocus: () => (this.isDropdownOpen = true), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8034
8207
|
this.handleOnBlur();
|
|
8035
|
-
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8208
|
+
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'f6ae0aea0d15fded19af9152e68a8de56995497f', name: "helperText" }))), hAsync("div", { key: '1ec396eafe90f062aea392faca54473ba3cc475b', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'afc41aa7166145912e163086f6df603dc3e39d51', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8036
8209
|
}
|
|
8037
8210
|
get host() { return getElement(this); }
|
|
8038
8211
|
static get watchers() { return {
|
|
@@ -8044,6 +8217,7 @@ class CuraDropdownSearch {
|
|
|
8044
8217
|
"$tagName$": "cura-dropdown-search",
|
|
8045
8218
|
"$members$": {
|
|
8046
8219
|
"status": [513],
|
|
8220
|
+
"disabled": [516],
|
|
8047
8221
|
"name": [513],
|
|
8048
8222
|
"required": [1540],
|
|
8049
8223
|
"selected": [1540],
|
|
@@ -8064,11 +8238,11 @@ class CuraDropdownSearch {
|
|
|
8064
8238
|
},
|
|
8065
8239
|
"$listeners$": undefined,
|
|
8066
8240
|
"$lazyBundleId$": "-",
|
|
8067
|
-
"$attrsToReflect$": [["status", "status"], ["name", "name"], ["required", "required"], ["selected", "selected"], ["value", "value"], ["placeholder", "placeholder"], ["label", "label"], ["iconName", "icon-name"], ["dropdownMaxHeight", "dropdown-max-height"]]
|
|
8241
|
+
"$attrsToReflect$": [["status", "status"], ["disabled", "disabled"], ["name", "name"], ["required", "required"], ["selected", "selected"], ["value", "value"], ["placeholder", "placeholder"], ["label", "label"], ["iconName", "icon-name"], ["dropdownMaxHeight", "dropdown-max-height"]]
|
|
8068
8242
|
}; }
|
|
8069
8243
|
}
|
|
8070
8244
|
|
|
8071
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type)
|
|
8245
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--base-spacing) * 2px) calc(var(--base-spacing) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--base-spacing) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--base-spacing) * 8px);display:flex;justify-content:center;align-items:center}";
|
|
8072
8246
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8073
8247
|
|
|
8074
8248
|
class CuraDropdownSearchOption {
|
|
@@ -8094,6 +8268,7 @@ class CuraDropdownSearchOption {
|
|
|
8094
8268
|
}
|
|
8095
8269
|
connectedCallback() {
|
|
8096
8270
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8271
|
+
this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
|
|
8097
8272
|
this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
|
|
8098
8273
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8099
8274
|
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
@@ -8109,11 +8284,12 @@ class CuraDropdownSearchOption {
|
|
|
8109
8284
|
}
|
|
8110
8285
|
}
|
|
8111
8286
|
render() {
|
|
8112
|
-
return (hAsync(Host, { key: '
|
|
8287
|
+
return (hAsync(Host, { key: '957218946adc6611a384d8e86860eb4f8ae50db3', slot: "dropdown-search-option" }, hAsync("div", { key: 'a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe', style: this.styles, class: {
|
|
8288
|
+
"option-container": true,
|
|
8113
8289
|
hovered: this.selectable ? this.hovered : false,
|
|
8114
8290
|
selected: this.selected,
|
|
8115
8291
|
disabled: !this.selectable
|
|
8116
|
-
} }, hAsync("slot", { key: '
|
|
8292
|
+
} }, hAsync("div", { key: '18994a7e0ad6e2b4ab37ae65edc796e4cdedce43', class: "content-container" }, hAsync("div", { key: '2505977c08bea5d92b3cc33af5c117709120b82b', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: 'bc5ac8b88938f29693b6f9d68ec933e7abc513e4', name: "image" }), hAsync("cura-heading", { key: '81d2b1d1e8b60f26a6e444d18dac0ddfc95b44ea', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'e91fb72dc20136d0a6b56da0d03eaba02327d80d' }))), hAsync("slot", { key: 'f0e24b8548bec4ff52f3fcccd77562ef5548d5f6', name: "action" })))));
|
|
8117
8293
|
}
|
|
8118
8294
|
get hostElement() { return getElement(this); }
|
|
8119
8295
|
static get watchers() { return {
|
|
@@ -8144,7 +8320,7 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8144
8320
|
registerInstance(this, hostRef);
|
|
8145
8321
|
}
|
|
8146
8322
|
render() {
|
|
8147
|
-
return (hAsync(Host, { key: '
|
|
8323
|
+
return (hAsync(Host, { key: 'b9fbb0edaea7457fad9244d5c032961bd913f170', slot: "dropdown-search-option" }, hAsync("cura-label", { key: 'dbefa340f1001a532c7f2152907b87e5e2e1f0ec', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, hAsync("slot", { key: '1d03c41d153dc707db82943c77dd96547c98c78a' }))));
|
|
8148
8324
|
}
|
|
8149
8325
|
static get style() { return CuraDropdownSearchOptionTitleStyle0; }
|
|
8150
8326
|
static get cmpMeta() { return {
|
|
@@ -8223,7 +8399,7 @@ class CuraHeading {
|
|
|
8223
8399
|
return tags[`${this.level}`] || tags['default'];
|
|
8224
8400
|
}
|
|
8225
8401
|
render() {
|
|
8226
|
-
return (hAsync(Host, { key: '
|
|
8402
|
+
return (hAsync(Host, { key: '6e3a1f6786d9c1f9c0abb1b54ced47d2c6e8a90d', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8227
8403
|
}
|
|
8228
8404
|
get host() { return getElement(this); }
|
|
8229
8405
|
static get watchers() { return {
|
|
@@ -8300,7 +8476,7 @@ class CuraIcon {
|
|
|
8300
8476
|
this.host.style.setProperty(prop, value);
|
|
8301
8477
|
}
|
|
8302
8478
|
render() {
|
|
8303
|
-
return (hAsync(Host, { key: '
|
|
8479
|
+
return (hAsync(Host, { key: '42f2502c1180315fde13c1c383ba2335e681f25b' }, hAsync("svg", { key: 'b30e76338033abd6be556049e1db9d949173adc2', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: '45df96f126cc573ce5189332a04c4e9a6db02b36', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8304
8480
|
}
|
|
8305
8481
|
get host() { return getElement(this); }
|
|
8306
8482
|
static get watchers() { return {
|
|
@@ -8325,7 +8501,7 @@ class CuraIcon {
|
|
|
8325
8501
|
}; }
|
|
8326
8502
|
}
|
|
8327
8503
|
|
|
8328
|
-
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8504
|
+
var iconsetdefaulticons = ["360", "accessibility", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "avatarF", "avatarM", "biometry", "bloodGroup", "calendar", "cam", "camOff", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "drug", "duplicate", "edit", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "imageUp", "infoCircle", "instagram", "key", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "youtube", "zoomIn", "zoomOut"];
|
|
8329
8505
|
|
|
8330
8506
|
const curaIconsViewCss = ":host{display:block;padding:24px;font-family:\"Roboto\", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}";
|
|
8331
8507
|
var CuraIconsViewStyle0 = curaIconsViewCss;
|
|
@@ -8344,9 +8520,9 @@ class CuraIconsView {
|
|
|
8344
8520
|
this.sizes.unshift(this.sizes.pop());
|
|
8345
8521
|
}
|
|
8346
8522
|
render() {
|
|
8347
|
-
return (hAsync(Host, { key: '
|
|
8348
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '
|
|
8349
|
-
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: '
|
|
8523
|
+
return (hAsync(Host, { key: 'a6617c95d8f812380ad9a6471b2d3308f230d985' }, hAsync("div", { key: 'fd3d146d453f37b1e1f8968113271bd59c870821', class: "iconDetail" }, hAsync("cura-heading", { key: '6f8ba0f48fe6a3fd7d237bf8606f0e789bb9a24e', size: "small", "margin-block": "0 24px" }, "Icon: ", hAsync("b", { key: '9a90cfdc2df40488ece88e4af4ddf7af4c8b7413' }, this.selected)), hAsync("div", { key: '0b0978997491adc4bf5c9629c3ca93302d352a57', class: "iconSizes" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8524
|
+
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: '0d8666083a28088fbb036920c0130770fadb9fe8', class: "iconSizes invert" }, this.sizes.map(size => size === 'micro' && !microIcons.includes(this.selected) ? '' :
|
|
8525
|
+
hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: 'fcc2275ca60d1c36dbcc5a7a5b10e1a35d2445e2', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon), !microIcons.includes(icon) ? '' :
|
|
8350
8526
|
hAsync("cura-paragraph", { color: 'success-dark', size: "xsmall", "margin-block": "0px", "line-height": '100%' }, "MICRO"))))));
|
|
8351
8527
|
}
|
|
8352
8528
|
static get style() { return CuraIconsViewStyle0; }
|
|
@@ -11998,15 +12174,11 @@ const maskOptions = {
|
|
|
11998
12174
|
placeholderChar: '_',
|
|
11999
12175
|
},
|
|
12000
12176
|
date: {
|
|
12001
|
-
mask:
|
|
12002
|
-
min: new Date(1900, 0, 1),
|
|
12003
|
-
max: new Date(2099, 11, 31),
|
|
12004
|
-
lazy: false,
|
|
12005
|
-
placeholderChar: '_',
|
|
12177
|
+
mask: '00/00/0000'
|
|
12006
12178
|
},
|
|
12007
12179
|
};
|
|
12008
12180
|
|
|
12009
|
-
const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .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}.cura-input-group .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}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .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:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .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}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.disabled .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:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .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}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.disabled .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.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}.cura-input-group.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}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px}.cura-input-group.transparent.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;overflow:hidden}.cura-input-group.transparent.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}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).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;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).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}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).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;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).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}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
|
|
12181
|
+
const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .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}.cura-input-group .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}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .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:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .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}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.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}.cura-input-group.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}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px}.cura-input-group.transparent.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;overflow:hidden}.cura-input-group.transparent.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}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).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;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).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}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).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;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).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}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
|
|
12010
12182
|
var CuraInputTextStyle0 = curaInputTextCss;
|
|
12011
12183
|
|
|
12012
12184
|
class CuraInputText {
|
|
@@ -12260,6 +12432,7 @@ class CuraInputText {
|
|
|
12260
12432
|
}
|
|
12261
12433
|
handleInputChange(event) {
|
|
12262
12434
|
const inputValue = event.target.value;
|
|
12435
|
+
this.valueChange.emit(inputValue);
|
|
12263
12436
|
if (this.type === 'number') {
|
|
12264
12437
|
this.handleNumberInputChange(inputValue);
|
|
12265
12438
|
}
|
|
@@ -12299,7 +12472,7 @@ class CuraInputText {
|
|
|
12299
12472
|
e.preventDefault();
|
|
12300
12473
|
}
|
|
12301
12474
|
render() {
|
|
12302
|
-
return (hAsync(Host, { key: '
|
|
12475
|
+
return (hAsync(Host, { key: '2f2f783ecef425e66a87f01ee01da880de719a39' }, hAsync("div", { key: '1d9045829f1c0d651c72b79d76e02e2c46061dac', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, hAsync("div", { key: '812f545947d26244ef7bef0dfbbdf4ddc48b1553', class: "input-wrapper" }, this.label && (hAsync("cura-label", { key: '620aa3fb370e1cc80462c55f1b39418030cbed7d', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && hAsync("span", { key: 'fc0dc595d953c8360acc2277d8744dcf868a59b3', class: "required" }, "* "))), hAsync("div", { key: 'fcb2acfb37815c5beb2c1b96ae22a3854b370e15', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), hAsync("input", { key: '4cd76e5b8cf323f43de0169631cbb168a0eaa954', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref) }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (hAsync("cura-icon", { key: '0832143a6aea10d7a07cf281e66e48762c9df30d', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && hAsync("cura-loader-circle", { key: 'a2eebd7fdeb47ca19b3a3be6f379bd27a77292ca', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
|
|
12303
12476
|
}
|
|
12304
12477
|
static get formAssociated() { return true; }
|
|
12305
12478
|
static get watchers() { return {
|
|
@@ -12398,7 +12571,7 @@ class CuraLabel {
|
|
|
12398
12571
|
};
|
|
12399
12572
|
}
|
|
12400
12573
|
render() {
|
|
12401
|
-
return (hAsync(Host, { key: '
|
|
12574
|
+
return (hAsync(Host, { key: '77ee1eeda9c4bef3c64a098df6420d8f1545e06f', style: this.hostCSSProperties() }, hAsync("p", { key: '6ade3961e8b1fa6cf5d3ae2bd695774cdfa197a7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '1fe809e027a5137e747835198527bcfab8c73d86' }))));
|
|
12402
12575
|
}
|
|
12403
12576
|
get host() { return getElement(this); }
|
|
12404
12577
|
static get watchers() { return {
|
|
@@ -12445,7 +12618,7 @@ class CuraLoaderBar {
|
|
|
12445
12618
|
this.setProgress();
|
|
12446
12619
|
}
|
|
12447
12620
|
render() {
|
|
12448
|
-
return (hAsync(Host, { key: '
|
|
12621
|
+
return (hAsync(Host, { key: 'e8c5cf2c47e5b8a1a3e0ea758df9a5183b94afbe' }, hAsync("div", { key: '4375509425a0f7f8a86ded54c792f04d8b34d004', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '2d78b8f09726918cb01ef2ba775cf061f8b1fbab', class: "progress-bar-fill" }))));
|
|
12449
12622
|
}
|
|
12450
12623
|
setColor() {
|
|
12451
12624
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -12497,7 +12670,7 @@ class CuraLoaderCircle {
|
|
|
12497
12670
|
};
|
|
12498
12671
|
}
|
|
12499
12672
|
render() {
|
|
12500
|
-
return (hAsync(Host, { key: '
|
|
12673
|
+
return (hAsync(Host, { key: '4c3a12d61a3b686438ece6752160337ca8cacf18', style: this.getStyles() }, hAsync("svg", { key: 'bf8d817e7624419514e8f918ade94024c0d6bcb9', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '69885675868e25d75e9b0a461cb6563ba32a317a' }, hAsync("circle", { key: 'a1b20469b5bb76d101cfbba683f99689b2a8b8ed', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'c74b6313eff3374f711ace4c638fa0e671325f12', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), hAsync("defs", { key: '5f5861e8cdf8f192cd3312c345b0c3f2afeeb0c2' }, hAsync("linearGradient", { key: '98826d4d31d454e8d013349003bc89c3b82118bd', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'c0e582f71ef1a6870d0f77047198f58bf18987f6' }), hAsync("stop", { key: '3f120a0b8e9c86388f084d34e4bda9f8c5893702', offset: "1" }))))));
|
|
12501
12674
|
}
|
|
12502
12675
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
12503
12676
|
static get cmpMeta() { return {
|
|
@@ -12532,7 +12705,7 @@ class CuraPageTemplate {
|
|
|
12532
12705
|
return classes;
|
|
12533
12706
|
}
|
|
12534
12707
|
render() {
|
|
12535
|
-
return (hAsync(Host, { key: '
|
|
12708
|
+
return (hAsync(Host, { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' }, hAsync("div", { key: '41c0a6cb17747a0bf8fb44f8e5766412dd261b4d', style: this.styles, class: "grid-template" }, hAsync("div", { key: 'f563c6dbcd7506bfc100df9d5e4d7afe28cc7172', id: "sub-header" }, hAsync("slot", { key: '2db35bb65c395d6af3ec1654fdbe2fa76735d60d', name: 'sub-header' })), hAsync("div", { key: 'dff85fecdcf50c6812dd7eda1d2547b868da36a4', id: "header" }, hAsync("slot", { key: 'dd1726210432a383868ae4ab716ee20259a7a744', name: 'header' })), hAsync("div", { key: '3d8ebad203977884ea3b0c97cffd764e7c87ff8b', id: "pre-content" }, hAsync("slot", { key: '15e9cd099c005d78afc31624d968142d657cd53e', name: 'pre-content' })), hAsync("div", { key: '682ac5ec6855a6e598a1c27dae336787f38d5143', id: "content-container", class: this.getClasses() }, hAsync("div", { key: 'a288d9994489df25bffac158026df89e688064a9', id: "sidebar-left" }, hAsync("slot", { key: '26546baebf11e32f18ddec1659453e85cb5f8542', name: 'sidebar-left' })), hAsync("div", { key: 'f998d555d298800c770919c6195b2d963000c07f', id: "content" }, hAsync("slot", { key: 'e15084b2c7a2092331e92d5a0e389a37e07905d0', name: "content" }), hAsync("slot", { key: '31a9c32a7309a34882ee8c7e5fe5f8893083a1ba' })), hAsync("div", { key: '661aa62b89dd76d5d40008690fa56d53234e048d', id: "sidebar-right" }, hAsync("slot", { key: 'f0b96d33a41818840a38ca162fd32fba8b3f70bb', name: 'sidebar-right' }))), hAsync("div", { key: 'bdb1b6793f62315d80ab3843224a56e9586f5cc4', id: "post-body" }, hAsync("slot", { key: 'c373462fbd8d8ecebccb1515304be38b68f1fc87', name: 'post-body' })), hAsync("div", { key: '097ae8d7ccb045ebcc60f2829b43a2ba8e87fc2b', id: "footer" }, hAsync("slot", { key: '1d519a8e1e5094bbf5c2a3309c4e84122468ab3e', name: 'footer' })), hAsync("div", { key: '62e5ab1d7c9a4be5e4b4f9ab0803b298ee9fe125', id: "sub-footer" }, hAsync("slot", { key: '59a0637bbc2dad5a2bfef04e78858a95f59231d1', name: 'sub-footer' })))));
|
|
12536
12709
|
}
|
|
12537
12710
|
get host() { return getElement(this); }
|
|
12538
12711
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -12548,7 +12721,7 @@ class CuraPageTemplate {
|
|
|
12548
12721
|
}; }
|
|
12549
12722
|
}
|
|
12550
12723
|
|
|
12551
|
-
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.
|
|
12724
|
+
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.7142857143em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host ::slotted(i){font-style:italic}:host ::slotted(em){font-weight:var(--font-weight-medium);color:var(--color-link);font-style:normal}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
12552
12725
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
12553
12726
|
|
|
12554
12727
|
class CuraParagraph {
|
|
@@ -12598,7 +12771,7 @@ class CuraParagraph {
|
|
|
12598
12771
|
};
|
|
12599
12772
|
}
|
|
12600
12773
|
render() {
|
|
12601
|
-
return (hAsync(Host, { key: '
|
|
12774
|
+
return (hAsync(Host, { key: '0942f1f6c23f0662a604f065ab7347546ed457cf', style: this.hostCSSProperties() }, hAsync("p", { key: '3a16f232c2bd783695a2229eb3181463b28a95fa', style: this.styles, class: this.setsizeClass() }, hAsync("slot", { key: 'c03154a42f5a30f8114ff86b8a62a3f1093d7c73' }))));
|
|
12602
12775
|
}
|
|
12603
12776
|
get host() { return getElement(this); }
|
|
12604
12777
|
static get watchers() { return {
|
|
@@ -12755,7 +12928,7 @@ class CuraRadio {
|
|
|
12755
12928
|
return statusColors[this.status][type];
|
|
12756
12929
|
}
|
|
12757
12930
|
render() {
|
|
12758
|
-
return (hAsync(Host, { key: '
|
|
12931
|
+
return (hAsync(Host, { key: '47a86162a780f9bfc554ab0f39e20e2f1e01a9d9' }, hAsync("div", { key: 'a0f2860ed3ff500bfc100c1e546da8ced421b207', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '9191f64704f6c1d791922464a75e00afa0cdcb7e', class: "info" }, hAsync("div", { key: 'c61a9ba353b49db897c27f6356bfe3d76651b186', class: "label-wrapper" }, hAsync("cura-label", { key: 'aa942db786a175452697b17229dc05e9113e8097', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'aed6a56437cc00fb7050043ce0a89877770acc6c', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '4b489038012fcf112d89d5cdcce46e55b363eca0', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'edff8c3ddc4875017dc7e9342fe3c9e19bdb86dc' }))), hAsync("input", { key: '43d5c937fbaa9139abaa3c1c8b5534a39fa4017c', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked, onClick: this.handleClick }))));
|
|
12759
12932
|
}
|
|
12760
12933
|
static get formAssociated() { return true; }
|
|
12761
12934
|
get host() { return getElement(this); }
|
|
@@ -12789,7 +12962,7 @@ class CuraRadio {
|
|
|
12789
12962
|
}; }
|
|
12790
12963
|
}
|
|
12791
12964
|
|
|
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.disabled .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:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .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.disabled .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.disabled .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.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}.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:scroll;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important}";
|
|
12965
|
+
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}";
|
|
12793
12966
|
var CuraSelectStyle0 = curaSelectCss;
|
|
12794
12967
|
|
|
12795
12968
|
class CuraSelect {
|
|
@@ -12820,8 +12993,6 @@ class CuraSelect {
|
|
|
12820
12993
|
if (mutation.type === 'attributes') {
|
|
12821
12994
|
if (mutation.attributeName === 'selected')
|
|
12822
12995
|
this.updateSelectedOption();
|
|
12823
|
-
if (mutation.attributeName === 'value')
|
|
12824
|
-
this.filterOptions();
|
|
12825
12996
|
}
|
|
12826
12997
|
});
|
|
12827
12998
|
};
|
|
@@ -12833,27 +13004,33 @@ class CuraSelect {
|
|
|
12833
13004
|
this.clearSelectedAttributes();
|
|
12834
13005
|
selectedOption.setAttribute('selected', 'true');
|
|
12835
13006
|
};
|
|
12836
|
-
this.
|
|
13007
|
+
this.handleKeyNavigation = (event) => {
|
|
12837
13008
|
var _a;
|
|
12838
|
-
|
|
13009
|
+
const { code: keyCode } = event;
|
|
13010
|
+
if (!this.isOpen && keyCode === 'ArrowDown') {
|
|
13011
|
+
this.isOpen = true;
|
|
13012
|
+
this.activeIndex = 0;
|
|
12839
13013
|
return;
|
|
12840
|
-
|
|
12841
|
-
if (
|
|
13014
|
+
}
|
|
13015
|
+
if (keyCode === 'ArrowDown') {
|
|
12842
13016
|
event.preventDefault();
|
|
12843
13017
|
this.updateActiveIndex(1);
|
|
12844
13018
|
}
|
|
12845
|
-
if (
|
|
13019
|
+
if (keyCode === 'ArrowUp') {
|
|
12846
13020
|
event.preventDefault();
|
|
12847
13021
|
this.updateActiveIndex(-1);
|
|
12848
13022
|
}
|
|
12849
|
-
if (
|
|
13023
|
+
if (keyCode === 'Enter' || keyCode === 'Space') {
|
|
12850
13024
|
(_a = this.options[this.activeIndex]) === null || _a === void 0 ? void 0 : _a.click();
|
|
12851
13025
|
}
|
|
13026
|
+
if (keyCode === 'Escape') {
|
|
13027
|
+
this.isOpen = false;
|
|
13028
|
+
}
|
|
12852
13029
|
};
|
|
12853
13030
|
this.handleInputChange = (e) => {
|
|
12854
|
-
this.
|
|
12855
|
-
this.isOpen =
|
|
12856
|
-
this.internals.setFormValue(this.
|
|
13031
|
+
this.textInput = e.target.value;
|
|
13032
|
+
this.isOpen = this.textInput.length > 0;
|
|
13033
|
+
this.internals.setFormValue(this.textInput);
|
|
12857
13034
|
};
|
|
12858
13035
|
this.handleClick = (event) => {
|
|
12859
13036
|
if (this.disabled)
|
|
@@ -12876,6 +13053,24 @@ class CuraSelect {
|
|
|
12876
13053
|
this.isOpen = false;
|
|
12877
13054
|
this.options = undefined;
|
|
12878
13055
|
this.activeIndex = -1;
|
|
13056
|
+
this.textInput = '';
|
|
13057
|
+
}
|
|
13058
|
+
updateOptionHighlights(newActiveINdex) {
|
|
13059
|
+
this.options.forEach((option, index) => option.active = index === newActiveINdex);
|
|
13060
|
+
}
|
|
13061
|
+
/**
|
|
13062
|
+
* Filters the options based on the current input value.
|
|
13063
|
+
*/
|
|
13064
|
+
filterOptions(newText) {
|
|
13065
|
+
if (!this.isOpen) {
|
|
13066
|
+
return;
|
|
13067
|
+
}
|
|
13068
|
+
this.options.forEach(option => {
|
|
13069
|
+
var _a;
|
|
13070
|
+
const optionValue = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
|
|
13071
|
+
const isVisible = optionValue.includes(newText.toLocaleLowerCase());
|
|
13072
|
+
option.style.display = isVisible ? 'block' : 'none';
|
|
13073
|
+
});
|
|
12879
13074
|
}
|
|
12880
13075
|
/**
|
|
12881
13076
|
* Callback for form association.
|
|
@@ -12887,16 +13082,16 @@ class CuraSelect {
|
|
|
12887
13082
|
* Callback to restore the switch state from the form.
|
|
12888
13083
|
*/
|
|
12889
13084
|
formStateRestoreCallback(state) {
|
|
12890
|
-
this.
|
|
13085
|
+
this.textInput = state.value;
|
|
12891
13086
|
this.updateSelectedOption();
|
|
12892
13087
|
}
|
|
12893
13088
|
/**
|
|
12894
13089
|
* Callback to reset the switch state when the form is reset.
|
|
12895
13090
|
*/
|
|
12896
13091
|
formResetCallback() {
|
|
12897
|
-
this.
|
|
13092
|
+
this.textInput = '';
|
|
12898
13093
|
this.clearSelectedAttributes();
|
|
12899
|
-
this.internals.setFormValue(
|
|
13094
|
+
this.internals.setFormValue('');
|
|
12900
13095
|
this.internals.setValidity({});
|
|
12901
13096
|
}
|
|
12902
13097
|
/**
|
|
@@ -12935,11 +13130,18 @@ class CuraSelect {
|
|
|
12935
13130
|
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
12936
13131
|
}
|
|
12937
13132
|
initializeOptions() {
|
|
13133
|
+
var _a;
|
|
12938
13134
|
this.options = this.host.querySelectorAll('cura-select-option');
|
|
12939
13135
|
this.options.forEach(option => {
|
|
12940
13136
|
option.setAttribute('size', this.size);
|
|
12941
|
-
option.
|
|
13137
|
+
const isSelected = this.value === option.value;
|
|
13138
|
+
option.setAttribute('selected', JSON.stringify(isSelected));
|
|
13139
|
+
if (isSelected) {
|
|
13140
|
+
this.value = option.value;
|
|
13141
|
+
this.internals.setFormValue(option.value);
|
|
13142
|
+
}
|
|
12942
13143
|
});
|
|
13144
|
+
this.textInput = ((_a = Array.from(this.options).find(option => option.value === this.value)) === null || _a === void 0 ? void 0 : _a.textContent) || this.textInput;
|
|
12943
13145
|
}
|
|
12944
13146
|
/**
|
|
12945
13147
|
* Applies styles to the component based on the theme.
|
|
@@ -12964,16 +13166,25 @@ class CuraSelect {
|
|
|
12964
13166
|
this.mutationObserver = new MutationObserver(this.handleMutations);
|
|
12965
13167
|
this.mutationObserver.observe(this.host, { attributes: true, subtree: true, attributeFilter: ['selected', 'value'] });
|
|
12966
13168
|
}
|
|
13169
|
+
handleValueChange(newValue) {
|
|
13170
|
+
this.clearSelectedAttributes();
|
|
13171
|
+
const selectedOption = this.host.querySelector(`cura-select-option[value="${newValue}"]`);
|
|
13172
|
+
if (!selectedOption) {
|
|
13173
|
+
return;
|
|
13174
|
+
}
|
|
13175
|
+
selectedOption.setAttribute('selected', 'true');
|
|
13176
|
+
}
|
|
12967
13177
|
updateSelectedOption() {
|
|
12968
|
-
const
|
|
12969
|
-
if (
|
|
12970
|
-
|
|
12971
|
-
|
|
12972
|
-
|
|
12973
|
-
|
|
12974
|
-
|
|
12975
|
-
|
|
12976
|
-
|
|
13178
|
+
const selectedOptionElement = this.host.querySelector('cura-select-option[selected]');
|
|
13179
|
+
if (!selectedOptionElement) {
|
|
13180
|
+
return;
|
|
13181
|
+
}
|
|
13182
|
+
this.value = selectedOptionElement.value;
|
|
13183
|
+
this.internals.setFormValue(this.value);
|
|
13184
|
+
if (this.textInput !== selectedOptionElement.textContent) {
|
|
13185
|
+
this.textInput = selectedOptionElement.textContent;
|
|
13186
|
+
this.isOpen = false;
|
|
13187
|
+
this.selected.emit(selectedOptionElement.value);
|
|
12977
13188
|
}
|
|
12978
13189
|
}
|
|
12979
13190
|
/**
|
|
@@ -12982,26 +13193,10 @@ class CuraSelect {
|
|
|
12982
13193
|
clearSelectedAttributes() {
|
|
12983
13194
|
this.options.forEach(option => option.removeAttribute('selected'));
|
|
12984
13195
|
}
|
|
12985
|
-
/**
|
|
12986
|
-
* Filters the options based on the current input value.
|
|
12987
|
-
*/
|
|
12988
|
-
filterOptions() {
|
|
12989
|
-
const inputValue = this.value.toLowerCase();
|
|
12990
|
-
this.options.forEach(option => {
|
|
12991
|
-
var _a;
|
|
12992
|
-
const optionValue = ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
|
|
12993
|
-
const isVisible = this.isOpen ? optionValue.includes(inputValue) : true;
|
|
12994
|
-
option.style.display = isVisible ? 'block' : 'none';
|
|
12995
|
-
});
|
|
12996
|
-
}
|
|
12997
13196
|
updateActiveIndex(direction) {
|
|
12998
13197
|
if (this.options.length === 0)
|
|
12999
13198
|
return;
|
|
13000
13199
|
this.activeIndex = (this.activeIndex + direction + this.options.length) % this.options.length;
|
|
13001
|
-
this.updateOptionHighlights();
|
|
13002
|
-
}
|
|
13003
|
-
updateOptionHighlights() {
|
|
13004
|
-
this.options.forEach((option, index) => option.active = index === this.activeIndex);
|
|
13005
13200
|
}
|
|
13006
13201
|
getClasses() {
|
|
13007
13202
|
return {
|
|
@@ -13044,16 +13239,21 @@ class CuraSelect {
|
|
|
13044
13239
|
return (hAsync("cura-icon", { class: 'feedback-icon', name: icon, iconset: 'default', size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles }));
|
|
13045
13240
|
}
|
|
13046
13241
|
render() {
|
|
13047
|
-
return (hAsync(Host, { key: '
|
|
13242
|
+
return (hAsync(Host, { key: 'bc202c6de926da5642421b91b1f38abfda496c83', style: this.styles }, hAsync("div", { key: 'e80bc20071f9ba3c2e385d5c87c1ef6ffd5d9bd9', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: 'e090559a5ed7d0c6cdb9603e6b715dbfa54d383e', class: 'label', weight: 'bold', size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: 'da3b3a38328a81b4c7d43cedf392f6a35ca5cad5', class: 'required' }, "* "))), hAsync("div", { key: '48e6d57d80b140d8dd51dd079c0ce7f39d7a9a96', class: {
|
|
13048
13243
|
'cura-input-field': true,
|
|
13049
13244
|
'open': this.isOpen
|
|
13050
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
13245
|
+
} }, this.renderIcon(), hAsync("input", { key: 'd9c1fc1d7cd068aa4f52f002924f7caaa11c099b', type: "text", autocomplete: 'off', onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput }), hAsync("cura-icon", { key: '3099bd0ffc0f758e39815db70f7c79c55d97190e', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: 'default' })), hAsync("cura-label", { key: 'e82da158d25d0cad7102d5ed13698f0f741cd6ea', class: "helper-text", size: 'xsmall', color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: '71ab712009bc6a61f189da5a082330eed9e89d33' })), this.isOpen && (hAsync("div", { key: '4a6f38f3798ea894936554c0b4191b45dc5172eb', class: {
|
|
13051
13246
|
'menu': true,
|
|
13052
13247
|
'open': this.isOpen
|
|
13053
|
-
} }, hAsync("slot", { key: '
|
|
13248
|
+
} }, hAsync("slot", { key: '8db3420024df6aa85f0e8265c6f88c9bb4a8811f', name: 'option' }))))));
|
|
13054
13249
|
}
|
|
13055
13250
|
static get formAssociated() { return true; }
|
|
13056
13251
|
get host() { return getElement(this); }
|
|
13252
|
+
static get watchers() { return {
|
|
13253
|
+
"activeIndex": ["updateOptionHighlights"],
|
|
13254
|
+
"textInput": ["filterOptions"],
|
|
13255
|
+
"value": ["handleValueChange"]
|
|
13256
|
+
}; }
|
|
13057
13257
|
static get style() { return CuraSelectStyle0; }
|
|
13058
13258
|
static get cmpMeta() { return {
|
|
13059
13259
|
"$flags$": 73,
|
|
@@ -13071,7 +13271,8 @@ class CuraSelect {
|
|
|
13071
13271
|
"isFocused": [32],
|
|
13072
13272
|
"isOpen": [32],
|
|
13073
13273
|
"options": [32],
|
|
13074
|
-
"activeIndex": [32]
|
|
13274
|
+
"activeIndex": [32],
|
|
13275
|
+
"textInput": [32]
|
|
13075
13276
|
},
|
|
13076
13277
|
"$listeners$": undefined,
|
|
13077
13278
|
"$lazyBundleId$": "-",
|
|
@@ -13117,7 +13318,7 @@ class CuraSelectOption {
|
|
|
13117
13318
|
};
|
|
13118
13319
|
}
|
|
13119
13320
|
render() {
|
|
13120
|
-
return (hAsync(Host, { key: '
|
|
13321
|
+
return (hAsync(Host, { key: '5feb573684784f2cf70876ccc1bb673b853d69b4', slot: "option" }, hAsync("div", { key: '03c65c64facc97c887c19f2226dfc5f1830004e1', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: '79f32d2bcc3ec42c8adb581fb8c4151920d55111', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '0df731f7223fac86e58676597c052caadd1d2858' })), this.selected && hAsync("cura-icon", { key: '28d4f9561a60bf9ecfeca44e4835b46ffee28ec1', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
13121
13322
|
}
|
|
13122
13323
|
get host() { return getElement(this); }
|
|
13123
13324
|
static get watchers() { return {
|
|
@@ -13244,7 +13445,7 @@ class CuraSwitch {
|
|
|
13244
13445
|
return classes;
|
|
13245
13446
|
}
|
|
13246
13447
|
render() {
|
|
13247
|
-
return (hAsync(Host, { key: '
|
|
13448
|
+
return (hAsync(Host, { key: 'a18d2e4516e63c9dc080fabb97ded6cb145f096f' }, hAsync("div", { key: 'e6cfb0bada406eef4b6dc400eae2cc8e15ff209b', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '520489765d61a4c96079cc51395c9a7038c1ec12', class: "info" }, hAsync("cura-label", { key: '3b064a7794c262d62e4d8e04475ca20d87febc7b', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), hAsync("cura-label", { key: 'b94ac8cf1fd1e3ba0dce269b677636f09bc97597', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: '437f81a5bde1395d97c346928191c8ab0ce7219d' }))), hAsync("div", { key: '3e36e82138a69c5f829f54ec82af0646fdea4fbb', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '7068b0664ebb020037d63df565e5c835b7a4fa46', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '6ce66dfe5d06bdfdb625b38b0e0adb20df7db130', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
13248
13449
|
}
|
|
13249
13450
|
static get formAssociated() { return true; }
|
|
13250
13451
|
static get watchers() { return {
|
|
@@ -13300,7 +13501,7 @@ class CuraToast {
|
|
|
13300
13501
|
this.setStyle();
|
|
13301
13502
|
}
|
|
13302
13503
|
render() {
|
|
13303
|
-
return (hAsync(Host, { key: '
|
|
13504
|
+
return (hAsync(Host, { key: '65417f506ab0db06fd38449643c679d4fea1fffd' }, hAsync("div", { key: '80e509d36768bea4b99e215dc9d81aec83b9143c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: 'd2f6a36370ab4c6555bb679f481e1975fb234e41', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'c312e11dbb469c1a486eaf90898c6149ce099627', class: "content" }, hAsync("cura-heading", { key: 'f0ff03c554caaf0213476c23004b1361a876cf19', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'd94ab5591663c1135712bf54dd90182de5d18ed5', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '9dc18a1ded79abcc258b4a2c892084addb194c9f' })), hAsync("slot", { key: '829788786a56a1492b6fef2dd053f84fdafd7ea1', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '1d507a45d3a860e859f879de15d79bc7c3a34787', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '0ad99ff90899e19b3b2e9a13a2ac3fa76dae286d', color: `${this.type}-base`, progress: this.progress }))));
|
|
13304
13505
|
}
|
|
13305
13506
|
componentDidLoad() {
|
|
13306
13507
|
this.openContainer();
|
|
@@ -13401,6 +13602,7 @@ registerComponents([
|
|
|
13401
13602
|
CuraCard,
|
|
13402
13603
|
CuraCheckbox,
|
|
13403
13604
|
CuraDisplay,
|
|
13605
|
+
CuraDistance,
|
|
13404
13606
|
CuraDropdownSearch,
|
|
13405
13607
|
CuraDropdownSearchOption,
|
|
13406
13608
|
CuraDropdownSearchOptionTitle,
|