@shoper/phoenix_design_system 1.1.4-21 → 1.1.4-23
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/backdrop/controller/backdrop_controller.js +7 -0
- package/build/cjs/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js +5 -3
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/backdrop/controller/backdrop_controller.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js +7 -0
- package/build/esm/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js +5 -3
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js.map +1 -1
- package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js
CHANGED
|
@@ -5,11 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var backdrop_constants = require('../backdrop_constants.js');
|
|
6
6
|
|
|
7
7
|
class BackdropController {
|
|
8
|
+
constructor() {
|
|
9
|
+
this._isVisible = false;
|
|
10
|
+
}
|
|
8
11
|
hide() {
|
|
9
12
|
this._dispatchEvent(backdrop_constants.BACKDROP_EVENTS.hide);
|
|
13
|
+
this._isVisible = false;
|
|
10
14
|
}
|
|
11
15
|
show() {
|
|
16
|
+
if (this._isVisible)
|
|
17
|
+
return;
|
|
12
18
|
this._dispatchEvent(backdrop_constants.BACKDROP_EVENTS.show);
|
|
19
|
+
this._isVisible = true;
|
|
13
20
|
}
|
|
14
21
|
_dispatchEvent(eventName) {
|
|
15
22
|
const hideBackdropEvent = new CustomEvent(eventName, {
|
package/build/cjs/packages/phoenix/src/components/backdrop/controller/backdrop_controller.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;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;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,8 +11,11 @@ var dropdown_constants = require('./dropdown_constants.js');
|
|
|
11
11
|
|
|
12
12
|
exports.HDropdownContent = class HDropdownContent extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
13
13
|
constructor() {
|
|
14
|
-
super();
|
|
14
|
+
super(...arguments);
|
|
15
15
|
this.name = '';
|
|
16
|
+
}
|
|
17
|
+
connectedCallback() {
|
|
18
|
+
super.connectedCallback();
|
|
16
19
|
this.classList.add(dropdown_constants.DROPDOWN_CONTENT_CSS_CLASS);
|
|
17
20
|
this.setAttribute('role', 'menu');
|
|
18
21
|
this.slot = this.hasAttribute('slot') ? this.slot : 'content';
|
|
@@ -30,7 +33,6 @@ tslib_es6.__decorate([
|
|
|
30
33
|
tslib_es6.__metadata("design:type", Object)
|
|
31
34
|
], exports.HDropdownContent.prototype, "name", void 0);
|
|
32
35
|
exports.HDropdownContent = tslib_es6.__decorate([
|
|
33
|
-
phoenix_custom_element.phoenixCustomElement('h-dropdown-content')
|
|
34
|
-
tslib_es6.__metadata("design:paramtypes", [])
|
|
36
|
+
phoenix_custom_element.phoenixCustomElement('h-dropdown-content')
|
|
35
37
|
], exports.HDropdownContent);
|
|
36
38
|
//# sourceMappingURL=dropdown_content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/phoenix/src/components/backdrop/controller/backdrop_controller.js
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { BACKDROP_EVENTS } from '../backdrop_constants.js';
|
|
2
2
|
|
|
3
3
|
class BackdropController {
|
|
4
|
+
constructor() {
|
|
5
|
+
this._isVisible = false;
|
|
6
|
+
}
|
|
4
7
|
hide() {
|
|
5
8
|
this._dispatchEvent(BACKDROP_EVENTS.hide);
|
|
9
|
+
this._isVisible = false;
|
|
6
10
|
}
|
|
7
11
|
show() {
|
|
12
|
+
if (this._isVisible)
|
|
13
|
+
return;
|
|
8
14
|
this._dispatchEvent(BACKDROP_EVENTS.show);
|
|
15
|
+
this._isVisible = true;
|
|
9
16
|
}
|
|
10
17
|
_dispatchEvent(eventName) {
|
|
11
18
|
const hideBackdropEvent = new CustomEvent(eventName, {
|
package/build/esm/packages/phoenix/src/components/backdrop/controller/backdrop_controller.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;"}
|
|
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;"}
|
|
@@ -2,6 +2,6 @@ import { TemplateResult } from 'lit';
|
|
|
2
2
|
import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
|
|
3
3
|
export declare class HDropdownContent extends PhoenixLightLitElement {
|
|
4
4
|
name: string;
|
|
5
|
-
|
|
5
|
+
connectedCallback(): void;
|
|
6
6
|
protected render(): TemplateResult;
|
|
7
7
|
}
|
|
@@ -7,8 +7,11 @@ import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.js';
|
|
|
7
7
|
|
|
8
8
|
let HDropdownContent = class HDropdownContent extends PhoenixLightLitElement {
|
|
9
9
|
constructor() {
|
|
10
|
-
super();
|
|
10
|
+
super(...arguments);
|
|
11
11
|
this.name = '';
|
|
12
|
+
}
|
|
13
|
+
connectedCallback() {
|
|
14
|
+
super.connectedCallback();
|
|
12
15
|
this.classList.add(DROPDOWN_CONTENT_CSS_CLASS);
|
|
13
16
|
this.setAttribute('role', 'menu');
|
|
14
17
|
this.slot = this.hasAttribute('slot') ? this.slot : 'content';
|
|
@@ -26,8 +29,7 @@ __decorate([
|
|
|
26
29
|
__metadata("design:type", Object)
|
|
27
30
|
], HDropdownContent.prototype, "name", void 0);
|
|
28
31
|
HDropdownContent = __decorate([
|
|
29
|
-
phoenixCustomElement('h-dropdown-content')
|
|
30
|
-
__metadata("design:paramtypes", [])
|
|
32
|
+
phoenixCustomElement('h-dropdown-content')
|
|
31
33
|
], HDropdownContent);
|
|
32
34
|
|
|
33
35
|
export { HDropdownContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|