@shoper/phoenix_design_system 1.17.3 → 1.17.4-1

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 (10) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +5 -1
  2. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +5 -10
  4. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +1 -0
  6. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +5 -1
  7. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +5 -10
  9. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -87,7 +87,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
87
87
  }
88
88
  updated(_changedProperties) {
89
89
  super.updated(_changedProperties);
90
- this.mask ? this.enableMask() : this.disableMask();
90
+ this.mask && !this.maskDisabled ? this.enableMask() : this.disableMask();
91
91
  }
92
92
  enableMask() {
93
93
  if (this._inputMaskController)
@@ -167,6 +167,10 @@ tslib_es6.__decorate([
167
167
  decorators.property({ type: String }),
168
168
  tslib_es6.__metadata("design:type", String)
169
169
  ], exports.HInputControl.prototype, "mask", void 0);
170
+ tslib_es6.__decorate([
171
+ decorators.property({ type: Boolean, attribute: 'mask-disabled' }),
172
+ tslib_es6.__metadata("design:type", Boolean)
173
+ ], exports.HInputControl.prototype, "maskDisabled", void 0);
170
174
  tslib_es6.__decorate([
171
175
  decorators.property({ type: String }),
172
176
  tslib_es6.__metadata("design:type", String)
package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tabs/tabs.js CHANGED
@@ -16,13 +16,12 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
16
16
  constructor() {
17
17
  super(...arguments);
18
18
  this.watchChildrenRendered = true;
19
- this._handleArrowNavigation = ({ key }) => {
19
+ this._handleArrowNavigation = (ev) => {
20
+ ev.preventDefault();
20
21
  const currentTabIndex = this._getFocusedTabIndex();
21
22
  if (currentTabIndex === undefined)
22
23
  return;
23
- const newTabIndex = key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
24
- if (newTabIndex === undefined)
25
- return;
24
+ const newTabIndex = ev.key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
26
25
  utilities.UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
27
26
  utilities.UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
28
27
  this._$tabs[newTabIndex].focus();
@@ -59,14 +58,10 @@ exports.HTabs = class HTabs extends phoenix_light_lit_element.PhoenixLightLitEle
59
58
  return this._$tabs.findIndex(($tab) => $tab === focusedElement);
60
59
  }
61
60
  _getNextTabIndex(currentTabIndex) {
62
- if (currentTabIndex >= this._$tabs.length - 1)
63
- return;
64
- return currentTabIndex + 1;
61
+ return (currentTabIndex + 1) % this._$tabs.length;
65
62
  }
66
63
  _getPrevTabIndex(currentTabIndex) {
67
- if (currentTabIndex <= 0)
68
- return;
69
- return currentTabIndex - 1;
64
+ return (currentTabIndex - 1 + this._$tabs.length) % this._$tabs.length;
70
65
  }
71
66
  _setupEvents() {
72
67
  document.addEventListener(tab_constants.TAB_EVENT_NAMES.selected, this._handleTabSelected);
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;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;"}
package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare class HInputControl extends PhoenixLightLitElement {
12
12
  value: string;
13
13
  placeholder: string;
14
14
  mask: string;
15
+ maskDisabled: boolean;
15
16
  pattern: string;
16
17
  validPattern: string;
17
18
  autofocus: boolean;
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -83,7 +83,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
83
83
  }
84
84
  updated(_changedProperties) {
85
85
  super.updated(_changedProperties);
86
- this.mask ? this.enableMask() : this.disableMask();
86
+ this.mask && !this.maskDisabled ? this.enableMask() : this.disableMask();
87
87
  }
88
88
  enableMask() {
89
89
  if (this._inputMaskController)
@@ -163,6 +163,10 @@ __decorate([
163
163
  property({ type: String }),
164
164
  __metadata("design:type", String)
165
165
  ], HInputControl.prototype, "mask", void 0);
166
+ __decorate([
167
+ property({ type: Boolean, attribute: 'mask-disabled' }),
168
+ __metadata("design:type", Boolean)
169
+ ], HInputControl.prototype, "maskDisabled", void 0);
166
170
  __decorate([
167
171
  property({ type: String }),
168
172
  __metadata("design:type", String)
package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js CHANGED
@@ -12,13 +12,12 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
12
12
  constructor() {
13
13
  super(...arguments);
14
14
  this.watchChildrenRendered = true;
15
- this._handleArrowNavigation = ({ key }) => {
15
+ this._handleArrowNavigation = (ev) => {
16
+ ev.preventDefault();
16
17
  const currentTabIndex = this._getFocusedTabIndex();
17
18
  if (currentTabIndex === undefined)
18
19
  return;
19
- const newTabIndex = key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
20
- if (newTabIndex === undefined)
21
- return;
20
+ const newTabIndex = ev.key === 'ArrowLeft' ? this._getPrevTabIndex(currentTabIndex) : this._getNextTabIndex(currentTabIndex);
22
21
  UiDomUtils.makeUnnavigable(this._$tabs[currentTabIndex]);
23
22
  UiDomUtils.makeNavigable(this._$tabs[newTabIndex]);
24
23
  this._$tabs[newTabIndex].focus();
@@ -55,14 +54,10 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
55
54
  return this._$tabs.findIndex(($tab) => $tab === focusedElement);
56
55
  }
57
56
  _getNextTabIndex(currentTabIndex) {
58
- if (currentTabIndex >= this._$tabs.length - 1)
59
- return;
60
- return currentTabIndex + 1;
57
+ return (currentTabIndex + 1) % this._$tabs.length;
61
58
  }
62
59
  _getPrevTabIndex(currentTabIndex) {
63
- if (currentTabIndex <= 0)
64
- return;
65
- return currentTabIndex - 1;
60
+ return (currentTabIndex - 1 + this._$tabs.length) % this._$tabs.length;
66
61
  }
67
62
  _setupEvents() {
68
63
  document.addEventListener(TAB_EVENT_NAMES.selected, this._handleTabSelected);
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;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;"}
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.17.3",
5
+ "version": "1.17.4-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",