@shoper/phoenix_design_system 1.15.9-2 → 1.15.9-4
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.
- package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_copy_button.js +5 -9
- package/build/cjs/packages/phoenix/src/components/form/input/input_copy_button.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_control.js +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_copy_button.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/input/input_copy_button.js +5 -9
- package/build/esm/packages/phoenix/src/components/form/input/input_copy_button.js.map +1 -1
- package/package.json +1 -1
|
@@ -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}"
|
|
@@ -12,18 +12,15 @@ var input_constants = require('./input_constants.js');
|
|
|
12
12
|
|
|
13
13
|
exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
14
|
constructor() {
|
|
15
|
-
super(
|
|
15
|
+
super();
|
|
16
16
|
this.hasBeenCopied = false;
|
|
17
17
|
this.copyValue = '';
|
|
18
18
|
this._$inputToCopy = null;
|
|
19
|
-
this._handleCopyToClipboard = async (
|
|
20
|
-
console.log('copy! on click/keydown');
|
|
19
|
+
this._handleCopyToClipboard = async () => {
|
|
21
20
|
if (!this._$inputToCopy || this.hasBeenCopied)
|
|
22
21
|
return;
|
|
23
|
-
ev.stopPropagation();
|
|
24
22
|
this._$inputToCopy.select();
|
|
25
23
|
this.copyValue = this._$inputToCopy.value;
|
|
26
|
-
console.log(this._$inputToCopy);
|
|
27
24
|
await this._copyToClipboard();
|
|
28
25
|
};
|
|
29
26
|
this._resetCopyStateAfterTimeout = () => {
|
|
@@ -32,23 +29,21 @@ exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_elem
|
|
|
32
29
|
}, 2000);
|
|
33
30
|
};
|
|
34
31
|
this._resetCopyState = () => {
|
|
35
|
-
console.log('reset', this._$inputToCopy, this.copyValue);
|
|
36
32
|
if (this._$inputToCopy)
|
|
37
33
|
this._$inputToCopy.value = this.copyValue;
|
|
38
34
|
this.copyValue = '';
|
|
39
35
|
this.hasBeenCopied = false;
|
|
40
36
|
};
|
|
37
|
+
this._btnController = new btn_controller.BtnController(this, this._handleCopyToClipboard);
|
|
41
38
|
}
|
|
42
39
|
connectedCallback() {
|
|
43
40
|
super.connectedCallback();
|
|
44
41
|
this._$inputToCopy = document.querySelector(`#${this.inputId}`);
|
|
45
42
|
if (!this._$inputToCopy)
|
|
46
43
|
return;
|
|
47
|
-
this._btnController = new btn_controller.BtnController(this, this._handleCopyToClipboard);
|
|
48
44
|
this.addEventListener('click', this._handleCopyToClipboard);
|
|
49
45
|
}
|
|
50
46
|
async _copyToClipboard() {
|
|
51
|
-
console.log(this.copyValue);
|
|
52
47
|
try {
|
|
53
48
|
await navigator.clipboard.writeText(this.copyValue);
|
|
54
49
|
this._onCopySuccess();
|
|
@@ -99,6 +94,7 @@ tslib_es6.__decorate([
|
|
|
99
94
|
tslib_es6.__metadata("design:type", Object)
|
|
100
95
|
], exports.HInputCopyButton.prototype, "copyValue", void 0);
|
|
101
96
|
exports.HInputCopyButton = tslib_es6.__decorate([
|
|
102
|
-
phoenix_custom_element.phoenixCustomElement('h-input-copy-button')
|
|
97
|
+
phoenix_custom_element.phoenixCustomElement('h-input-copy-button'),
|
|
98
|
+
tslib_es6.__metadata("design:paramtypes", [])
|
|
103
99
|
], exports.HInputCopyButton);
|
|
104
100
|
//# sourceMappingURL=input_copy_button.js.map
|
|
@@ -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;
|
|
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;"}
|
|
@@ -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}"
|
|
@@ -8,18 +8,15 @@ import { INPUT_CONTROL_EVENTS } from './input_constants.js';
|
|
|
8
8
|
|
|
9
9
|
let HInputCopyButton = class HInputCopyButton extends PhoenixLightLitElement {
|
|
10
10
|
constructor() {
|
|
11
|
-
super(
|
|
11
|
+
super();
|
|
12
12
|
this.hasBeenCopied = false;
|
|
13
13
|
this.copyValue = '';
|
|
14
14
|
this._$inputToCopy = null;
|
|
15
|
-
this._handleCopyToClipboard = async (
|
|
16
|
-
console.log('copy! on click/keydown');
|
|
15
|
+
this._handleCopyToClipboard = async () => {
|
|
17
16
|
if (!this._$inputToCopy || this.hasBeenCopied)
|
|
18
17
|
return;
|
|
19
|
-
ev.stopPropagation();
|
|
20
18
|
this._$inputToCopy.select();
|
|
21
19
|
this.copyValue = this._$inputToCopy.value;
|
|
22
|
-
console.log(this._$inputToCopy);
|
|
23
20
|
await this._copyToClipboard();
|
|
24
21
|
};
|
|
25
22
|
this._resetCopyStateAfterTimeout = () => {
|
|
@@ -28,23 +25,21 @@ let HInputCopyButton = class HInputCopyButton extends PhoenixLightLitElement {
|
|
|
28
25
|
}, 2000);
|
|
29
26
|
};
|
|
30
27
|
this._resetCopyState = () => {
|
|
31
|
-
console.log('reset', this._$inputToCopy, this.copyValue);
|
|
32
28
|
if (this._$inputToCopy)
|
|
33
29
|
this._$inputToCopy.value = this.copyValue;
|
|
34
30
|
this.copyValue = '';
|
|
35
31
|
this.hasBeenCopied = false;
|
|
36
32
|
};
|
|
33
|
+
this._btnController = new BtnController(this, this._handleCopyToClipboard);
|
|
37
34
|
}
|
|
38
35
|
connectedCallback() {
|
|
39
36
|
super.connectedCallback();
|
|
40
37
|
this._$inputToCopy = document.querySelector(`#${this.inputId}`);
|
|
41
38
|
if (!this._$inputToCopy)
|
|
42
39
|
return;
|
|
43
|
-
this._btnController = new BtnController(this, this._handleCopyToClipboard);
|
|
44
40
|
this.addEventListener('click', this._handleCopyToClipboard);
|
|
45
41
|
}
|
|
46
42
|
async _copyToClipboard() {
|
|
47
|
-
console.log(this.copyValue);
|
|
48
43
|
try {
|
|
49
44
|
await navigator.clipboard.writeText(this.copyValue);
|
|
50
45
|
this._onCopySuccess();
|
|
@@ -95,7 +90,8 @@ __decorate([
|
|
|
95
90
|
__metadata("design:type", Object)
|
|
96
91
|
], HInputCopyButton.prototype, "copyValue", void 0);
|
|
97
92
|
HInputCopyButton = __decorate([
|
|
98
|
-
phoenixCustomElement('h-input-copy-button')
|
|
93
|
+
phoenixCustomElement('h-input-copy-button'),
|
|
94
|
+
__metadata("design:paramtypes", [])
|
|
99
95
|
], HInputCopyButton);
|
|
100
96
|
|
|
101
97
|
export { HInputCopyButton };
|
|
@@ -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;
|
|
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;"}
|