@shoper/phoenix_design_system 0.19.3-2 → 0.19.3-3

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 (15) hide show
  1. package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js +6 -6
  2. package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js +5 -5
  3. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +5 -5
  4. package/build/cjs/packages/phoenix/src/index.js +6 -6
  5. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.d.ts +1 -1
  6. package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js +7 -7
  7. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.d.ts +1 -1
  8. package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js +6 -6
  9. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -1
  10. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +7 -7
  11. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts +3 -3
  12. package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/index.d.ts +3 -3
  14. package/build/esm/packages/phoenix/src/index.js +3 -3
  15. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -10,7 +10,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
10
10
  var btn_controller = require('../../../controllers/btn_controller.js');
11
11
  var tab_constants = require('./tab_constants.js');
12
12
 
13
- exports.Tab = class Tab extends phoenix_light_lit_element.PhoenixLightLitElement {
13
+ exports.HTab = class HTab extends phoenix_light_lit_element.PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super(...arguments);
16
16
  this._handleTabClicked = () => {
@@ -49,7 +49,7 @@ exports.Tab = class Tab extends phoenix_light_lit_element.PhoenixLightLitElement
49
49
  this._btnController = new btn_controller.BtnController(this, this._dispatchSelectedEvent);
50
50
  this._setupAttributes();
51
51
  this._bindEvents();
52
- this.tabIndex = this.selected ? 0 : -1;
52
+ this.selected ? ui_dom_utils.UiDomUtils.makeNavigable(this) : ui_dom_utils.UiDomUtils.makeUnnavigable(this);
53
53
  }
54
54
  _setupAttributes() {
55
55
  this.setAttribute('role', 'tab');
@@ -63,12 +63,12 @@ exports.Tab = class Tab extends phoenix_light_lit_element.PhoenixLightLitElement
63
63
  tslib_es6.__decorate([
64
64
  decorators.property({ type: String, reflect: true, attribute: 'panel-name' }),
65
65
  tslib_es6.__metadata("design:type", String)
66
- ], exports.Tab.prototype, "panelName", void 0);
66
+ ], exports.HTab.prototype, "panelName", void 0);
67
67
  tslib_es6.__decorate([
68
68
  decorators.property({ type: Boolean, reflect: true }),
69
69
  tslib_es6.__metadata("design:type", Boolean)
70
- ], exports.Tab.prototype, "disabled", void 0);
71
- exports.Tab = tslib_es6.__decorate([
70
+ ], exports.HTab.prototype, "disabled", void 0);
71
+ exports.HTab = tslib_es6.__decorate([
72
72
  phoenix_custom_element.phoenixCustomElement('h-tab')
73
- ], exports.Tab);
73
+ ], exports.HTab);
74
74
  //# sourceMappingURL=tab.js.map
package/build/cjs/packages/phoenix/src/components/tabs/tab_panel.js CHANGED
@@ -8,7 +8,7 @@ var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/ph
8
8
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
9
9
  var visibility_controller = require('../../controllers/visibility_controller/visibility_controller.js');
10
10
 
11
- exports.TabPanel = class TabPanel extends phoenix_light_lit_element.PhoenixLightLitElement {
11
+ exports.HTabPanel = class HTabPanel extends phoenix_light_lit_element.PhoenixLightLitElement {
12
12
  constructor() {
13
13
  super();
14
14
  this.hidden = true;
@@ -24,13 +24,13 @@ exports.TabPanel = class TabPanel extends phoenix_light_lit_element.PhoenixLight
24
24
  tslib_es6.__decorate([
25
25
  decorators.property({ type: String, reflect: true }),
26
26
  tslib_es6.__metadata("design:type", String)
27
- ], exports.TabPanel.prototype, "name", void 0);
27
+ ], exports.HTabPanel.prototype, "name", void 0);
28
28
  tslib_es6.__decorate([
29
29
  decorators.property({ type: Boolean, reflect: true }),
30
30
  tslib_es6.__metadata("design:type", Object)
31
- ], exports.TabPanel.prototype, "hidden", void 0);
32
- exports.TabPanel = tslib_es6.__decorate([
31
+ ], exports.HTabPanel.prototype, "hidden", void 0);
32
+ exports.HTabPanel = tslib_es6.__decorate([
33
33
  phoenix_custom_element.phoenixCustomElement('h-tab-panel'),
34
34
  tslib_es6.__metadata("design:paramtypes", [])
35
- ], exports.TabPanel);
35
+ ], exports.HTabPanel);
36
36
  //# sourceMappingURL=tab_panel.js.map
package/build/cjs/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -13,7 +13,7 @@ var tab_constants = require('./tab/tab_constants.js');
13
13
  var tab = require('./tab/tab.js');
14
14
  var tabs_constants = require('./tabs_constants.js');
15
15
 
