@shoper/phoenix_design_system 1.17.3-0 → 1.17.3-2

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/show-more/show_more.js +11 -0
  2. package/build/cjs/packages/phoenix/src/components/show-more/show_more.js.map +1 -1
  3. package/build/esm/packages/phoenix/src/components/show-more/show_more.d.ts +1 -0
  4. package/build/esm/packages/phoenix/src/components/show-more/show_more.js +11 -0
  5. package/build/esm/packages/phoenix/src/components/show-more/show_more.js.map +1 -1
  6. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/show-more/show_more.js CHANGED
@@ -4,6 +4,7 @@ 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 global_constants = require('../../global_constants.js');
@@ -46,6 +47,7 @@ exports.HShowMore = class HShowMore extends phoenix_light_lit_element.PhoenixLig
46
47
  const shouldBeActive = (!this.mobileOnly || isMobileView) && hasOverflowItems;
47
48
  if (shouldBeActive) {
48
49
  this._hideExcessItems();
50
+ this._showButton();
49
51
  }
50
52
  else {
51
53
  this._hideButton();
@@ -65,6 +67,10 @@ exports.HShowMore = class HShowMore extends phoenix_light_lit_element.PhoenixLig
65
67
  var _a;
66
68
  (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.setAttribute('hidden', '');
67
69
  }
70
+ _showButton() {
71
+ var _a;
72
+ (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.removeAttribute('hidden');
73
+ }
68
74
  _setupListeners() {
69
75
  this.addEventListener(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore, this._showMore);
70
76
  if (this.mobileOnly && window.innerWidth <= global_constants.BREAKPOINTS.xs) {
@@ -75,6 +81,11 @@ exports.HShowMore = class HShowMore extends phoenix_light_lit_element.PhoenixLig
75
81
  const $nextItem = this._$items[this.count];
76
82
  if (!$nextItem)
77
83
  return;
84
+ const $firstFocusableElement = utilities.UiDomUtils.getFocusableElement($nextItem);
85
+ if ($firstFocusableElement) {
86
+ $firstFocusableElement.focus();
87
+ return;
88
+ }
78
89
  if (!$nextItem.getAttribute('tabindex'))
79
90
  $nextItem.setAttribute('tabindex', '-1');
80
91
  $nextItem.focus();
package/build/cjs/packages/phoenix/src/components/show-more/show_more.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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/show-more/show_more.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare class HShowMore extends PhoenixLightLitElement {
11
11
  private _hideExcessItems;
12
12
  private _showAllItems;
13
13
  private _hideButton;
14
+ private _showButton;
14
15
  private _setupListeners;
15
16
  private _showMore;
16
17
  private _focusNextItem;
package/build/esm/packages/phoenix/src/components/show-more/show_more.js CHANGED
@@ -1,5 +1,6 @@
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 { BREAKPOINTS } from '../../global_constants.js';
@@ -42,6 +43,7 @@ let HShowMore = class HShowMore extends PhoenixLightLitElement {
42
43
  const shouldBeActive = (!this.mobileOnly || isMobileView) && hasOverflowItems;
43
44
  if (shouldBeActive) {
44
45
  this._hideExcessItems();
46
+ this._showButton();
45
47
  }
46
48
  else {
47
49
  this._hideButton();
@@ -61,6 +63,10 @@ let HShowMore = class HShowMore extends PhoenixLightLitElement {
61
63
  var _a;
62
64
  (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.setAttribute('hidden', '');
63
65
  }
66
+ _showButton() {
67
+ var _a;
68
+ (_a = this._$showMoreButton) === null || _a === void 0 ? void 0 : _a.removeAttribute('hidden');
69
+ }
64
70
  _setupListeners() {
65
71
  this.addEventListener(SHOW_MORE_EVENT_NAMES.showMore, this._showMore);
66
72
  if (this.mobileOnly && window.innerWidth <= BREAKPOINTS.xs) {
@@ -71,6 +77,11 @@ let HShowMore = class HShowMore extends PhoenixLightLitElement {
71
77
  const $nextItem = this._$items[this.count];
72
78
  if (!$nextItem)
73
79
  return;
80
+ const $firstFocusableElement = UiDomUtils.getFocusableElement($nextItem);
81
+ if ($firstFocusableElement) {
82
+ $firstFocusableElement.focus();
83
+ return;
84
+ }
74
85
  if (!$nextItem.getAttribute('tabindex'))
75
86
  $nextItem.setAttribute('tabindex', '-1');
76
87
  $nextItem.focus();
package/build/esm/packages/phoenix/src/components/show-more/show_more.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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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-0",
5
+ "version": "1.17.3-2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",