@shoper/phoenix_design_system 1.10.12 → 1.10.13

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.
Files changed (6) hide show
  1. package/build/cjs/packages/phoenix/src/components/modal/modal.js +4 -6
  2. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +0 -1
  4. package/build/esm/packages/phoenix/src/components/modal/modal.js +4 -6
  5. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -13,6 +13,7 @@ var portal_constants = require('../portal/portal_constants.js');
13
13
  var backdrop_constants = require('../backdrop/backdrop_constants.js');
14
14
  var backdrop_controller = require('../backdrop/controller/backdrop_controller.js');
15
15
  var modal_constants = require('./modal_constants.js');
16
+ var modal_close = require('./modal_close.js');
16
17
 
17
18
  var HModal_1;
18
19
  exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -28,7 +29,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
28
29
  this._contentRef = ref_js.createRef();
29
30
  this._focusSentinelStart = ref_js.createRef();
30
31
  this._focusSentinelEnd = ref_js.createRef();
31
- this._$modalClose = null;
32
32
  this._propsChangeStrategies = {
33
33
  [modal_constants.MODAL_OPENED_PROP]: {
34
34
  true: () => {
@@ -70,9 +70,9 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
70
70
  this._handleCloseFromCloseComponent = async (ev) => {
71
71
  var _a;
72
72
  ev.stopPropagation();
73
- if (ev.target !== this._$modalClose)
74
- return;
75
- if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
73
+ const isModalCloseElement = ev.target instanceof modal_close.HModalClose;
74
+ const isContainedWithinModal = (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target);
75
+ if (isModalCloseElement && isContainedWithinModal) {
76
76
  await this.close();
77
77
  }
78
78
  };
@@ -127,8 +127,6 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
127
127
  }
128
128
  connectedCallback() {
129
129
  super.connectedCallback();
130
- if (!this._$modalClose)
131
- this._$modalClose = this.querySelector('h-modal-close');
132
130
  HModal_1._appendModalsPortal();
133
131
  document.addEventListener('keydown', this._keepFocusWithinModal);
134
132
  document.addEventListener(modal_constants.MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
package/build/cjs/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/modal/modal.d.ts CHANGED
@@ -12,7 +12,6 @@ export declare class HModal extends PhoenixLightLitElement {
12
12
  private _contentRef;
13
13
  private _focusSentinelStart;
14
14
  private _focusSentinelEnd;
15
- private _$modalClose;
16
15
  private _propsChangeStrategies;
17
16
  private static openModals;
18
17
  private _backdropController;
package/build/esm/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -9,6 +9,7 @@ import { PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
9
9
  import { BACKDROP_EVENTS } from '../backdrop/backdrop_constants.js';
10
10
  import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
11
11
  import { MODAL_OPENED_PROP, FOCUSABLE_ELEMENTS_WITHIN_MODAL, MODALS_PORTAL_NAME, MODAL_EVENTS } from './modal_constants.js';
12
+ import { HModalClose } from './modal_close.js';
12
13
 
13
14
  var HModal_1;
14
15
  let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
@@ -24,7 +25,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
24
25
  this._contentRef = createRef();
25
26
  this._focusSentinelStart = createRef();
26
27
  this._focusSentinelEnd = createRef();
27
- this._$modalClose = null;
28
28
  this._propsChangeStrategies = {
29
29
  [MODAL_OPENED_PROP]: {
30
30
  true: () => {
@@ -66,9 +66,9 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
66
66
  this._handleCloseFromCloseComponent = async (ev) => {
67
67
  var _a;
68
68
  ev.stopPropagation();
69
- if (ev.target !== this._$modalClose)
70
- return;
71
- if ((_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target)) {
69
+ const isModalCloseElement = ev.target instanceof HModalClose;
70
+ const isContainedWithinModal = (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.contains(ev.target);
71
+ if (isModalCloseElement && isContainedWithinModal) {
72
72
  await this.close();
73
73
  }
74
74
  };
@@ -123,8 +123,6 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
123
123
  }
124
124
  connectedCallback() {
125
125
  super.connectedCallback();
126
- if (!this._$modalClose)
127
- this._$modalClose = this.querySelector('h-modal-close');
128
126
  HModal_1._appendModalsPortal();
129
127
  document.addEventListener('keydown', this._keepFocusWithinModal);
130
128
  document.addEventListener(MODAL_EVENTS.close, this._handleCloseFromCloseComponent);
package/build/esm/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/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.10.12",
5
+ "version": "1.10.13",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",