16
- exports.Tabs = class Tabs extends phoenix_light_lit_element.PhoenixLightLitElement {
16
+ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitElement {
17
17
  constructor() {
18
18
  super(...arguments);
19
19
  this._handleArrowNavigation = ({ key }) => {
@@ -95,9 +95,9 @@ exports.Tabs = class Tabs extends phoenix_light_lit_element.PhoenixLightLitEleme
95
95
  };
96
96
  tslib_es6.__decorate([
97
97
  decorators.state(),
98
- tslib_es6.__metadata("design:type", tab.Tab)
99
- ], exports.Tabs.prototype, "_$selectedTab", void 0);
100
- exports.Tabs = tslib_es6.__decorate([
98
+ tslib_es6.__metadata("design:type", tab.HTab)
99
+ ], exports.HTabs.prototype, "_$selectedTab", void 0);
100
+ exports.HTabs = tslib_es6.__decorate([
101
101
  phoenix_custom_element.phoenixCustomElement('h-tabs')
102
- ], exports.Tabs);
102
+ ], exports.HTabs);
103
103
  //# sourceMappingURL=tabs.js.map
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -348,23 +348,23 @@ Object.defineProperty(exports, 'HSlider', {
348
348
  return slider.HSlider;
349
349
  }
350
350
  });
