@shoper/phoenix_design_system 1.15.8 → 1.15.9-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.
@@ -105,7 +105,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
105
105
  id="${ifDefined_js.ifDefined(this.controlId)}"
106
106
  name="${ifDefined_js.ifDefined(this.controlName)}"
107
107
  type="${ifDefined_js.ifDefined(this.type)}"
108
- .value="${ifDefined_js.ifDefined(this.value)}"
108
+ value="${ifDefined_js.ifDefined(this.value)}"
109
109
  placeholder="${ifDefined_js.ifDefined(this.placeholder)}"
110
110
  ?disabled="${this.disabled}"
111
111
  ?readonly="${this.readonly}"
@@ -7,6 +7,7 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
+ var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
10
11
  var input_constants = require('./input_constants.js');
11
12
 
12
13
  exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -20,6 +21,7 @@ exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_elem
20
21
  return;
21
22
  this._$inputToCopy.select();
22
23
  this.copyValue = this._$inputToCopy.value;
24
+ console.log(this._$inputToCopy);
23
25
  await this._copyToClipboard();
24
26
  };
25
27
  this._resetCopyStateAfterTimeout = () => {
@@ -39,10 +41,11 @@ exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_elem
39
41
  this._$inputToCopy = document.querySelector(`#${this.inputId}`);
40
42
  if (!this._$inputToCopy)
41
43
  return;
42
- this.setAttribute('tabindex', '0');
44
+ this._btnController = new btn_controller.BtnController(this, this._handleCopyToClipboard);
43
45
  this.addEventListener('click', this._handleCopyToClipboard);
44
46
  }
45
47
  async _copyToClipboard() {
48
+ console.log(this.copyValue);
46
49
  try {
47
50
  await navigator.clipboard.writeText(this.copyValue);
48
51
  this._onCopySuccess();
@@ -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;"}
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;"}
@@ -7,6 +7,7 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
+ var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
10
11
  var navigator_share_constants = require('./navigator_share_constants.js');
11
12
 
12
13
  exports.NavigatorShare = class NavigatorShare extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -29,8 +30,7 @@ exports.NavigatorShare = class NavigatorShare extends phoenix_light_lit_element.
29
30
  });
30
31
  }
31
32
  };
32
- this.setAttribute('tabindex', '0');
33
- this.setAttribute('role', 'button');
33
+ this._btnController = new btn_controller.BtnController(this, this._handleShare);
34
34
  }
35
35
  get shareData() {
36
36
  return {
@@ -101,7 +101,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
101
101
  id="${ifDefined(this.controlId)}"
102
102
  name="${ifDefined(this.controlName)}"
103
103
  type="${ifDefined(this.type)}"
104
- .value="${ifDefined(this.value)}"
104
+ value="${ifDefined(this.value)}"
105
105
  placeholder="${ifDefined(this.placeholder)}"
106
106
  ?disabled="${this.disabled}"
107
107
  ?readonly="${this.readonly}"
@@ -6,6 +6,7 @@ export declare class HInputCopyButton extends PhoenixLightLitElement {
6
6
  hasBeenCopied: boolean;
7
7
  copyValue: string;
8
8
  private _$inputToCopy;
9
+ private _btnController;
9
10
  connectedCallback(): void;
10
11
  private _handleCopyToClipboard;
11
12
  private _copyToClipboard;
@@ -3,6 +3,7 @@ import { html } from 'lit';
3
3
  import { property, state } 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
+ import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
6
7
  import { INPUT_CONTROL_EVENTS } from './input_constants.js';
7
8
 
8
9
  let HInputCopyButton = class HInputCopyButton extends PhoenixLightLitElement {
@@ -16,6 +17,7 @@ let HInputCopyButton = class HInputCopyButton extends PhoenixLightLitElement {
16
17
  return;
17
18
  this._$inputToCopy.select();
18
19
  this.copyValue = this._$inputToCopy.value;
20
+ console.log(this._$inputToCopy);
19
21
  await this._copyToClipboard();
20
22
  };
21
23
  this._resetCopyStateAfterTimeout = () => {
@@ -35,10 +37,11 @@ let HInputCopyButton = class HInputCopyButton extends PhoenixLightLitElement {
35
37
  this._$inputToCopy = document.querySelector(`#${this.inputId}`);
36
38
  if (!this._$inputToCopy)
37
39
  return;
38
- this.setAttribute('tabindex', '0');
40
+ this._btnController = new BtnController(this, this._handleCopyToClipboard);
39
41
  this.addEventListener('click', this._handleCopyToClipboard);
40
42
  }
41
43
  async _copyToClipboard() {
44
+ console.log(this.copyValue);
42
45
  try {
43
46
  await navigator.clipboard.writeText(this.copyValue);
44
47
  this._onCopySuccess();
@@ -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;"}
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;"}
@@ -5,6 +5,7 @@ export declare class NavigatorShare extends PhoenixLightLitElement {
5
5
  text: string;
6
6
  title: string;
7
7
  files: File[];
8
+ private _btnController;
8
9
  private get shareData();
9
10
  constructor();
10
11
  connectedCallback(): void;
@@ -3,6 +3,7 @@ import { html } from 'lit';
3
3
  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
+ import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
6
7
  import { NAVIGATOR_SHARE_EVENTS } from './navigator_share_constants.js';
7
8
 
8
9
  let NavigatorShare = class NavigatorShare extends PhoenixLightLitElement {
@@ -25,8 +26,7 @@ let NavigatorShare = class NavigatorShare extends PhoenixLightLitElement {
25
26
  });
26
27
  }
27
28
  };
28
- this.setAttribute('tabindex', '0');
29
- this.setAttribute('role', 'button');
29
+ this._btnController = new BtnController(this, this._handleShare);
30
30
  }
31
31
  get shareData() {
32
32
  return {
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.15.8",
5
+ "version": "1.15.9-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",