@shoper/phoenix_design_system 1.1.0-1 → 1.1.0-2
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/components/select_components_constatns.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/components/select_options.js +3 -3
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +2 -2
- package/build/cjs/packages/phoenix/src/index.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/components/select_options.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/select/select.js +2 -2
- package/build/esm/packages/phoenix/src/components/form/select/select_utils.d.ts +2 -2
- package/build/esm/packages/phoenix/src/index.d.ts +1 -1
- package/build/esm/packages/phoenix/src/index.js +1 -1
- package/package.json +2 -2
|
@@ -13,7 +13,7 @@ const SELECT_SEARCH_EVENT_NAMES = {
|
|
|
13
13
|
};
|
|
14
14
|
const SELECT_RELATED_COMPONENTS_NAMES = {
|
|
15
15
|
option: 'h-option',
|
|
16
|
-
options: 'h-
|
|
16
|
+
options: 'h-options',
|
|
17
17
|
optionContent: 'h-option-content',
|
|
18
18
|
value: 'h-select-value',
|
|
19
19
|
closeBtn: 'h-select-close-btn',
|
|
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_elem
|
|
|
8
8
|
var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
|
|
9
9
|
var select_components_constatns = require('./select_components_constatns.js');
|
|
10
10
|
|
|
11
|
-
exports.
|
|
11
|
+
exports.HOptions = class HOptions extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
12
12
|
constructor() {
|
|
13
13
|
super();
|
|
14
14
|
this._dispatchClickedEvent = ({ detail }) => {
|
|
@@ -24,8 +24,8 @@ exports.HSelectOptions = class HSelectOptions extends phoenix_light_lit_element.
|
|
|
24
24
|
this.addEventListener(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
exports.
|
|
27
|
+
exports.HOptions = tslib_es6.__decorate([
|
|
28
28
|
phoenix_custom_element.phoenixCustomElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.options),
|
|
29
29
|
tslib_es6.__metadata("design:paramtypes", [])
|
|
30
|
-
], exports.
|
|
30
|
+
], exports.HOptions);
|
|
31
31
|
//# sourceMappingURL=select_options.js.map
|
|
@@ -173,13 +173,13 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
|
|
|
173
173
|
: lit.nothing}
|
|
174
174
|
${this.hasSlot(select_constants.SELECT_SLOT_NAMES.content)
|
|
175
175
|
? lit.html `
|
|
176
|
-
<h-
|
|
176
|
+
<h-options
|
|
177
177
|
class=${select_constants.SELECT_CSS_CLASSES.selectOptions}
|
|
178
178
|
${ref_js.ref(this._$optionsList)}
|
|
179
179
|
@selectOptions.clicked=${this._handleOptionClicked}
|
|
180
180
|
>
|
|
181
181
|
${this.getSlot(select_constants.SELECT_SLOT_NAMES.content)}
|
|
182
|
-
</h-
|
|
182
|
+
</h-options>
|
|
183
183
|
`
|
|
184
184
|
: lit.nothing}
|
|
185
185
|
${!this._selectController.visibleOptionsCount ? lit.html `<p>brak wyników dla ${this._searchValue}</p>` : lit.nothing}
|
|
@@ -95,10 +95,10 @@ Object.defineProperty(exports, 'HOption', {
|
|
|
95
95
|
return select_option.HOption;
|
|
96
96
|
}
|
|
97
97
|
});
|
|
98
|
-
Object.defineProperty(exports, '
|
|
98
|
+
Object.defineProperty(exports, 'HOptions', {
|
|
99
99
|
enumerable: true,
|
|
100
100
|
get: function () {
|
|
101
|
-
return select_options.
|
|
101
|
+
return select_options.HOptions;
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
104
|
exports.ContextConsumerController = context_consumer_controller.ContextConsumerController;
|
|
@@ -9,7 +9,7 @@ export declare const SELECT_SEARCH_EVENT_NAMES: {
|
|
|
9
9
|
};
|
|
10
10
|
export declare const SELECT_RELATED_COMPONENTS_NAMES: {
|
|
11
11
|
readonly option: "h-option";
|
|
12
|
-
readonly options: "h-
|
|
12
|
+
readonly options: "h-options";
|
|
13
13
|
readonly optionContent: "h-option-content";
|
|
14
14
|
readonly value: "h-select-value";
|
|
15
15
|
readonly closeBtn: "h-select-close-btn";
|
|
@@ -9,7 +9,7 @@ const SELECT_SEARCH_EVENT_NAMES = {
|
|
|
9
9
|
};
|
|
10
10
|
const SELECT_RELATED_COMPONENTS_NAMES = {
|
|
11
11
|
option: 'h-option',
|
|
12
|
-
options: 'h-
|
|
12
|
+
options: 'h-options',
|
|
13
13
|
optionContent: 'h-option-content',
|
|
14
14
|
value: 'h-select-value',
|
|
15
15
|
closeBtn: 'h-select-close-btn',
|
package/build/esm/packages/phoenix/src/components/form/select/components/select_options.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class HOptions extends PhoenixLightLitElement {
|
|
3
3
|
constructor();
|
|
4
4
|
private _dispatchClickedEvent;
|
|
5
5
|
}
|
|
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_eleme
|
|
|
4
4
|
import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
|
|
5
5
|
import { SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from './select_components_constatns.js';
|
|
6
6
|
|
|
7
|
-
let
|
|
7
|
+
let HOptions = class HOptions extends PhoenixLightLitElement {
|
|
8
8
|
constructor() {
|
|
9
9
|
super();
|
|
10
10
|
this._dispatchClickedEvent = ({ detail }) => {
|
|
@@ -20,10 +20,10 @@ let HSelectOptions = class HSelectOptions extends PhoenixLightLitElement {
|
|
|
20
20
|
this.addEventListener(SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
|
-
|
|
23
|
+
HOptions = __decorate([
|
|
24
24
|
phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.options),
|
|
25
25
|
__metadata("design:paramtypes", [])
|
|
26
|
-
],
|
|
26
|
+
], HOptions);
|
|
27
27
|
|
|
28
|
-
export {
|
|
28
|
+
export { HOptions };
|
|
29
29
|
//# sourceMappingURL=select_options.js.map
|
|
@@ -169,13 +169,13 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
|
|
|
169
169
|
: nothing}
|
|
170
170
|
${this.hasSlot(SELECT_SLOT_NAMES.content)
|
|
171
171
|
? html `
|
|
172
|
-
<h-
|
|
172
|
+
<h-options
|
|
173
173
|
class=${SELECT_CSS_CLASSES.selectOptions}
|
|
174
174
|
${ref(this._$optionsList)}
|
|
175
175
|
@selectOptions.clicked=${this._handleOptionClicked}
|
|
176
176
|
>
|
|
177
177
|
${this.getSlot(SELECT_SLOT_NAMES.content)}
|
|
178
|
-
</h-
|
|
178
|
+
</h-options>
|
|
179
179
|
`
|
|
180
180
|
: nothing}
|
|
181
181
|
${!this._selectController.visibleOptionsCount ? html `<p>brak wyników dla ${this._searchValue}</p>` : nothing}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { SelectOption } from "./model/select_option";
|
|
2
2
|
import { HOption } from "./components/option/select_option";
|
|
3
|
-
import {
|
|
3
|
+
import { HOptions } from "./components/select_options";
|
|
4
4
|
export declare class SelectControlUtils {
|
|
5
5
|
static createHTMLOption(option: SelectOption): HOption;
|
|
6
6
|
static syncHTMLOptionWithModel(option: SelectOption, $option: HOption): void;
|
|
7
7
|
static removeHTMLOptions($options: HOption[], optionsValuesThatExists: string[]): Record<string, HOption>;
|
|
8
|
-
static appendHTMLOption($option: HOption, $list:
|
|
8
|
+
static appendHTMLOption($option: HOption, $list: HOptions, position?: number): void;
|
|
9
9
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { HOption } from "./components/form/select/components/option/select_option";
|
|
2
|
-
export {
|
|
2
|
+
export { HOptions } from "./components/form/select/components/select_options";
|
|
3
3
|
export { HSelectValue } from "./components/form/select/components/value/select_value";
|
|
4
4
|
export { HSelect } from "./components/form/select/select";
|
|
5
5
|
export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
|
|
@@ -3,7 +3,7 @@ export { PhoenixLightLitElement } from './core/phoenix_light_lit_element/phoenix
|
|
|
3
3
|
export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller.js';
|
|
4
4
|
export { BtnController } from './controllers/btn_controller/btn_controller.js';
|
|
5
5
|
export { HOption } from './components/form/select/components/option/select_option.js';
|
|
6
|
-
export {
|
|
6
|
+
export { HOptions } from './components/form/select/components/select_options.js';
|
|
7
7
|
export { ContextConsumerController } from './core/context/context_consumer_controller.js';
|
|
8
8
|
export { HSelectValue } from './components/form/select/components/value/select_value.js';
|
|
9
9
|
export { ContextProviderController } from './core/context/context_provider_controller.js';
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@shoper/phoenix_design_system",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "1.1.0-
|
|
5
|
+
"version": "1.1.0-2",
|
|
6
6
|
"description": "phoenix design system",
|
|
7
7
|
"author": "zefirek",
|
|
8
8
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@splidejs/splide": "^4.0.7"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@dreamcommerce/utilities": "^1.1.0",
|
|
33
|
+
"@dreamcommerce/utilities": "^1.1.0-1",
|
|
34
34
|
"@shoper/jest_config": "^0.0.0",
|
|
35
35
|
"@shoper/tsconfig": "^0.0.0",
|
|
36
36
|
"@splidejs/splide": "4.0.7",
|