351
- Object.defineProperty(exports, 'Tab', {
351
+ Object.defineProperty(exports, 'HTab', {
352
352
  enumerable: true,
353
353
  get: function () {
354
- return tab.Tab;
354
+ return tab.HTab;
355
355
  }
356
356
  });
357
- Object.defineProperty(exports, 'TabPanel', {
357
+ Object.defineProperty(exports, 'HTabPanel', {
358
358
  enumerable: true,
359
359
  get: function () {
360
- return tab_panel.TabPanel;
360
+ return tab_panel.HTabPanel;
361
361
  }
362
362
  });
363
363
  exports.TABS_EVENT_NAMES = tabs_constants.TABS_EVENT_NAMES;
364
- Object.defineProperty(exports, 'Tabs', {
364
+ Object.defineProperty(exports, 'HTabs', {
365
365
  enumerable: true,
366
366
  get: function () {
367
- return tabs.Tabs;
367
+ return tabs.HTabs;
368
368
  }
369
369
  });
370
370
  //# sourceMappingURL=index.js.map
package/build/esm/packages/phoenix/src/components/tabs/tab/tab.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 Tab extends PhoenixLightLitElement {
2
+ export declare class HTab extends PhoenixLightLitElement {
3
3
  panelName: string;
4
4
  get selected(): boolean;
5
5
  disabled: boolean;
package/build/esm/packages/phoenix/src/components/tabs/tab/tab.js CHANGED
@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
6
6
  import { BtnController } from '../../../controllers/btn_controller.js';
7
7
  import { TAB_EVENT_NAMES, TAB_SELECTED_ATTRIBUTE_NAME } from './tab_constants.js';
8
8
 
9
- let Tab = class Tab extends PhoenixLightLitElement {
9
+ let HTab = class HTab extends PhoenixLightLitElement {
10
10
  constructor() {
11
11
  super(...arguments);
12
12
  this._handleTabClicked = () => {
@@ -45,7 +45,7 @@ let Tab = class Tab extends PhoenixLightLitElement {
45
45
  this._btnController = new BtnController(this, this._dispatchSelectedEvent);
46
46
  this._setupAttributes();
47
47
  this._bindEvents();
48
- this.tabIndex = this.selected ? 0 : -1;
48
+ this.selected ? UiDomUtils.makeNavigable(this) : UiDomUtils.makeUnnavigable(this);
49
49
  }
50
50
  _setupAttributes() {
51
51
  this.setAttribute('role', 'tab');
@@ -59,14 +59,14 @@ let Tab = class Tab extends PhoenixLightLitElement {
59
59
  __decorate([
60
60
  property({ type: String, reflect: true, attribute: 'panel-name' }),
61
61
  __metadata("design:type", String)
62
- ], Tab.prototype, "panelName", void 0);
62
+ ], HTab.prototype, "panelName", void 0);
63
63
  __decorate([
64
64
  property({ type: Boolean, reflect: true }),
65
65
  __metadata("design:type", Boolean)
66
- ], Tab.prototype, "disabled", void 0);
67
- Tab = __decorate([
66
+ ], HTab.prototype, "disabled", void 0);
67
+ HTab = __decorate([
68
68
  phoenixCustomElement('h-tab')
69
- ], Tab);
69
+ ], HTab);
70
70
 
71
- export { Tab };
71
+ export { HTab };
72
72
  //# sourceMappingURL=tab.js.map
package/build/esm/packages/phoenix/src/components/tabs/tab_panel.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 TabPanel extends PhoenixLightLitElement {
2
+ export declare class HTabPanel extends PhoenixLightLitElement {
3
3
  name: string;
4
4
  hidden: boolean;
5
5
  private _visibilityController;
package/build/esm/packages/phoenix/src/components/tabs/tab_panel.js CHANGED
@@ -4,7 +4,7 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
4
4
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
5
5
  import { VisibilityController } from '../../controllers/visibility_controller/visibility_controller.js';
6
6
 
7
- let TabPanel = class TabPanel extends PhoenixLightLitElement {
7
+ let HTabPanel = class HTabPanel extends PhoenixLightLitElement {
8
8
  constructor() {
9
9
  super();
10
10
  this.hidden = true;
@@ -20,15 +20,15 @@ let TabPanel = class TabPanel extends PhoenixLightLitElement {
20
20
  __decorate([
21
21
  property({ type: String, reflect: true }),
22
22
  __metadata("design:type", String)
23
- ], TabPanel.prototype, "name", void 0);
23
+ ], HTabPanel.prototype, "name", void 0);
24
24
  __decorate([
25
25
  property({ type: Boolean, reflect: true }),
26
26
  __metadata("design:type", Object)
27
- ], TabPanel.prototype, "hidden", void 0);
28
- TabPanel = __decorate([
27
+ ], HTabPanel.prototype, "hidden", void 0);
28
+ HTabPanel = __decorate([
29
29
  phoenixCustomElement('h-tab-panel'),
30
30
  __metadata("design:paramtypes", [])
31
- ], TabPanel);
31
+ ], HTabPanel);
32
32
 
33
- export { TabPanel };
33
+ export { HTabPanel };
34
34
  //# sourceMappingURL=tab_panel.js.map
package/build/esm/packages/phoenix/src/components/tabs/tabs.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 Tabs extends PhoenixLightLitElement {
2
+ export declare class HTabs extends PhoenixLightLitElement {
3
3
  private _$selectedTab;
4
4
  private _$tabs;
5
5
  connectedCallback(): void;
package/build/esm/packages/phoenix/src/components/tabs/tabs.js CHANGED
@@ -6,10 +6,10 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
6
6
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
7
7
  import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
8
8
  import { TAB_EVENT_NAMES } from './tab/tab_constants.js';
9
- import { Tab } from './tab/tab.js';
9
+ import { HTab } from './tab/tab.js';
10
10
  import { TABS_EVENT_NAMES } from './tabs_constants.js';
11
11
 
12
- let Tabs = class Tabs extends PhoenixLightLitElement {
12
+ let HTabs = class HTabs extends PhoenixLightLitElement {
13
13
  constructor() {
14
14
  super(...arguments);
15
15
  this._handleArrowNavigation = ({ key }) => {
@@ -91,11 +91,11 @@ let Tabs = class Tabs extends PhoenixLightLitElement {
91
91
  };
92
92
  __decorate([
93
93
  state(),
94
- __metadata("design:type", Tab)
95
- ], Tabs.prototype, "_$selectedTab", void 0);
96
- Tabs = __decorate([
94
+ __metadata("design:type", HTab)
95
+ ], HTabs.prototype, "_$selectedTab", void 0);
96
+ HTabs = __decorate([
97
97
  phoenixCustomElement('h-tabs')
98
- ], Tabs);
98
+ ], HTabs);
99
99
 
100
- export { Tabs };
100
+ export { HTabs };
101
101
  //# sourceMappingURL=tabs.js.map
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { Tab } from "./tab/tab";
1
+ import { HTab } from "./tab/tab";
2
2
  export declare type TTabConnectedEvent = CustomEvent<{
3
- $el: Tab;
3
+ $el: HTab;
4
4
  }>;
5
5
  export declare type TTabSelectedEvent = CustomEvent<{
6
- $el: Tab;
6
+ $el: HTab;
7
7
  }>;
package/build/esm/packages/phoenix/src/components/tabs/tabs_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs_types.ts"],"names":[],"mappings":"AAAA,OAAoB,sCAAsC,CAAC"}
1
+ {"version":3,"file":"tabs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tabs/tabs_types.ts"],"names":[],"mappings":"AAAA,OAAqB,sCAAsC,CAAC"}
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -69,7 +69,7 @@ export { VisibilityController } from './controllers/visibility_controller/visibi
69
69
  export * from './controllers/visibility_controller/visibility_controller_types';
70
70
  export { HSlider } from './components/slider/slider';
71
71
  export * from './components/slider/slider_types';
72
- export { Tabs } from './components/tabs/tabs';
73
- export { Tab } from './components/tabs/tab/tab';
74
- export { TabPanel } from './components/tabs/tab_panel';
72
+ export { HTabs } from './components/tabs/tabs';
73
+ export { HTab } from './components/tabs/tab/tab';
74
+ export { HTabPanel } from './components/tabs/tab_panel';
75
75
  export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -58,8 +58,8 @@ export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_c
58
58
  export { HBackdrop } from './components/backdrop/backdrop.js';
59
59
  export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
60
60
  export { HSlider } from './components/slider/slider.js';
61
- export { Tab } from './components/tabs/tab/tab.js';
62
- export { TabPanel } from './components/tabs/tab_panel.js';
61
+ export { HTab } from './components/tabs/tab/tab.js';
62
+ export { HTabPanel } from './components/tabs/tab_panel.js';
63
63
  export { TABS_EVENT_NAMES } from './components/tabs/tabs_constants.js';
64
- export { Tabs } from './components/tabs/tabs.js';
64
+ export { HTabs } from './components/tabs/tabs.js';
65
65
  //# sourceMappingURL=index.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": "0.19.3-2",
5
+ "version": "0.19.3-3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",