@shoper/phoenix_design_system 1.9.0-1 → 1.9.0-3
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/form/select/model/select_option_mapper.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +39 -35
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/{select_option_constants.d.ts → select_option_types.d.ts} +2 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_types.js +2 -0
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_types.js.map +1 -0
- package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +2 -4
- package/build/esm/packages/phoenix/src/components/form/select/select.js +39 -35
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +1 -0
- package/package.json +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_constants.js +0 -2
- package/build/esm/packages/phoenix/src/components/form/select/model/select_option_constants.js.map +0 -1
|
@@ -9,7 +9,7 @@ class SelectOptionMapper {
|
|
|
9
9
|
static toModel($option) {
|
|
10
10
|
const $optionContent = $option.querySelector(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
|
|
11
11
|
const optionContentText = ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.textContent) || ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.innerText);
|
|
12
|
-
const value = $option.value;
|
|
12
|
+
const value = $option.value || $option.getAttribute('value');
|
|
13
13
|
if (!value)
|
|
14
14
|
throw new Error('h-option must contain a unique value');
|
|
15
15
|
if (!optionContentText)
|
|
@@ -46,6 +46,40 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
46
46
|
this._$optionsList = ref_js.createRef();
|
|
47
47
|
this._$dropdownContent = ref_js.createRef();
|
|
48
48
|
this._selectContext = new context_provider_controller.ContextProviderController(this);
|
|
49
|
+
this._updateOptions = () => {
|
|
50
|
+
const $options = this._getOptions();
|
|
51
|
+
this._$options = $options.reduce((acc, $option) => {
|
|
52
|
+
const value = $option.value || $option.getAttribute('value');
|
|
53
|
+
if (!value)
|
|
54
|
+
throw Error('Select option must hava a value');
|
|
55
|
+
if (acc[value] !== undefined)
|
|
56
|
+
throw Error('Select options must hava a unique values.');
|
|
57
|
+
return {
|
|
58
|
+
...acc,
|
|
59
|
+
[value]: $option
|
|
60
|
+
};
|
|
61
|
+
}, {});
|
|
62
|
+
const options = $options.map(select_option_mapper.SelectOptionMapper.toModel);
|
|
63
|
+
this._selectController.options$.notify(options);
|
|
64
|
+
if (options.length)
|
|
65
|
+
this._selectController.selectedOptions$.notify(options.filter((option) => option.selected));
|
|
66
|
+
};
|
|
67
|
+
this._getOptions = () => {
|
|
68
|
+
let $options;
|
|
69
|
+
if (this.optionsList) {
|
|
70
|
+
$options = this.optionsList.map(option => {
|
|
71
|
+
return select_utils.SelectControlUtils.createHTMLOption(select_option.SelectOption.create(option));
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
$options = this.hasSlot(select_constants.SELECT_SLOT_NAMES.content)
|
|
76
|
+
? this.getSlot(select_constants.SELECT_SLOT_NAMES.content)
|
|
77
|
+
.map((litElement) => litElement.values[0])
|
|
78
|
+
.filter((element) => element instanceof select_option$1.HOption)
|
|
79
|
+
: Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
80
|
+
}
|
|
81
|
+
return $options;
|
|
82
|
+
};
|
|
49
83
|
this._handleOptionDeselect = (event) => {
|
|
50
84
|
const selectedOption = this._selectController.getOption(event.detail);
|
|
51
85
|
if (!selectedOption)
|
|
@@ -183,40 +217,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
183
217
|
this.disabled ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectDisabled);
|
|
184
218
|
}
|
|
185
219
|
}
|
|
186
|
-
_updateOptions() {
|
|
187
|
-
const $options = this._getOptions();
|
|
188
|
-
this._$options = $options.reduce((acc, $option) => {
|
|
189
|
-
const value = $option.value;
|
|
190
|
-
if (!value)
|
|
191
|
-
throw Error('Select option must hava a value');
|
|
192
|
-
if (acc[value] !== undefined)
|
|
193
|
-
throw Error('Select options must hava a unique values.');
|
|
194
|
-
return {
|
|
195
|
-
...acc,
|
|
196
|
-
[value]: $option
|
|
197
|
-
};
|
|
198
|
-
}, {});
|
|
199
|
-
const options = $options.map(select_option_mapper.SelectOptionMapper.toModel);
|
|
200
|
-
this._selectController.options$.notify(options);
|
|
201
|
-
if (options.length)
|
|
202
|
-
this._selectController.selectedOptions$.notify(options.filter((option) => option.selected));
|
|
203
|
-
}
|
|
204
|
-
_getOptions() {
|
|
205
|
-
let $options;
|
|
206
|
-
if (this.optionsList) {
|
|
207
|
-
$options = this.optionsList.map(option => {
|
|
208
|
-
return select_utils.SelectControlUtils.createHTMLOption(select_option.SelectOption.create(option));
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
else {
|
|
212
|
-
$options = this.hasSlot(select_constants.SELECT_SLOT_NAMES.content)
|
|
213
|
-
? this.getSlot(select_constants.SELECT_SLOT_NAMES.content)
|
|
214
|
-
.map((litElement) => litElement.values[0])
|
|
215
|
-
.filter((element) => element instanceof select_option$1.HOption)
|
|
216
|
-
: Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
217
|
-
}
|
|
218
|
-
return $options;
|
|
219
|
-
}
|
|
220
220
|
_setupEvents() {
|
|
221
221
|
this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
|
|
222
222
|
this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
|
|
@@ -323,7 +323,11 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
323
323
|
>
|
|
324
324
|
${this.getSlot(select_constants.SELECT_SLOT_NAMES.content)}
|
|
325
325
|
|
|
326
|
-
${this._$options ? repeat.repeat(Object.values(this._$options), (option) => option.value, (option) =>
|
|
326
|
+
${this._$options && !this.hasSlot(select_constants.SELECT_SLOT_NAMES.content) ? repeat.repeat(Object.values(this._$options), (option) => option.value, (option) => lit.html `
|
|
327
|
+
<h-option value="${option.value}" ?selected=${option.selected}>
|
|
328
|
+
<h-option-content>${option.textContent}</h-option-content>
|
|
329
|
+
</h-option>
|
|
330
|
+
`) : lit.nothing}
|
|
327
331
|
</h-options>
|
|
328
332
|
|
|
329
333
|
${this._searchNoResult()
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,7 +5,7 @@ class SelectOptionMapper {
|
|
|
5
5
|
static toModel($option) {
|
|
6
6
|
const $optionContent = $option.querySelector(SELECT_RELATED_COMPONENTS_NAMES.optionContent);
|
|
7
7
|
const optionContentText = ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.textContent) || ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.innerText);
|
|
8
|
-
const value = $option.value;
|
|
8
|
+
const value = $option.value || $option.getAttribute('value');
|
|
9
9
|
if (!value)
|
|
10
10
|
throw new Error('h-option must contain a unique value');
|
|
11
11
|
if (!optionContentText)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type
|
|
1
|
+
export declare type TSelectOption = {
|
|
2
2
|
value: string;
|
|
3
3
|
content: string;
|
|
4
4
|
selected?: boolean;
|
|
@@ -6,3 +6,4 @@ export declare type TSelectOptionConstructorOptions = {
|
|
|
6
6
|
hidden?: boolean;
|
|
7
7
|
inactive?: boolean;
|
|
8
8
|
};
|
|
9
|
+
export declare type TSelectOptionConstructorOptions = TSelectOption;
|
package/build/esm/packages/phoenix/src/components/form/select/model/select_option_types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select_option_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/model/select_option_types.ts"],"names":[],"mappings":""}
|
|
@@ -3,6 +3,7 @@ import { HOption } from "./components/option/select_option";
|
|
|
3
3
|
import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
4
4
|
import { SelectOption } from "./model/select_option";
|
|
5
5
|
import type { TSelectType } from "./select_types";
|
|
6
|
+
import { TSelectOption } from './model/select_option_types';
|
|
6
7
|
export declare class HSelect extends PhoenixLightLitElement {
|
|
7
8
|
private static _components;
|
|
8
9
|
controlName: string;
|
|
@@ -15,10 +16,7 @@ export declare class HSelect extends PhoenixLightLitElement {
|
|
|
15
16
|
searchDisabled: boolean;
|
|
16
17
|
type: TSelectType;
|
|
17
18
|
required: boolean;
|
|
18
|
-
optionsList?:
|
|
19
|
-
value: string;
|
|
20
|
-
content: string;
|
|
21
|
-
}[];
|
|
19
|
+
optionsList?: TSelectOption[];
|
|
22
20
|
get selectedIndex(): number;
|
|
23
21
|
set selectedIndex(index: number);
|
|
24
22
|
get selectedOptions(): HOption[];
|
|
@@ -42,6 +42,40 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
42
42
|
this._$optionsList = createRef();
|
|
43
43
|
this._$dropdownContent = createRef();
|
|
44
44
|
this._selectContext = new ContextProviderController(this);
|
|
45
|
+
this._updateOptions = () => {
|
|
46
|
+
const $options = this._getOptions();
|
|
47
|
+
this._$options = $options.reduce((acc, $option) => {
|
|
48
|
+
const value = $option.value || $option.getAttribute('value');
|
|
49
|
+
if (!value)
|
|
50
|
+
throw Error('Select option must hava a value');
|
|
51
|
+
if (acc[value] !== undefined)
|
|
52
|
+
throw Error('Select options must hava a unique values.');
|
|
53
|
+
return {
|
|
54
|
+
...acc,
|
|
55
|
+
[value]: $option
|
|
56
|
+
};
|
|
57
|
+
}, {});
|
|
58
|
+
const options = $options.map(SelectOptionMapper.toModel);
|
|
59
|
+
this._selectController.options$.notify(options);
|
|
60
|
+
if (options.length)
|
|
61
|
+
this._selectController.selectedOptions$.notify(options.filter((option) => option.selected));
|
|
62
|
+
};
|
|
63
|
+
this._getOptions = () => {
|
|
64
|
+
let $options;
|
|
65
|
+
if (this.optionsList) {
|
|
66
|
+
$options = this.optionsList.map(option => {
|
|
67
|
+
return SelectControlUtils.createHTMLOption(SelectOption.create(option));
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
$options = this.hasSlot(SELECT_SLOT_NAMES.content)
|
|
72
|
+
? this.getSlot(SELECT_SLOT_NAMES.content)
|
|
73
|
+
.map((litElement) => litElement.values[0])
|
|
74
|
+
.filter((element) => element instanceof HOption)
|
|
75
|
+
: Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
76
|
+
}
|
|
77
|
+
return $options;
|
|
78
|
+
};
|
|
45
79
|
this._handleOptionDeselect = (event) => {
|
|
46
80
|
const selectedOption = this._selectController.getOption(event.detail);
|
|
47
81
|
if (!selectedOption)
|
|
@@ -179,40 +213,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
179
213
|
this.disabled ? this.classList.add(SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(SELECT_CSS_CLASSES.selectDisabled);
|
|
180
214
|
}
|
|
181
215
|
}
|
|
182
|
-
_updateOptions() {
|
|
183
|
-
const $options = this._getOptions();
|
|
184
|
-
this._$options = $options.reduce((acc, $option) => {
|
|
185
|
-
const value = $option.value;
|
|
186
|
-
if (!value)
|
|
187
|
-
throw Error('Select option must hava a value');
|
|
188
|
-
if (acc[value] !== undefined)
|
|
189
|
-
throw Error('Select options must hava a unique values.');
|
|
190
|
-
return {
|
|
191
|
-
...acc,
|
|
192
|
-
[value]: $option
|
|
193
|
-
};
|
|
194
|
-
}, {});
|
|
195
|
-
const options = $options.map(SelectOptionMapper.toModel);
|
|
196
|
-
this._selectController.options$.notify(options);
|
|
197
|
-
if (options.length)
|
|
198
|
-
this._selectController.selectedOptions$.notify(options.filter((option) => option.selected));
|
|
199
|
-
}
|
|
200
|
-
_getOptions() {
|
|
201
|
-
let $options;
|
|
202
|
-
if (this.optionsList) {
|
|
203
|
-
$options = this.optionsList.map(option => {
|
|
204
|
-
return SelectControlUtils.createHTMLOption(SelectOption.create(option));
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
else {
|
|
208
|
-
$options = this.hasSlot(SELECT_SLOT_NAMES.content)
|
|
209
|
-
? this.getSlot(SELECT_SLOT_NAMES.content)
|
|
210
|
-
.map((litElement) => litElement.values[0])
|
|
211
|
-
.filter((element) => element instanceof HOption)
|
|
212
|
-
: Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
|
|
213
|
-
}
|
|
214
|
-
return $options;
|
|
215
|
-
}
|
|
216
216
|
_setupEvents() {
|
|
217
217
|
this.addEventListener(SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
|
|
218
218
|
this.addEventListener(SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
|
|
@@ -319,7 +319,11 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
319
319
|
>
|
|
320
320
|
${this.getSlot(SELECT_SLOT_NAMES.content)}
|
|
321
321
|
|
|
322
|
-
${this._$options ? repeat(Object.values(this._$options), (option) => option.value, (option) =>
|
|
322
|
+
${this._$options && !this.hasSlot(SELECT_SLOT_NAMES.content) ? repeat(Object.values(this._$options), (option) => option.value, (option) => html `
|
|
323
|
+
<h-option value="${option.value}" ?selected=${option.selected}>
|
|
324
|
+
<h-option-content>${option.textContent}</h-option-content>
|
|
325
|
+
</h-option>
|
|
326
|
+
`) : nothing}
|
|
323
327
|
</h-options>
|
|
324
328
|
|
|
325
329
|
${this._searchNoResult()
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,6 +3,7 @@ export { HOptionContent } from "./components/form/select/components/option/selec
|
|
|
3
3
|
export { HOptions } from "./components/form/select/components/select_options";
|
|
4
4
|
export { HSelectToggler } from "./components/form/select/components/toggler/select_toggler";
|
|
5
5
|
export { HSelect } from "./components/form/select/select";
|
|
6
|
+
export { TSelectOption } from "./components/form/select/model/select_option_types";
|
|
6
7
|
export { HFile } from "./components/form/file_picker/file/file";
|
|
7
8
|
export { HFilePicker } from "./components/form/file_picker/file_picker";
|
|
8
9
|
export { HFilePickerLabel } from "./components/form/file_picker/file_picker_label";
|
package/package.json
CHANGED
package/build/esm/packages/phoenix/src/components/form/select/model/select_option_constants.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select_option_constants.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/model/select_option_constants.ts"],"names":[],"mappings":""}
|