@shoper/phoenix_design_system 0.24.0 → 0.24.2-1
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/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js +15 -4
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +1 -1
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +10 -6
- package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.d.ts +2 -0
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js +15 -4
- package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +1 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.d.ts +4 -1
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +10 -6
- package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,6 +15,8 @@ exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixL
|
|
|
15
15
|
super();
|
|
16
16
|
this.disabled = false;
|
|
17
17
|
this.selected = false;
|
|
18
|
+
this.small = false;
|
|
19
|
+
this.unclickable = false;
|
|
18
20
|
this._dispatchClickedEvent = () => {
|
|
19
21
|
this.dispatchEvent(new Event(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected, {
|
|
20
22
|
bubbles: true
|
|
@@ -28,8 +30,9 @@ exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixL
|
|
|
28
30
|
this.style.backgroundColor = this.color;
|
|
29
31
|
this._syncAriaPressed();
|
|
30
32
|
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
31
|
-
this.disabled && this.removeAttribute('tabindex');
|
|
33
|
+
this.disabled && this.unclickable && this.removeAttribute('tabindex');
|
|
32
34
|
this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorItem);
|
|
35
|
+
this.small && this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorItemSmall);
|
|
33
36
|
}
|
|
34
37
|
attributeChangedCallback(name, value, newValue) {
|
|
35
38
|
super.attributeChangedCallback(name, value, newValue);
|
|
@@ -44,7 +47,7 @@ exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixL
|
|
|
44
47
|
this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
|
|
45
48
|
}
|
|
46
49
|
setupEvents() {
|
|
47
|
-
!this.
|
|
50
|
+
!this.unclickable && this.addEventListener('click', this._dispatchClickedEvent);
|
|
48
51
|
}
|
|
49
52
|
};
|
|
50
53
|
tslib_es6.__decorate([
|
|
@@ -56,13 +59,21 @@ tslib_es6.__decorate([
|
|
|
56
59
|
tslib_es6.__metadata("design:type", String)
|
|
57
60
|
], exports.HColorItem.prototype, "label", void 0);
|
|
58
61
|
tslib_es6.__decorate([
|
|
59
|
-
decorators.property({ type: Boolean
|
|
62
|
+
decorators.property({ type: Boolean }),
|
|
60
63
|
tslib_es6.__metadata("design:type", Boolean)
|
|
61
64
|
], exports.HColorItem.prototype, "disabled", void 0);
|
|
62
65
|
tslib_es6.__decorate([
|
|
63
|
-
decorators.property({ type: Boolean
|
|
66
|
+
decorators.property({ type: Boolean }),
|
|
64
67
|
tslib_es6.__metadata("design:type", Boolean)
|
|
65
68
|
], exports.HColorItem.prototype, "selected", void 0);
|
|
69
|
+
tslib_es6.__decorate([
|
|
70
|
+
decorators.property({ type: Boolean }),
|
|
71
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
72
|
+
], exports.HColorItem.prototype, "small", void 0);
|
|
73
|
+
tslib_es6.__decorate([
|
|
74
|
+
decorators.property({ type: Boolean }),
|
|
75
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
76
|
+
], exports.HColorItem.prototype, "unclickable", void 0);
|
|
66
77
|
exports.HColorItem = tslib_es6.__decorate([
|
|
67
78
|
phoenix_custom_element.phoenixCustomElement('h-color-item'),
|
|
68
79
|
tslib_es6.__metadata("design:paramtypes", [])
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -99,7 +99,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
|
|
|
99
99
|
};
|
|
100
100
|
tslib_es6.__decorate([
|
|
101
101
|
decorators.property({ type: Boolean }),
|
|
102
|
-
tslib_es6.__metadata("design:type",
|
|
102
|
+
tslib_es6.__metadata("design:type", Boolean)
|
|
103
103
|
], exports.HColorSwatches.prototype, "multiple", void 0);
|
|
104
104
|
tslib_es6.__decorate([
|
|
105
105
|
decorators.property({ type: Number, attribute: 'number-of-visible-colors' }),
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js
CHANGED
|
@@ -2,16 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const colorSwatchesBaseCssClass = 'color-swatches';
|
|
6
|
+
const colorItemBaseCssClass = 'color-item';
|
|
6
7
|
const COLOR_ITEM_TAG_NAME = 'h-color-item';
|
|
7
8
|
const COLOR_SWATCHES_CSS_CLASSES = {
|
|
8
|
-
colorItem:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
colorItem: colorItemBaseCssClass,
|
|
10
|
+
colorItemSmall: `${colorItemBaseCssClass}__small`,
|
|
11
|
+
colorSwatches: colorSwatchesBaseCssClass,
|
|
12
|
+
colorSwatchesMarkDisabledItems: `${colorSwatchesBaseCssClass}__mark-disabled-items`,
|
|
13
|
+
colorSwatchesIsNonStockProduct: `${colorSwatchesBaseCssClass}__is-non-stock-product`,
|
|
14
|
+
colorSwatchesItem: `${colorSwatchesBaseCssClass}__color-item`
|
|
12
15
|
};
|
|
13
16
|
const COLOR_SWATCHES_EVENT_NAMES = {
|
|
14
|
-
selected: 'colorSwatchesSelected'
|
|
17
|
+
selected: 'colorSwatchesSelected',
|
|
18
|
+
markDisabledItems: 'markDisabledItems'
|
|
15
19
|
};
|
|
16
20
|
const COLOR_SWATCHES_HIDDEN_ATTRIBUTE = 'hidden';
|
|
17
21
|
|
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -37,9 +37,11 @@ exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_ligh
|
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
39
|
return lit.html `
|
|
40
|
-
<h-input
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
<h-input-control
|
|
41
|
+
controlName="${this.controlName}"
|
|
42
|
+
type="${input_constants.INPUT_CONTROL_TYPES.hidden}"
|
|
43
|
+
value="${this.selectedColors}"
|
|
44
|
+
></h-input-control>
|
|
43
45
|
`;
|
|
44
46
|
}
|
|
45
47
|
};
|
|
@@ -50,7 +52,7 @@ tslib_es6.__decorate([
|
|
|
50
52
|
tslib_es6.__decorate([
|
|
51
53
|
decorators.property({ type: String }),
|
|
52
54
|
tslib_es6.__metadata("design:type", String)
|
|
53
|
-
], exports.HColorSwatchesControl.prototype, "
|
|
55
|
+
], exports.HColorSwatchesControl.prototype, "controlName", void 0);
|
|
54
56
|
tslib_es6.__decorate([
|
|
55
57
|
decorators.property({ type: Boolean }),
|
|
56
58
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,6 +11,8 @@ let HColorItem = class HColorItem extends PhoenixLightLitElement {
|
|
|
11
11
|
super();
|
|
12
12
|
this.disabled = false;
|
|
13
13
|
this.selected = false;
|
|
14
|
+
this.small = false;
|
|
15
|
+
this.unclickable = false;
|
|
14
16
|
this._dispatchClickedEvent = () => {
|
|
15
17
|
this.dispatchEvent(new Event(COLOR_ITEM_EVENT_NAMES.selected, {
|
|
16
18
|
bubbles: true
|
|
@@ -24,8 +26,9 @@ let HColorItem = class HColorItem extends PhoenixLightLitElement {
|
|
|
24
26
|
this.style.backgroundColor = this.color;
|
|
25
27
|
this._syncAriaPressed();
|
|
26
28
|
this.setAttribute('aria-label', this.label ? this.label : this.color);
|
|
27
|
-
this.disabled && this.removeAttribute('tabindex');
|
|
29
|
+
this.disabled && this.unclickable && this.removeAttribute('tabindex');
|
|
28
30
|
this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorItem);
|
|
31
|
+
this.small && this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorItemSmall);
|
|
29
32
|
}
|
|
30
33
|
attributeChangedCallback(name, value, newValue) {
|
|
31
34
|
super.attributeChangedCallback(name, value, newValue);
|
|
@@ -40,7 +43,7 @@ let HColorItem = class HColorItem extends PhoenixLightLitElement {
|
|
|
40
43
|
this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
|
|
41
44
|
}
|
|
42
45
|
setupEvents() {
|
|
43
|
-
!this.
|
|
46
|
+
!this.unclickable && this.addEventListener('click', this._dispatchClickedEvent);
|
|
44
47
|
}
|
|
45
48
|
};
|
|
46
49
|
__decorate([
|
|
@@ -52,13 +55,21 @@ __decorate([
|
|
|
52
55
|
__metadata("design:type", String)
|
|
53
56
|
], HColorItem.prototype, "label", void 0);
|
|
54
57
|
__decorate([
|
|
55
|
-
property({ type: Boolean
|
|
58
|
+
property({ type: Boolean }),
|
|
56
59
|
__metadata("design:type", Boolean)
|
|
57
60
|
], HColorItem.prototype, "disabled", void 0);
|
|
58
61
|
__decorate([
|
|
59
|
-
property({ type: Boolean
|
|
62
|
+
property({ type: Boolean }),
|
|
60
63
|
__metadata("design:type", Boolean)
|
|
61
64
|
], HColorItem.prototype, "selected", void 0);
|
|
65
|
+
__decorate([
|
|
66
|
+
property({ type: Boolean }),
|
|
67
|
+
__metadata("design:type", Boolean)
|
|
68
|
+
], HColorItem.prototype, "small", void 0);
|
|
69
|
+
__decorate([
|
|
70
|
+
property({ type: Boolean }),
|
|
71
|
+
__metadata("design:type", Boolean)
|
|
72
|
+
], HColorItem.prototype, "unclickable", void 0);
|
|
62
73
|
HColorItem = __decorate([
|
|
63
74
|
phoenixCustomElement('h-color-item'),
|
|
64
75
|
__metadata("design:paramtypes", [])
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -95,7 +95,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
|
|
|
95
95
|
};
|
|
96
96
|
__decorate([
|
|
97
97
|
property({ type: Boolean }),
|
|
98
|
-
__metadata("design:type",
|
|
98
|
+
__metadata("design:type", Boolean)
|
|
99
99
|
], HColorSwatches.prototype, "multiple", void 0);
|
|
100
100
|
__decorate([
|
|
101
101
|
property({ type: Number, attribute: 'number-of-visible-colors' }),
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.d.ts
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
export declare const COLOR_ITEM_TAG_NAME = "h-color-item";
|
|
2
2
|
export declare const COLOR_SWATCHES_CSS_CLASSES: {
|
|
3
3
|
readonly colorItem: "color-item";
|
|
4
|
+
readonly colorItemSmall: "color-item__small";
|
|
4
5
|
readonly colorSwatches: "color-swatches";
|
|
6
|
+
readonly colorSwatchesMarkDisabledItems: "color-swatches__mark-disabled-items";
|
|
7
|
+
readonly colorSwatchesIsNonStockProduct: "color-swatches__is-non-stock-product";
|
|
5
8
|
readonly colorSwatchesItem: "color-swatches__color-item";
|
|
6
|
-
readonly colorSwatchesItems: "color-swatches__color-items";
|
|
7
9
|
};
|
|
8
10
|
export declare const COLOR_SWATCHES_EVENT_NAMES: {
|
|
9
11
|
readonly selected: "colorSwatchesSelected";
|
|
12
|
+
readonly markDisabledItems: "markDisabledItems";
|
|
10
13
|
};
|
|
11
14
|
export declare const COLOR_SWATCHES_HIDDEN_ATTRIBUTE = "hidden";
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
const
|
|
1
|
+
const colorSwatchesBaseCssClass = 'color-swatches';
|
|
2
|
+
const colorItemBaseCssClass = 'color-item';
|
|
2
3
|
const COLOR_ITEM_TAG_NAME = 'h-color-item';
|
|
3
4
|
const COLOR_SWATCHES_CSS_CLASSES = {
|
|
4
|
-
colorItem:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
colorItem: colorItemBaseCssClass,
|
|
6
|
+
colorItemSmall: `${colorItemBaseCssClass}__small`,
|
|
7
|
+
colorSwatches: colorSwatchesBaseCssClass,
|
|
8
|
+
colorSwatchesMarkDisabledItems: `${colorSwatchesBaseCssClass}__mark-disabled-items`,
|
|
9
|
+
colorSwatchesIsNonStockProduct: `${colorSwatchesBaseCssClass}__is-non-stock-product`,
|
|
10
|
+
colorSwatchesItem: `${colorSwatchesBaseCssClass}__color-item`
|
|
8
11
|
};
|
|
9
12
|
const COLOR_SWATCHES_EVENT_NAMES = {
|
|
10
|
-
selected: 'colorSwatchesSelected'
|
|
13
|
+
selected: 'colorSwatchesSelected',
|
|
14
|
+
markDisabledItems: 'markDisabledItems'
|
|
11
15
|
};
|
|
12
16
|
const COLOR_SWATCHES_HIDDEN_ATTRIBUTE = 'hidden';
|
|
13
17
|
|
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,7 +2,7 @@ import { TemplateResult } from 'lit';
|
|
|
2
2
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
3
|
export declare class HColorSwatchesControl extends PhoenixLightLitElement {
|
|
4
4
|
controlId: string;
|
|
5
|
-
|
|
5
|
+
controlName: string;
|
|
6
6
|
disabled: boolean;
|
|
7
7
|
required: boolean;
|
|
8
8
|
error: boolean;
|
|
@@ -33,9 +33,11 @@ let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitE
|
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
35
|
return html `
|
|
36
|
-
<h-input
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
<h-input-control
|
|
37
|
+
controlName="${this.controlName}"
|
|
38
|
+
type="${INPUT_CONTROL_TYPES.hidden}"
|
|
39
|
+
value="${this.selectedColors}"
|
|
40
|
+
></h-input-control>
|
|
39
41
|
`;
|
|
40
42
|
}
|
|
41
43
|
};
|
|
@@ -46,7 +48,7 @@ __decorate([
|
|
|
46
48
|
__decorate([
|
|
47
49
|
property({ type: String }),
|
|
48
50
|
__metadata("design:type", String)
|
|
49
|
-
], HColorSwatchesControl.prototype, "
|
|
51
|
+
], HColorSwatchesControl.prototype, "controlName", void 0);
|
|
50
52
|
__decorate([
|
|
51
53
|
property({ type: Boolean }),
|
|
52
54
|
__metadata("design:type", Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|