@shoper/phoenix_design_system 1.6.15 → 1.6.17

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/accordion/accordion_content.js +10 -4
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +12 -1
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +10 -4
  6. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.d.ts +1 -0
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js +13 -2
  9. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -23,8 +23,14 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
23
23
  this.style.display = '';
24
24
  this.style.height = this._originalHeight;
25
25
  };
26
- this._setOriginalHeightValue = () => {
27
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
26
+ this._setOriginalHeightValue = (rewriteHeight = false) => {
27
+ const shouldApplyNewHeight = !this._originalHeight || rewriteHeight;
28
+ if (!shouldApplyNewHeight)
29
+ return;
30
+ const newHeight = this.getBoundingClientRect().height;
31
+ if (newHeight === 0 && this.children.length > 0)
32
+ return;
33
+ this._originalHeight = `${newHeight}px`;
28
34
  };
29
35
  this._expand = () => {
30
36
  this._setHeight(this._originalHeight);
@@ -54,8 +60,8 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
54
60
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
55
61
  const mutationObserver = new MutationObserver(() => {
56
62
  this.style.height = '';
57
- this._setOriginalHeightValue();
58
- this._expand();
63
+ this._setOriginalHeightValue(true);
64
+ this.hidden ? this._collapse() : this._expand();
59
65
  });
60
66
  mutationObserver.observe(this, { childList: true, subtree: true });
61
67
  }
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js CHANGED
@@ -37,10 +37,21 @@ exports.HSearchMessage = class HSearchMessage extends phoenix_light_lit_element.
37
37
  _hasNoHistoryAndEmptyPhrase() {
38
38
  return this.searchPhrase === '' && this.history.length === 0;
39
39
  }
40
+ handleGoToResults() {
41
+ this.dispatchEvent(new CustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
42
+ bubbles: true,
43
+ detail: {
44
+ searchPhrase: this.searchPhrase
45
+ }
46
+ }));
47
+ }
40
48
  render() {
41
49
  return lit.html `
42
50
  ${when.when(this._isNoResultsForSearchPhrase(), () => lit.html `<p class="${search_constants.SEARCH_CLASS_NAMES.messageNoResults}">
43
- ${this.searchPhrase} - <a class="${search_constants.SEARCH_CLASS_NAMES.messageText}">${this.translations.searchInStore}</a>
51
+ ${this.searchPhrase} -
52
+ <button class="${search_constants.SEARCH_CLASS_NAMES.messageText}" @click="${this.handleGoToResults}" type="button">
53
+ ${this.translations.searchInStore}
54
+ </button>
44
55
  </p>`, () => lit.html `${when.when(this._hasHistoryAndEmptyPhrase(), () => lit.html `<p class="${search_constants.SEARCH_CLASS_NAMES.message} ${search_constants.SEARCH_CLASS_NAMES.messageWithHistory}">
45
56
  ${this.translations.enterSearchPraseOrChooseFromHistory}
46
57
  </p>`)}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/accordion/accordion_content.js CHANGED
@@ -19,8 +19,14 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
19
19
  this.style.display = '';
20
20
  this.style.height = this._originalHeight;
21
21
  };
22
- this._setOriginalHeightValue = () => {
23
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
22
+ this._setOriginalHeightValue = (rewriteHeight = false) => {
23
+ const shouldApplyNewHeight = !this._originalHeight || rewriteHeight;
24
+ if (!shouldApplyNewHeight)
25
+ return;
26
+ const newHeight = this.getBoundingClientRect().height;
27
+ if (newHeight === 0 && this.children.length > 0)
28
+ return;
29
+ this._originalHeight = `${newHeight}px`;
24
30
  };
25
31
  this._expand = () => {
26
32
  this._setHeight(this._originalHeight);
@@ -50,8 +56,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
50
56
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
51
57
  const mutationObserver = new MutationObserver(() => {
52
58
  this.style.height = '';
53
- this._setOriginalHeightValue();
54
- this._expand();
59
+ this._setOriginalHeightValue(true);
60
+ this.hidden ? this._collapse() : this._expand();
55
61
  });
56
62
  mutationObserver.observe(this, { childList: true, subtree: true });
57
63
  }
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.d.ts CHANGED
@@ -10,5 +10,6 @@ export declare class HSearchMessage extends PhoenixLightLitElement {
10
10
  private _isNoResultsForSearchPhrase;
11
11
  private _hasHistoryAndEmptyPhrase;
12
12
  private _hasNoHistoryAndEmptyPhrase;
13
+ handleGoToResults(): void;
13
14
  protected render(): TemplateResult;
14
15
  }
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js CHANGED
@@ -4,7 +4,7 @@ import { property } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
6
6
  import { when as n } from '../../../../../../../../external/lit/external/lit-html/directives/when.js';
7
- import { SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
7
+ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_CLASS_NAMES, SEARCH_COMPONENT_NAMES } from '../../search_constants.js';
8
8
  import isEqual_1 from '../../../../../../../../external/lodash/isEqual.js';
9
9
 
10
10
  let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
@@ -33,10 +33,21 @@ let HSearchMessage = class HSearchMessage extends PhoenixLightLitElement {
33
33
  _hasNoHistoryAndEmptyPhrase() {
34
34
  return this.searchPhrase === '' && this.history.length === 0;
35
35
  }
36
+ handleGoToResults() {
37
+ this.dispatchEvent(new CustomEvent(SEARCH_CUSTOM_EVENT_NAMES.searchPhraseSubmitted, {
38
+ bubbles: true,
39
+ detail: {
40
+ searchPhrase: this.searchPhrase
41
+ }
42
+ }));
43
+ }
36
44
  render() {
37
45
  return html `
38
46
  ${n(this._isNoResultsForSearchPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.messageNoResults}">
39
- ${this.searchPhrase} - <a class="${SEARCH_CLASS_NAMES.messageText}">${this.translations.searchInStore}</a>
47
+ ${this.searchPhrase} -
48
+ <button class="${SEARCH_CLASS_NAMES.messageText}" @click="${this.handleGoToResults}" type="button">
49
+ ${this.translations.searchInStore}
50
+ </button>
40
51
  </p>`, () => html `${n(this._hasHistoryAndEmptyPhrase(), () => html `<p class="${SEARCH_CLASS_NAMES.message} ${SEARCH_CLASS_NAMES.messageWithHistory}">
41
52
  ${this.translations.enterSearchPraseOrChooseFromHistory}
42
53
  </p>`)}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/message/search_message.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.6.15",
5
+ "version": "1.6.17",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",