@shoper/phoenix_design_system 0.19.3-4 → 0.19.3-5

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 (12) hide show
  1. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +3 -3
  2. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +3 -12
  3. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  4. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +1 -1
  5. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +1 -10
  6. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +0 -3
  8. package/package.json +1 -1
  9. package/build/cjs/packages/utilities/build/esm/ui_dom_utils.js +0 -24
  10. package/build/cjs/packages/utilities/build/esm/ui_dom_utils.js.map +0 -1
  11. package/build/esm/packages/utilities/build/esm/ui_dom_utils.js +0 -20
  12. package/build/esm/packages/utilities/build/esm/ui_dom_utils.js.map +0 -1
package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
6
6
  var decorators = require('lit/decorators');
7
+ var utilities = require('@dreamcommerce/utilities');
7
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
9
10
  var btn_controller = require('../../../controllers/btn_controller.js');
10
11
  var tab_constants = require('./tab_constants.js');
11
- var ui_dom_utils = require('../../../../../utilities/build/esm/ui_dom_utils.js');
12
12
 
13
13
  exports.HTab = class HTab extends phoenix_light_lit_element.PhoenixLightLitElement {
14
14
  constructor() {
@@ -33,7 +33,7 @@ exports.HTab = class HTab extends phoenix_light_lit_element.PhoenixLightLitEleme
33
33
  set selected(selected) {
34
34
  selected ? this.setAttribute(tab_constants.TAB_SELECTED_ATTRIBUTE_NAME, '') : this.removeAttribute(tab_constants.TAB_SELECTED_ATTRIBUTE_NAME);
35
35
  this.setAttribute('aria-selected', String(selected));
36
- selected ? ui_dom_utils.UiDomUtils.makeNavigable(this) : ui_dom_utils.UiDomUtils.makeUnnavigable(this);
36
+ selected ? utilities.UiDomUtils.makeNavigable(this) : utilities.UiDomUtils.makeUnnavigable(this);
37
37
  }
38
38
  attributeChangedCallback(name, value, newValue) {
39
39
  super.attributeChangedCallback(name, value, newValue);
@@ -49,7 +49,7 @@ exports.HTab = class HTab extends phoenix_light_lit_element.PhoenixLightLitEleme
49
49
  this._btnController = new btn_controller.BtnController(this, this._dispatchSelectedEvent);
50
50
  this._setupAttributes();
51
51
  this._bindEvents();
52
- this.selected ? ui_dom_utils.UiDomUtils.makeNavigable(this) : ui_dom_utils.UiDomUtils.makeUnnavigable(this);
52
+ this.selected ? utilities.UiDomUtils.makeNavigable(this) : utilities.UiDomUtils.makeUnnavigable(this);
53
53
  }
54
54
  _setupAttributes() {
55
55
  this.setAttribute('role', 'tab');
package/build/cjs/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  var decorators = require('lit/decorators');
7
+ var utilities = require('@dreamcommerce/utilities');
7
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
8
9
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
10
  var keystrokes_controller = require('../../controllers/keystrokes_controller/keystrokes_controller.js');
10
11
  var tab_constants = require('./tab/tab_constants.js');
11
- var ui_dom_utils = require('../../../../utilities/build/esm/ui_dom_utils.js');
12
12
  var tab = require('./tab/tab.js');
13
13
  var tabs_constants = require('./tabs_constants.js');
14
14
 
@@ -22,8 +22,8 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
22
22
  const newTabIndex = key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
23
23
  if (newTabIndex === undefined)
24
24
  return;
25
- ui_dom_utils.UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
26
- ui_dom_utils.UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
25
+ utilities.UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
26
+ utilities.UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
27
27
  this._$tabs[newTabIndex].focus();
28
28
  };
29
29
  this._handleTabSelected = (event) => {
@@ -65,16 +65,7 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
65
65
  }
66
66
  _setupEvents() {
67
67
  this.addEventListener(tab_constants.TAB_EVENT_NAMES.selected, this._handleTabSelected);
68
- // this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleTabConnected);
69
68
  }
70
- // private _handleTabConnected = (event: TTabConnectedEvent): void => {
71
- // const $connectedTab = event.detail.$el;
72
- //
73
- // if (!$connectedTab.selected) return;
74
- //
75
- // this._$selectedTab = event.detail.$el;
76
- // this.switchPanel(this._$selectedTab.panelName);
77
- // };
78
69
  allChildrenConnected() {
79
70
  const $selectedTab = this.querySelector('h-tab[selected]');
80
71
  if ($selectedTab)
package/build/cjs/packages/phoenix/src/components/tabs/tabs.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
2
2
  import { property } from 'lit/decorators';
3
+ import { UiDomUtils } from '@dreamcommerce/utilities';
3
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
5
6
  import { BtnController } from '../../../controllers/btn_controller.js';
6
7
  import { TAB_EVENT_NAMES, TAB_SELECTED_ATTRIBUTE_NAME } from './tab_constants.js';
7
- import { UiDomUtils } from '../../../../../utilities/build/esm/ui_dom_utils.js';
8
8
 
9
9
  let HTab = class HTab extends PhoenixLightLitElement {
10
10
  constructor() {
package/build/esm/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
2
  import { state } from 'lit/decorators';
3
+ import { UiDomUtils } from '@dreamcommerce/utilities';
3
4
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
4
5
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
6
  import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
6
7
  import { TAB_EVENT_NAMES } from './tab/tab_constants.js';
7
- import { UiDomUtils } from '../../../../utilities/build/esm/ui_dom_utils.js';
8
8
  import { HTab } from './tab/tab.js';
9
9
  import { TABS_EVENT_NAMES } from './tabs_constants.js';
10
10
 
@@ -61,16 +61,7 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
61
61
  }
62
62
  _setupEvents() {
63
63
  this.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
64
- // this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleTabConnected);
65
64
  }
66
- // private _handleTabConnected = (event: TTabConnectedEvent): void => {
67
- // const $connectedTab = event.detail.$el;
68
- //
69
- // if (!$connectedTab.selected) return;
70
- //
71
- // this._$selectedTab = event.detail.$el;
72
- // this.switchPanel(this._$selectedTab.panelName);
73
- // };
74
65
  allChildrenConnected() {
75
66
  const $selectedTab = this.querySelector('h-tab[selected]');
76
67
  if ($selectedTab)
package/build/esm/packages/phoenix/src/components/tabs/tabs.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts CHANGED
@@ -1,7 +1,4 @@
1
1
  import { HTab } from "./tab/tab";
2
- export declare type TTabConnectedEvent = CustomEvent<{
3
- $el: HTab;
4
- }>;
5
2
  export declare type TTabSelectedEvent = CustomEvent<{
6
3
  $el: HTab;
7
4
  }>;
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": "0.19.3-4",
5
+ "version": "0.19.3-5",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
package/build/cjs/packages/utilities/build/esm/ui_dom_utils.js DELETED
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- class UiDomUtils {
6
- static show($el) {
7
- $el.removeAttribute('hidden');
8
- }
9
- static hide($el) {
10
- $el.setAttribute('hidden', '');
11
- }
12
- static empty($el) {
13
- $el.innerHTML = '';
14
- }
15
- static makeUnnavigable($el) {
16
- $el.setAttribute('tabindex', '-1');
17
- }
18
- static makeNavigable($el) {
19
- $el.setAttribute('tabindex', '0');
20
- }
21
- }
22
-
23
- exports.UiDomUtils = UiDomUtils;
24
- //# sourceMappingURL=ui_dom_utils.js.map
package/build/cjs/packages/utilities/build/esm/ui_dom_utils.js.map DELETED
@@ -1 +0,0 @@
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;"}
package/build/esm/packages/utilities/build/esm/ui_dom_utils.js DELETED
@@ -1,20 +0,0 @@
1
- class UiDomUtils {
2
- static show($el) {
3
- $el.removeAttribute('hidden');
4
- }
5
- static hide($el) {
6
- $el.setAttribute('hidden', '');
7
- }
8
- static empty($el) {
9
- $el.innerHTML = '';
10
- }
11
- static makeUnnavigable($el) {
12
- $el.setAttribute('tabindex', '-1');
13
- }
14
- static makeNavigable($el) {
15
- $el.setAttribute('tabindex', '0');
16
- }
17
- }
18
-
19
- export { UiDomUtils };
20
- //# sourceMappingURL=ui_dom_utils.js.map
package/build/esm/packages/utilities/build/esm/ui_dom_utils.js.map DELETED
@@ -1 +0,0 @@
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;"}