@rededor/cura-hydrate 1.0.0-alpha.2 → 1.0.0-alpha.4
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 +17 -17
- package/index.mjs +17 -17
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -3067,7 +3067,7 @@ class CuraButton {
|
|
|
3067
3067
|
}
|
|
3068
3068
|
this.type = 'button';
|
|
3069
3069
|
this.size = 'large';
|
|
3070
|
-
this.disabled =
|
|
3070
|
+
this.disabled = false;
|
|
3071
3071
|
this.isLoading = false;
|
|
3072
3072
|
this.iconName = undefined;
|
|
3073
3073
|
this.iconset = 'default';
|
|
@@ -3146,7 +3146,7 @@ class CuraButton {
|
|
|
3146
3146
|
}
|
|
3147
3147
|
}
|
|
3148
3148
|
render() {
|
|
3149
|
-
return (hAsync(Host, { key: '
|
|
3149
|
+
return (hAsync(Host, { key: '7491e8209b9193f5e7f51ead1b08afe88b160ec1' }, 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", lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: "neutral-black" }))) : (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", lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: "neutral-black" })))));
|
|
3150
3150
|
}
|
|
3151
3151
|
static get formAssociated() { return true; }
|
|
3152
3152
|
static get watchers() { return {
|
|
@@ -3160,7 +3160,7 @@ class CuraButton {
|
|
|
3160
3160
|
"$members$": {
|
|
3161
3161
|
"type": [513],
|
|
3162
3162
|
"size": [513],
|
|
3163
|
-
"disabled": [
|
|
3163
|
+
"disabled": [516],
|
|
3164
3164
|
"isLoading": [516, "is-loading"],
|
|
3165
3165
|
"iconName": [513, "icon-name"],
|
|
3166
3166
|
"iconset": [513],
|
|
@@ -3196,7 +3196,7 @@ class CuraButtonOutline$1 {
|
|
|
3196
3196
|
}
|
|
3197
3197
|
this.type = 'button';
|
|
3198
3198
|
this.size = 'large';
|
|
3199
|
-
this.disabled =
|
|
3199
|
+
this.disabled = false;
|
|
3200
3200
|
this.isLoading = false;
|
|
3201
3201
|
this.iconName = undefined;
|
|
3202
3202
|
this.iconset = 'default';
|
|
@@ -3275,7 +3275,7 @@ class CuraButtonOutline$1 {
|
|
|
3275
3275
|
}
|
|
3276
3276
|
}
|
|
3277
3277
|
render() {
|
|
3278
|
-
return (hAsync(Host, { key: '
|
|
3278
|
+
return (hAsync(Host, { key: '44556818a51f64ae694995a50b582e41f4386467' }, 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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite' }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), tabIndex: 0, type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite' })))));
|
|
3279
3279
|
}
|
|
3280
3280
|
static get formAssociated() { return true; }
|
|
3281
3281
|
static get watchers() { return {
|
|
@@ -3290,7 +3290,7 @@ class CuraButtonOutline$1 {
|
|
|
3290
3290
|
"$members$": {
|
|
3291
3291
|
"type": [513],
|
|
3292
3292
|
"size": [513],
|
|
3293
|
-
"disabled": [
|
|
3293
|
+
"disabled": [516],
|
|
3294
3294
|
"isLoading": [516, "is-loading"],
|
|
3295
3295
|
"iconName": [513, "icon-name"],
|
|
3296
3296
|
"iconset": [513],
|
|
@@ -3320,7 +3320,7 @@ class CuraButtonOutline {
|
|
|
3320
3320
|
this.onclick = createEvent(this, "onclick", 7);
|
|
3321
3321
|
this.theme = window.CuraAPI.theme;
|
|
3322
3322
|
this.size = 'medium';
|
|
3323
|
-
this.disabled =
|
|
3323
|
+
this.disabled = false;
|
|
3324
3324
|
this.selected = false;
|
|
3325
3325
|
this.iconPosition = 'right';
|
|
3326
3326
|
this.color = 'accent';
|
|
@@ -3395,7 +3395,7 @@ class CuraButtonOutline {
|
|
|
3395
3395
|
return classes;
|
|
3396
3396
|
}
|
|
3397
3397
|
render() {
|
|
3398
|
-
return (hAsync(Host, { key: '
|
|
3398
|
+
return (hAsync(Host, { key: '11c526fa5a82a986513a2d2cf94e85fbdc0a83c5' }, hAsync("button", { key: '539cb4766e18cf195541731bf95809784021fc21', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: 'f57e41656abb33d450e9876517e575c628c633c6', class: "button-container" }, this.getIcon(), hAsync("cura-label", { key: '84ee6289e8c5e242cbdc2cdd8110be7102244176', class: "label", lineHeight: '0%', color: this.assignColor() }, hAsync("slot", { key: '2f292f5308c69fc9efa66a43bac5941ab2adeaf9' }))))));
|
|
3399
3399
|
}
|
|
3400
3400
|
static get watchers() { return {
|
|
3401
3401
|
"background": ["setColors", "assignColor"],
|
|
@@ -3408,7 +3408,7 @@ class CuraButtonOutline {
|
|
|
3408
3408
|
"$tagName$": "cura-button-select",
|
|
3409
3409
|
"$members$": {
|
|
3410
3410
|
"size": [513],
|
|
3411
|
-
"disabled": [
|
|
3411
|
+
"disabled": [516],
|
|
3412
3412
|
"selected": [516],
|
|
3413
3413
|
"iconPosition": [513, "icon-position"],
|
|
3414
3414
|
"color": [1],
|
|
@@ -3438,7 +3438,7 @@ class CuraButtonTransparent {
|
|
|
3438
3438
|
}
|
|
3439
3439
|
this.type = 'button';
|
|
3440
3440
|
this.size = 'large';
|
|
3441
|
-
this.disabled =
|
|
3441
|
+
this.disabled = false;
|
|
3442
3442
|
this.isLoading = false;
|
|
3443
3443
|
this.iconName = undefined;
|
|
3444
3444
|
this.iconset = 'default';
|
|
@@ -3506,7 +3506,7 @@ class CuraButtonTransparent {
|
|
|
3506
3506
|
}
|
|
3507
3507
|
}
|
|
3508
3508
|
render() {
|
|
3509
|
-
return (hAsync(Host, { key: '
|
|
3509
|
+
return (hAsync(Host, { key: 'eb208813f7743d71c826ea4e05c19933fdec34de' }, 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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.fontColor === 'light' ? `${this.color}-dark` : 'neutral-purewhite' }))) : (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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.fontColor === 'light' ? `${this.color}-dark` : 'neutral-purewhite' })))));
|
|
3510
3510
|
}
|
|
3511
3511
|
static get formAssociated() { return true; }
|
|
3512
3512
|
static get watchers() { return {
|
|
@@ -3520,7 +3520,7 @@ class CuraButtonTransparent {
|
|
|
3520
3520
|
"$members$": {
|
|
3521
3521
|
"type": [513],
|
|
3522
3522
|
"size": [513],
|
|
3523
|
-
"disabled": [
|
|
3523
|
+
"disabled": [516],
|
|
3524
3524
|
"isLoading": [516, "is-loading"],
|
|
3525
3525
|
"iconName": [513, "icon-name"],
|
|
3526
3526
|
"iconset": [513],
|
|
@@ -7905,7 +7905,7 @@ class CuraDropdownSearch {
|
|
|
7905
7905
|
}
|
|
7906
7906
|
onValueChange(newValue) {
|
|
7907
7907
|
this.updateSelectedOption(newValue);
|
|
7908
|
-
this.valueChanged.emit(
|
|
7908
|
+
this.valueChanged.emit(newValue);
|
|
7909
7909
|
}
|
|
7910
7910
|
componentWillLoad() {
|
|
7911
7911
|
this.updateSelectedOption(this.value);
|
|
@@ -8027,9 +8027,9 @@ class CuraDropdownSearch {
|
|
|
8027
8027
|
}
|
|
8028
8028
|
render() {
|
|
8029
8029
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8030
|
-
return (hAsync(Host, { key: '
|
|
8030
|
+
return (hAsync(Host, { key: 'cd5ac8a26a4b24d0d934f8f2123829ea4528ed35', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '484ec486d6acf9b783897a8b4999a3c3cf934315', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: 'c55468c7c5121524c8dd7548e9883d6e83edde0b', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '4f132fcd11d1d2fc32786c57fe742813725e8d60', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '490781c1c112752698dc9f8a830ffe6fe117fa0c', 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: () => {
|
|
8031
8031
|
this.handleOnBlur();
|
|
8032
|
-
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8032
|
+
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '96afbcfbe7001df78068971daddfcd63e847522d', name: "helperText" }))), hAsync("div", { key: '9289a631932a6eb61de8fa64ecfac169fc4bda77', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'e07a80200dcdf181d1112a6074702aba449d2c16', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8033
8033
|
}
|
|
8034
8034
|
get host() { return getElement(this); }
|
|
8035
8035
|
static get watchers() { return {
|
|
@@ -8065,7 +8065,7 @@ class CuraDropdownSearch {
|
|
|
8065
8065
|
}; }
|
|
8066
8066
|
}
|
|
8067
8067
|
|
|
8068
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}ul{list-style:none;width:100%;margin:0;padding:0}li{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:8px;padding:8px 4px;flex-direction:row;background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light);box-sizing:border-box;cursor:pointer}li.disabled{cursor:default}li.hovered{background-color:var(--neutral-white)}li cura-heading{width:100%;margin-block:0px}li ::slotted(div[slot=image]){min-width:32px;display:flex;justify-content:center;align-items:center}li ::slotted(div[slot=action]){display:flex;justify-content:end}li.selected{background-color:var(--primary-lighter)}li:hover:not(.disabled){background-color:var(--neutral-white)}";
|
|
8068
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) li{border-bottom:none}ul{list-style:none;width:100%;margin:0;padding:0}li{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:8px;padding:8px 4px;flex-direction:row;background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light);box-sizing:border-box;cursor:pointer}li.disabled{cursor:default}li.hovered{background-color:var(--neutral-white)}li cura-heading{width:100%;margin-block:0px}li ::slotted(div[slot=image]){min-width:32px;display:flex;justify-content:center;align-items:center}li ::slotted(div[slot=action]){display:flex;justify-content:end}li.selected{background-color:var(--primary-lighter)}li:hover:not(.disabled){background-color:var(--neutral-white)}";
|
|
8069
8069
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8070
8070
|
|
|
8071
8071
|
class CuraDropdownSearchOption {
|
|
@@ -13298,7 +13298,7 @@ class CuraToast {
|
|
|
13298
13298
|
this.setStyle();
|
|
13299
13299
|
}
|
|
13300
13300
|
render() {
|
|
13301
|
-
return (hAsync(Host, { key: '
|
|
13301
|
+
return (hAsync(Host, { key: 'b958a96eb8626cbe2e8aec9dcad3f1afac7a0a87' }, hAsync("div", { key: 'd7c34ec40555fee4a8faf732f313da127b45f357', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '5464f67130f7c1b402fea8eadf3840e4d5d7c21a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '17f172c49e7c75f7ca436e92b7f161433bfc5245', class: "content" }, hAsync("cura-heading", { key: 'e924e17df1943e43e7fbd5ada62b3cd98709d7d1', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'dafbb9fbf6c834769aee9383018f9545acb10ea9', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'a9b2b54151ca3b3ca206ef267e5e0f6bbba81b5d' })), hAsync("slot", { key: '345dad781f7dd492b941bbe66d60ce57db7f538a', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '8ec9acc13ef3997b86de33e4ebbbb13df22ac81f', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '99ecb5ffa81ac996281398f07c68018905406294', color: `${this.type}-base`, progress: this.progress }))));
|
|
13302
13302
|
}
|
|
13303
13303
|
componentDidLoad() {
|
|
13304
13304
|
this.openContainer();
|
package/index.mjs
CHANGED
|
@@ -3063,7 +3063,7 @@ class CuraButton {
|
|
|
3063
3063
|
}
|
|
3064
3064
|
this.type = 'button';
|
|
3065
3065
|
this.size = 'large';
|
|
3066
|
-
this.disabled =
|
|
3066
|
+
this.disabled = false;
|
|
3067
3067
|
this.isLoading = false;
|
|
3068
3068
|
this.iconName = undefined;
|
|
3069
3069
|
this.iconset = 'default';
|
|
@@ -3142,7 +3142,7 @@ class CuraButton {
|
|
|
3142
3142
|
}
|
|
3143
3143
|
}
|
|
3144
3144
|
render() {
|
|
3145
|
-
return (hAsync(Host, { key: '
|
|
3145
|
+
return (hAsync(Host, { key: '7491e8209b9193f5e7f51ead1b08afe88b160ec1' }, 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", lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: "neutral-black" }))) : (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", lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: "neutral-black" })))));
|
|
3146
3146
|
}
|
|
3147
3147
|
static get formAssociated() { return true; }
|
|
3148
3148
|
static get watchers() { return {
|
|
@@ -3156,7 +3156,7 @@ class CuraButton {
|
|
|
3156
3156
|
"$members$": {
|
|
3157
3157
|
"type": [513],
|
|
3158
3158
|
"size": [513],
|
|
3159
|
-
"disabled": [
|
|
3159
|
+
"disabled": [516],
|
|
3160
3160
|
"isLoading": [516, "is-loading"],
|
|
3161
3161
|
"iconName": [513, "icon-name"],
|
|
3162
3162
|
"iconset": [513],
|
|
@@ -3192,7 +3192,7 @@ class CuraButtonOutline$1 {
|
|
|
3192
3192
|
}
|
|
3193
3193
|
this.type = 'button';
|
|
3194
3194
|
this.size = 'large';
|
|
3195
|
-
this.disabled =
|
|
3195
|
+
this.disabled = false;
|
|
3196
3196
|
this.isLoading = false;
|
|
3197
3197
|
this.iconName = undefined;
|
|
3198
3198
|
this.iconset = 'default';
|
|
@@ -3271,7 +3271,7 @@ class CuraButtonOutline$1 {
|
|
|
3271
3271
|
}
|
|
3272
3272
|
}
|
|
3273
3273
|
render() {
|
|
3274
|
-
return (hAsync(Host, { key: '
|
|
3274
|
+
return (hAsync(Host, { key: '44556818a51f64ae694995a50b582e41f4386467' }, 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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite' }))) : (hAsync("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), tabIndex: 0, type: this.type }, hAsync("span", { class: "button-container" }, this.getIcon(), hAsync("cura-label", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite' })))));
|
|
3275
3275
|
}
|
|
3276
3276
|
static get formAssociated() { return true; }
|
|
3277
3277
|
static get watchers() { return {
|
|
@@ -3286,7 +3286,7 @@ class CuraButtonOutline$1 {
|
|
|
3286
3286
|
"$members$": {
|
|
3287
3287
|
"type": [513],
|
|
3288
3288
|
"size": [513],
|
|
3289
|
-
"disabled": [
|
|
3289
|
+
"disabled": [516],
|
|
3290
3290
|
"isLoading": [516, "is-loading"],
|
|
3291
3291
|
"iconName": [513, "icon-name"],
|
|
3292
3292
|
"iconset": [513],
|
|
@@ -3316,7 +3316,7 @@ class CuraButtonOutline {
|
|
|
3316
3316
|
this.onclick = createEvent(this, "onclick", 7);
|
|
3317
3317
|
this.theme = window.CuraAPI.theme;
|
|
3318
3318
|
this.size = 'medium';
|
|
3319
|
-
this.disabled =
|
|
3319
|
+
this.disabled = false;
|
|
3320
3320
|
this.selected = false;
|
|
3321
3321
|
this.iconPosition = 'right';
|
|
3322
3322
|
this.color = 'accent';
|
|
@@ -3391,7 +3391,7 @@ class CuraButtonOutline {
|
|
|
3391
3391
|
return classes;
|
|
3392
3392
|
}
|
|
3393
3393
|
render() {
|
|
3394
|
-
return (hAsync(Host, { key: '
|
|
3394
|
+
return (hAsync(Host, { key: '11c526fa5a82a986513a2d2cf94e85fbdc0a83c5' }, hAsync("button", { key: '539cb4766e18cf195541731bf95809784021fc21', class: this.getClasses(), style: this.styles, disabled: this.disabled, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, hAsync("div", { key: 'f57e41656abb33d450e9876517e575c628c633c6', class: "button-container" }, this.getIcon(), hAsync("cura-label", { key: '84ee6289e8c5e242cbdc2cdd8110be7102244176', class: "label", lineHeight: '0%', color: this.assignColor() }, hAsync("slot", { key: '2f292f5308c69fc9efa66a43bac5941ab2adeaf9' }))))));
|
|
3395
3395
|
}
|
|
3396
3396
|
static get watchers() { return {
|
|
3397
3397
|
"background": ["setColors", "assignColor"],
|
|
@@ -3404,7 +3404,7 @@ class CuraButtonOutline {
|
|
|
3404
3404
|
"$tagName$": "cura-button-select",
|
|
3405
3405
|
"$members$": {
|
|
3406
3406
|
"size": [513],
|
|
3407
|
-
"disabled": [
|
|
3407
|
+
"disabled": [516],
|
|
3408
3408
|
"selected": [516],
|
|
3409
3409
|
"iconPosition": [513, "icon-position"],
|
|
3410
3410
|
"color": [1],
|
|
@@ -3434,7 +3434,7 @@ class CuraButtonTransparent {
|
|
|
3434
3434
|
}
|
|
3435
3435
|
this.type = 'button';
|
|
3436
3436
|
this.size = 'large';
|
|
3437
|
-
this.disabled =
|
|
3437
|
+
this.disabled = false;
|
|
3438
3438
|
this.isLoading = false;
|
|
3439
3439
|
this.iconName = undefined;
|
|
3440
3440
|
this.iconset = 'default';
|
|
@@ -3502,7 +3502,7 @@ class CuraButtonTransparent {
|
|
|
3502
3502
|
}
|
|
3503
3503
|
}
|
|
3504
3504
|
render() {
|
|
3505
|
-
return (hAsync(Host, { key: '
|
|
3505
|
+
return (hAsync(Host, { key: 'eb208813f7743d71c826ea4e05c19933fdec34de' }, 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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.fontColor === 'light' ? `${this.color}-dark` : 'neutral-purewhite' }))) : (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", { lineHeight: '0%', color: this.getSymbolColor() }, hAsync("slot", null))), hAsync("cura-loader-circle", { size: this.size, color: this.fontColor === 'light' ? `${this.color}-dark` : 'neutral-purewhite' })))));
|
|
3506
3506
|
}
|
|
3507
3507
|
static get formAssociated() { return true; }
|
|
3508
3508
|
static get watchers() { return {
|
|
@@ -3516,7 +3516,7 @@ class CuraButtonTransparent {
|
|
|
3516
3516
|
"$members$": {
|
|
3517
3517
|
"type": [513],
|
|
3518
3518
|
"size": [513],
|
|
3519
|
-
"disabled": [
|
|
3519
|
+
"disabled": [516],
|
|
3520
3520
|
"isLoading": [516, "is-loading"],
|
|
3521
3521
|
"iconName": [513, "icon-name"],
|
|
3522
3522
|
"iconset": [513],
|
|
@@ -7901,7 +7901,7 @@ class CuraDropdownSearch {
|
|
|
7901
7901
|
}
|
|
7902
7902
|
onValueChange(newValue) {
|
|
7903
7903
|
this.updateSelectedOption(newValue);
|
|
7904
|
-
this.valueChanged.emit(
|
|
7904
|
+
this.valueChanged.emit(newValue);
|
|
7905
7905
|
}
|
|
7906
7906
|
componentWillLoad() {
|
|
7907
7907
|
this.updateSelectedOption(this.value);
|
|
@@ -8023,9 +8023,9 @@ class CuraDropdownSearch {
|
|
|
8023
8023
|
}
|
|
8024
8024
|
render() {
|
|
8025
8025
|
const isMobileDropdown = this.isMobile && this.isDropdownOpen;
|
|
8026
|
-
return (hAsync(Host, { key: '
|
|
8026
|
+
return (hAsync(Host, { key: 'cd5ac8a26a4b24d0d934f8f2123829ea4528ed35', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '484ec486d6acf9b783897a8b4999a3c3cf934315', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: 'c55468c7c5121524c8dd7548e9883d6e83edde0b', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '4f132fcd11d1d2fc32786c57fe742813725e8d60', fontColor: "dark", onClick: () => (this.isMobile = false), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '490781c1c112752698dc9f8a830ffe6fe117fa0c', 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: () => {
|
|
8027
8027
|
this.handleOnBlur();
|
|
8028
|
-
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '
|
|
8028
|
+
}, placeholder: this.placeholder, size: "large", onKeyDown: this.handleKeyDown }, hAsync("slot", { key: '96afbcfbe7001df78068971daddfcd63e847522d', name: "helperText" }))), hAsync("div", { key: '9289a631932a6eb61de8fa64ecfac169fc4bda77', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: 'e07a80200dcdf181d1112a6074702aba449d2c16', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8029
8029
|
}
|
|
8030
8030
|
get host() { return getElement(this); }
|
|
8031
8031
|
static get watchers() { return {
|
|
@@ -8061,7 +8061,7 @@ class CuraDropdownSearch {
|
|
|
8061
8061
|
}; }
|
|
8062
8062
|
}
|
|
8063
8063
|
|
|
8064
|
-
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}ul{list-style:none;width:100%;margin:0;padding:0}li{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:8px;padding:8px 4px;flex-direction:row;background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light);box-sizing:border-box;cursor:pointer}li.disabled{cursor:default}li.hovered{background-color:var(--neutral-white)}li cura-heading{width:100%;margin-block:0px}li ::slotted(div[slot=image]){min-width:32px;display:flex;justify-content:center;align-items:center}li ::slotted(div[slot=action]){display:flex;justify-content:end}li.selected{background-color:var(--primary-lighter)}li:hover:not(.disabled){background-color:var(--neutral-white)}";
|
|
8064
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) li{border-bottom:none}ul{list-style:none;width:100%;margin:0;padding:0}li{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:8px;padding:8px 4px;flex-direction:row;background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light);box-sizing:border-box;cursor:pointer}li.disabled{cursor:default}li.hovered{background-color:var(--neutral-white)}li cura-heading{width:100%;margin-block:0px}li ::slotted(div[slot=image]){min-width:32px;display:flex;justify-content:center;align-items:center}li ::slotted(div[slot=action]){display:flex;justify-content:end}li.selected{background-color:var(--primary-lighter)}li:hover:not(.disabled){background-color:var(--neutral-white)}";
|
|
8065
8065
|
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8066
8066
|
|
|
8067
8067
|
class CuraDropdownSearchOption {
|
|
@@ -13294,7 +13294,7 @@ class CuraToast {
|
|
|
13294
13294
|
this.setStyle();
|
|
13295
13295
|
}
|
|
13296
13296
|
render() {
|
|
13297
|
-
return (hAsync(Host, { key: '
|
|
13297
|
+
return (hAsync(Host, { key: 'b958a96eb8626cbe2e8aec9dcad3f1afac7a0a87' }, hAsync("div", { key: 'd7c34ec40555fee4a8faf732f313da127b45f357', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '5464f67130f7c1b402fea8eadf3840e4d5d7c21a', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '17f172c49e7c75f7ca436e92b7f161433bfc5245', class: "content" }, hAsync("cura-heading", { key: 'e924e17df1943e43e7fbd5ada62b3cd98709d7d1', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'dafbb9fbf6c834769aee9383018f9545acb10ea9', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'a9b2b54151ca3b3ca206ef267e5e0f6bbba81b5d' })), hAsync("slot", { key: '345dad781f7dd492b941bbe66d60ce57db7f538a', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '8ec9acc13ef3997b86de33e4ebbbb13df22ac81f', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '99ecb5ffa81ac996281398f07c68018905406294', color: `${this.type}-base`, progress: this.progress }))));
|
|
13298
13298
|
}
|
|
13299
13299
|
componentDidLoad() {
|
|
13300
13300
|
this.openContainer();
|