@shoper/phoenix_design_system 1.15.11-23 → 1.15.11-25

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 (9) hide show
  1. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +6 -1
  2. package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/messages/base_message_content.js +3 -3
  4. package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +2 -0
  5. package/build/esm/packages/phoenix/src/components/messages/base_message.js +6 -1
  6. package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/messages/base_message_content.d.ts +1 -1
  8. package/build/esm/packages/phoenix/src/components/messages/base_message_content.js +3 -3
  9. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
+ require('lit');
6
7
  var decorators = require('lit/decorators');
7
8
  var utilities = require('@dreamcommerce/utilities');
8
9
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
@@ -24,9 +25,10 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
24
25
  if (!this._$baseMessageContent)
25
26
  return;
26
27
  [...this.children].forEach((child) => {
28
+ var _a;
27
29
  if (base_message_constants.LIST_OF_MESSAGE_CHILDREN.includes(child.tagName.toLowerCase()))
28
30
  return;
29
- child.setAttribute('aria-describedby', this._$baseMessageContent.id);
31
+ child.setAttribute('aria-describedby', (_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.messageId);
30
32
  });
31
33
  };
32
34
  this._setupEventListeners = () => {
@@ -114,6 +116,9 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
114
116
  this._setupEventListeners();
115
117
  if (!this._$baseMessageContent)
116
118
  this._$baseMessageContent = [...this.children].find((child) => base_message_constants.LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
119
+ }
120
+ firstUpdated(props) {
121
+ super.firstUpdated(props);
117
122
  this._handleChildrenAriaAttributes();
118
123
  }
119
124
  static _appendMessagePortal() {
package/build/cjs/packages/phoenix/src/components/messages/base_message.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/messages/base_message_content.js CHANGED
@@ -13,7 +13,7 @@ class BaseMessageContent extends phoenix_light_lit_element.PhoenixLightLitElemen
13
13
  constructor() {
14
14
  super();
15
15
  this.portalTarget = base_message_constants.DEFAULT_MESSAGE_PORTAL_NAME;
16
- this.id = v4['default']();
16
+ this.messageId = v4['default']();
17
17
  this.slot = base_message_constants.MESSAGE_CONTENT_SLOT_NAME;
18
18
  }
19
19
  connectedCallback() {
@@ -29,9 +29,9 @@ tslib_es6.__decorate([
29
29
  tslib_es6.__metadata("design:type", Object)
30
30
  ], BaseMessageContent.prototype, "portalTarget", void 0);
31
31
  tslib_es6.__decorate([
32
- decorators.property({ type: String, reflect: true }),
32
+ decorators.property({ type: String }),
33
33
  tslib_es6.__metadata("design:type", Object)
34
- ], BaseMessageContent.prototype, "id", void 0);
34
+ ], BaseMessageContent.prototype, "messageId", void 0);
35
35
 
36
36
  exports.BaseMessageContent = BaseMessageContent;
37
37
  //# sourceMappingURL=base_message_content.js.map
package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { IBaseMessage } from './base_message_types';
2
2
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
3
  import type { TDirection } from '@dreamcommerce/utilities';
4
+ import { PropertyValues } from 'lit';
4
5
  export declare class BaseMessage extends PhoenixLightLitElement implements IBaseMessage {
5
6
  opened: boolean;
6
7
  portalTarget: string;
@@ -19,6 +20,7 @@ export declare class BaseMessage extends PhoenixLightLitElement implements IBase
19
20
  private _$baseMessageContent?;
20
21
  constructor();
21
22
  connectedCallback(messageComponentName?: string): void;
23
+ firstUpdated(props: PropertyValues): void;
22
24
  private _handleChildrenAriaAttributes;
23
25
  private static _appendMessagePortal;
24
26
  private _setupEventListeners;
package/build/esm/packages/phoenix/src/components/messages/base_message.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
+ import 'lit';
2
3
  import { property } from 'lit/decorators';
3
4
  import { DIRECTIONS } from '@dreamcommerce/utilities';
4
5
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
@@ -20,9 +21,10 @@ class BaseMessage extends PhoenixLightLitElement {
20
21
  if (!this._$baseMessageContent)
21
22
  return;
22
23
  [...this.children].forEach((child) => {
24
+ var _a;
23
25
  if (LIST_OF_MESSAGE_CHILDREN.includes(child.tagName.toLowerCase()))
24
26
  return;
25
- child.setAttribute('aria-describedby', this._$baseMessageContent.id);
27
+ child.setAttribute('aria-describedby', (_a = this._$baseMessageContent) === null || _a === void 0 ? void 0 : _a.messageId);
26
28
  });
27
29
  };
28
30
  this._setupEventListeners = () => {
@@ -110,6 +112,9 @@ class BaseMessage extends PhoenixLightLitElement {
110
112
  this._setupEventListeners();
111
113
  if (!this._$baseMessageContent)
112
114
  this._$baseMessageContent = [...this.children].find((child) => LIST_OF_MESSAGE_CONTENT_ELEMENTS.includes(child.tagName.toLowerCase()));
115
+ }
116
+ firstUpdated(props) {
117
+ super.firstUpdated(props);
113
118
  this._handleChildrenAriaAttributes();
114
119
  }
115
120
  static _appendMessagePortal() {
package/build/esm/packages/phoenix/src/components/messages/base_message.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/messages/base_message_content.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
2
  export declare class BaseMessageContent extends PhoenixLightLitElement {
3
3
  portalTarget: string;
4
- id: string;
4
+ messageId: string;
5
5
  constructor();
6
6
  connectedCallback(): void;
7
7
  private _setupAriaAttributes;
package/build/esm/packages/phoenix/src/components/messages/base_message_content.js CHANGED
@@ -9,7 +9,7 @@ class BaseMessageContent extends PhoenixLightLitElement {
9
9
  constructor() {
10
10
  super();
11
11
  this.portalTarget = DEFAULT_MESSAGE_PORTAL_NAME;
12
- this.id = v4();
12
+ this.messageId = v4();
13
13
  this.slot = MESSAGE_CONTENT_SLOT_NAME;
14
14
  }
15
15
  connectedCallback() {
@@ -25,9 +25,9 @@ __decorate([
25
25
  __metadata("design:type", Object)
26
26
  ], BaseMessageContent.prototype, "portalTarget", void 0);
27
27
  __decorate([
28
- property({ type: String, reflect: true }),
28
+ property({ type: String }),
29
29
  __metadata("design:type", Object)
30
- ], BaseMessageContent.prototype, "id", void 0);
30
+ ], BaseMessageContent.prototype, "messageId", void 0);
31
31
 
32
32
  export { BaseMessageContent };
33
33
  //# sourceMappingURL=base_message_content.js.map
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.15.11-23",
5
+ "version": "1.15.11-25",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",