@konbraphat51/affectiveslidervue 0.0.5 → 0.0.6
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/README.md +1 -14
- package/dist/affective-slider-vue.es.js +68 -59
- package/dist/affective-slider-vue.umd.js +3 -1
- package/package.json +3 -1
- package/src/index.ts +15 -0
package/README.md
CHANGED
|
@@ -33,20 +33,7 @@ The AS has been empirically validated and presented in the following open access
|
|
|
33
33
|
pnpm add affectiveslidervue
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
```javascript
|
|
39
|
-
// In your main.js or main.ts
|
|
40
|
-
import '@konbraphat51/affectiveslidervue/dist/style.css'
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
Or if using in a single component:
|
|
44
|
-
|
|
45
|
-
```vue
|
|
46
|
-
<style>
|
|
47
|
-
@import '@konbraphat51/affectiveslidervue/dist/style.css';
|
|
48
|
-
</style>
|
|
49
|
-
```
|
|
36
|
+
The CSS is automatically injected when you import the component, so no additional setup is needed!
|
|
50
37
|
|
|
51
38
|
## Usage
|
|
52
39
|
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
const F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLBJREFUeNrsnP1x2yAUwHGu/5cR2KBsEG1QbVBtUG1QOoFHIJ3A6QR2J5AzgdIJlE7gWnfQUAKIjweyHd4dl5x9Ruj3Png8kDan0wlV8ZNNhVVhVVgVVoVVYVVYLlibzab0eIhoUp5FKyZOHivBmoE053av/L8kBwHu6dwec0F0etr8pa1lALQ9t3G+LEAbRX8UGpatlbCs2Wq+LViPdLcXYTlSPp0bNrinyep+nNvDtVrWDGdvsYrh3Jin++l9MvF7m7U1uSwrB6zZErjlRtiChYS6dW9x613sdUrCmrU6GSB1mSexzgBtHkd7qbCYYbCscOrRG5S1vTRY3BCTCFpHsCFW7sXnq8LCIj5EazKjMIMC8ZqwdIvq0GVJp7nlIrBcsC4dlBSqAeOlYfWRoChAxi1TExwITB0vKwWLRoJqFQ33CbC44lI00CXVcTclYA2+Jq0kjztAl+0ME4qvlW21/A/nhMWWLqZB4tDLEcW6Ry2n457pyuCauaFgYS1QNg5321sSVAwcvJkhCZXrTuoZRkgOWNzhftRSfpnE5zkTVOxYI05CcfqadGu7FwhY2KGNzrJo7jNYko972mpmjcNLCCQs5rAqrMWNRgvsUrttBoviAsxgSAeIuCYT1yeO+MshYY02H1c0qg90MmiXAYIy1bR4YB+qu4LAotqCNGYZdFqAnbruO3lMPEvjbCFgbSPyI1ftvAeANTj6D7GuVv9dKix1YNgzyLpgQbiiq/99ZF/TEqw7D7+W8egoNhR8YsE1ycFwr0a587ASvVPfi+eU58jvTPLLMVEFwVKD5VPAAB4d3z0AwHr0vPlQ5ZL4yuD/s07ILGOLW1BVVGxJTYaIvojy+11KgN8HBnfdKseM5WaqjY+j+Hj5b3KAgnXL4gXrDlXxlgqrwqqwLh7W0ZJz3ZJgKFh/rngZE5KCeCW0IZZF3wGsl5QMniSs5q9F1G26JrVEM954Yqoum5LrWW+qiTfmguppQSePDx4d/kSvFdLPCyv+WCHIfMT7WbRcZZ8vQdUKzw2LKWFB7dKq71HvSWi+zeiCGMINdVdkwNWCmPPvENA63QWhYFFNy7HWxRDMAwPyBlOsfDTV6qC27/cJ1mU6TmnaaNiKvmXbWYp8qpXRRKvae4elAFiNZl0kYHDccbOdh4W0DtedAoE5D7hAHjniEUlqj+D2DxuLpYWEhp3rHiBh6VrpA7UYYwmmPgcUt1/YLXkH9Mm/Vhsk9Rwc5I60DRhbmIUXFZ3jAC73tJTeEKMgE1n9FDJxwB1NqUIJWLpml1wLi3gDXblo0fLxSH2szrPwuc7BhwJbQ0joGHM+YaHHgagnsTIukqdQZeZ+0IkYgi1bGVQfOwOXeCrM9CTWgMrX7allHN7LopIPZ26R+XAZKRCbuOXaQevH0o/9NpayC89gadQCKTp2loYl3ZJZlibyFQNNAiCG7EclWUo1Ys1XFcgD/V8dN3AQ1dDf6O0bQmQF9aOA5AL8cG7fUeLLMS7hJRhYLH0GwHqWDN6gDyes/RIMUzCeLeRe/A0J/rPVHEW9PMsrVi7xXTSmSUHGI9VKXtDrRu+hxECiYVWpsCqsCqvCqrDehfwVYACpkF1ChK49LwAAAABJRU5ErkJggg==", N = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKpJREFUeNrsnP11mzAQwOW+/l82KJmgzgRRJwidoOoGdIIqE/hlArcT0A1IJnAyAekEeIPUvHck6kUfB5IwUN17evazAYkfd6fTSWLz/PzMktDkXUKQYCVYCVaClWD99/Le9udms4lZ9xZKfipXym8ZOu4OPh9O5RE+H2I1yhpKdX+aSgQpTmV/Km1XtUdp4TpFDFimsrFBCaRZnaaUp/IVtMgmT1B6yQnnHE/l56nconMXpVkdJGnRjhr+5xrT012Lw/GV5Zp7AtzRmhULVmkwte5GBQEO1aQrg4nKJcDKQWOCP3FHnXtNnQfoMGYJq9BoUxUREgVaC5o8K1hC08iCnUc639ag9si5wNprHHfGziuZxp/tzw1rN6ZBE8rg9sWCJWYOytROOTUsvhBQJmDFVLAy1OvNHZTOJFtTLx0aVoVimSVJjTqiqLAKytOZsWCrKGPBylD8Ui40LYUfeBYDlnSp8IKkMvWOIWBh9eULh5WbtCsELLEirdKNPGRIWIcVaZVOu5pQsLa6i65EaqwENh6U2R1Vk25XBuuX8v3adTAlB18rwC4YLc+tztx0x/+cedzFoJ0Xvjl4qgn2OfdGk7KJKWqdDXvN7VMDZtUf5z4+ixPHgIKZp7diwxLMPinigqaOGQsfWCUhYtcl/wSbNp1cwoMVcPMNo6eW1Yhe+sCSjpBBziSVTNF2YfGvL9bjA0sdFuSWnFbDRsykTKR1B0Ie68UqfGCpcQiWRtGoOYJSO56DI1NCgjV2Fc1WqfSGRVyoEUC66f1v8Hn08qUempUvLE3DmXnWKboZrkmimqGvD1mkuGA9IT8VAlQNDpePPL+AkIWy8oZ6XBCf5YqzVH9QOirmqBsfNK2Ogsc+XBGaOjP4ndpbqyHQzsdnCceNFQhAC7GZVMpeM14cE3JkGtjqtWrL/w1xuOQVwavRbeV4KkPK2CDWBsxUDo5wQR2ucd/kX6s8PVPMVTP6WlAZwMkLArQDoy03UrXee01ppQwTLi0B6BaO+6SBcQ/n/Y7Qs/a5s77OfjUzJe+WKybanXPpm89SbXq3svjqTVbF1wwzZEZrkgYnCkLM7lSEVMfShDPNmo0QsDhb3wxPrVOAUNP3zYq0y/jwQ8EqUAXZSnyViAELq+5Se0ZpcykhYW1R4McXBsrZ/tAr/yRb5oI2vL5sNzjuHLkA94C63SX4L1KbY2yhy5CT74YKnyHH7SO5QVOfmN/2uL3iyI/Q1gcTLJ/hjs3+2wAaxiHopWzYrAb6yYy9nQTmo/N7njssdMDygaDGpHgKIiicmXDGh7H37mBgQ2amxUhYJeEhtENBTQFLB6zvbShmKdmwPdM7hzbtfDKyU+2RzjQ+pXOm3xltfRZXzv3IXtd2/YHf7sApHy1a+gO5ge74L0M6h6n3SEtDGllECjGEIccvx1zsHHukc0OqOdQrBmyvPKiZx7TdOV9VwME0TN11b1qPiqncofPV+OvKcq3uOje+qes5vASDszAvvzC9niDYGPXcL8HAnUB3Y9fwOWZc+QTadw9adAzZQCuPiWHp4KmzMx+Qv8G9oe+wJx6sJP9KeiVUgpVgJVgJVoKV5K8AAwDfyJ7liahBeQAAAABJRU5ErkJggg==", y = "data:image/png;base64,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", J = "data:image/png;base64,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", U = "data:image/png;base64,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", P = { class: "affective-slider" }, H = { class: "as-icon-wrapper as-icon-left" }, b = ["src", "alt"], G = {
|
|
1
|
+
import { ref as c, computed as x, onMounted as W, watch as h, createElementBlock as o, openBlock as l, Fragment as K, renderList as y, normalizeClass as R, createElementVNode as t, createCommentVNode as w, toDisplayString as C, unref as q } from "vue";
|
|
2
|
+
const k = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLBJREFUeNrsnP1x2yAUwHGu/5cR2KBsEG1QbVBtUG1QOoFHIJ3A6QR2J5AzgdIJlE7gWnfQUAKIjweyHd4dl5x9Ruj3Png8kDan0wlV8ZNNhVVhVVgVVoVVYVVYLlibzab0eIhoUp5FKyZOHivBmoE053av/L8kBwHu6dwec0F0etr8pa1lALQ9t3G+LEAbRX8UGpatlbCs2Wq+LViPdLcXYTlSPp0bNrinyep+nNvDtVrWDGdvsYrh3Jin++l9MvF7m7U1uSwrB6zZErjlRtiChYS6dW9x613sdUrCmrU6GSB1mSexzgBtHkd7qbCYYbCscOrRG5S1vTRY3BCTCFpHsCFW7sXnq8LCIj5EazKjMIMC8ZqwdIvq0GVJp7nlIrBcsC4dlBSqAeOlYfWRoChAxi1TExwITB0vKwWLRoJqFQ33CbC44lI00CXVcTclYA2+Jq0kjztAl+0ME4qvlW21/A/nhMWWLqZB4tDLEcW6Ry2n457pyuCauaFgYS1QNg5321sSVAwcvJkhCZXrTuoZRkgOWNzhftRSfpnE5zkTVOxYI05CcfqadGu7FwhY2KGNzrJo7jNYko972mpmjcNLCCQs5rAqrMWNRgvsUrttBoviAsxgSAeIuCYT1yeO+MshYY02H1c0qg90MmiXAYIy1bR4YB+qu4LAotqCNGYZdFqAnbruO3lMPEvjbCFgbSPyI1ftvAeANTj6D7GuVv9dKix1YNgzyLpgQbiiq/99ZF/TEqw7D7+W8egoNhR8YsE1ycFwr0a587ASvVPfi+eU58jvTPLLMVEFwVKD5VPAAB4d3z0AwHr0vPlQ5ZL4yuD/s07ILGOLW1BVVGxJTYaIvojy+11KgN8HBnfdKseM5WaqjY+j+Hj5b3KAgnXL4gXrDlXxlgqrwqqwLh7W0ZJz3ZJgKFh/rngZE5KCeCW0IZZF3wGsl5QMniSs5q9F1G26JrVEM954Yqoum5LrWW+qiTfmguppQSePDx4d/kSvFdLPCyv+WCHIfMT7WbRcZZ8vQdUKzw2LKWFB7dKq71HvSWi+zeiCGMINdVdkwNWCmPPvENA63QWhYFFNy7HWxRDMAwPyBlOsfDTV6qC27/cJ1mU6TmnaaNiKvmXbWYp8qpXRRKvae4elAFiNZl0kYHDccbOdh4W0DtedAoE5D7hAHjniEUlqj+D2DxuLpYWEhp3rHiBh6VrpA7UYYwmmPgcUt1/YLXkH9Mm/Vhsk9Rwc5I60DRhbmIUXFZ3jAC73tJTeEKMgE1n9FDJxwB1NqUIJWLpml1wLi3gDXblo0fLxSH2szrPwuc7BhwJbQ0joGHM+YaHHgagnsTIukqdQZeZ+0IkYgi1bGVQfOwOXeCrM9CTWgMrX7allHN7LopIPZ26R+XAZKRCbuOXaQevH0o/9NpayC89gadQCKTp2loYl3ZJZlibyFQNNAiCG7EclWUo1Ys1XFcgD/V8dN3AQ1dDf6O0bQmQF9aOA5AL8cG7fUeLLMS7hJRhYLH0GwHqWDN6gDyes/RIMUzCeLeRe/A0J/rPVHEW9PMsrVi7xXTSmSUHGI9VKXtDrRu+hxECiYVWpsCqsCqvCqrDehfwVYACpkF1ChK49LwAAAABJRU5ErkJggg==", D = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKpJREFUeNrsnP11mzAQwOW+/l82KJmgzgRRJwidoOoGdIIqE/hlArcT0A1IJnAyAekEeIPUvHck6kUfB5IwUN17evazAYkfd6fTSWLz/PzMktDkXUKQYCVYCVaClWD99/Le9udms4lZ9xZKfipXym8ZOu4OPh9O5RE+H2I1yhpKdX+aSgQpTmV/Km1XtUdp4TpFDFimsrFBCaRZnaaUp/IVtMgmT1B6yQnnHE/l56nconMXpVkdJGnRjhr+5xrT012Lw/GV5Zp7AtzRmhULVmkwte5GBQEO1aQrg4nKJcDKQWOCP3FHnXtNnQfoMGYJq9BoUxUREgVaC5o8K1hC08iCnUc639ag9si5wNprHHfGziuZxp/tzw1rN6ZBE8rg9sWCJWYOytROOTUsvhBQJmDFVLAy1OvNHZTOJFtTLx0aVoVimSVJjTqiqLAKytOZsWCrKGPBylD8Ui40LYUfeBYDlnSp8IKkMvWOIWBh9eULh5WbtCsELLEirdKNPGRIWIcVaZVOu5pQsLa6i65EaqwENh6U2R1Vk25XBuuX8v3adTAlB18rwC4YLc+tztx0x/+cedzFoJ0Xvjl4qgn2OfdGk7KJKWqdDXvN7VMDZtUf5z4+ixPHgIKZp7diwxLMPinigqaOGQsfWCUhYtcl/wSbNp1cwoMVcPMNo6eW1Yhe+sCSjpBBziSVTNF2YfGvL9bjA0sdFuSWnFbDRsykTKR1B0Ie68UqfGCpcQiWRtGoOYJSO56DI1NCgjV2Fc1WqfSGRVyoEUC66f1v8Hn08qUempUvLE3DmXnWKboZrkmimqGvD1mkuGA9IT8VAlQNDpePPL+AkIWy8oZ6XBCf5YqzVH9QOirmqBsfNK2Ogsc+XBGaOjP4ndpbqyHQzsdnCceNFQhAC7GZVMpeM14cE3JkGtjqtWrL/w1xuOQVwavRbeV4KkPK2CDWBsxUDo5wQR2ucd/kX6s8PVPMVTP6WlAZwMkLArQDoy03UrXee01ppQwTLi0B6BaO+6SBcQ/n/Y7Qs/a5s77OfjUzJe+WKybanXPpm89SbXq3svjqTVbF1wwzZEZrkgYnCkLM7lSEVMfShDPNmo0QsDhb3wxPrVOAUNP3zYq0y/jwQ8EqUAXZSnyViAELq+5Se0ZpcykhYW1R4McXBsrZ/tAr/yRb5oI2vL5sNzjuHLkA94C63SX4L1KbY2yhy5CT74YKnyHH7SO5QVOfmN/2uL3iyI/Q1gcTLJ/hjs3+2wAaxiHopWzYrAb6yYy9nQTmo/N7njssdMDygaDGpHgKIiicmXDGh7H37mBgQ2amxUhYJeEhtENBTQFLB6zvbShmKdmwPdM7hzbtfDKyU+2RzjQ+pXOm3xltfRZXzv3IXtd2/YHf7sApHy1a+gO5ge74L0M6h6n3SEtDGllECjGEIccvx1zsHHukc0OqOdQrBmyvPKiZx7TdOV9VwME0TN11b1qPiqncofPV+OvKcq3uOje+qes5vASDszAvvzC9niDYGPXcL8HAnUB3Y9fwOWZc+QTadw9adAzZQCuPiWHp4KmzMx+Qv8G9oe+wJx6sJP9KeiVUgpVgJVgJVoKV5K8AAwDfyJ7liahBeQAAAABJRU5ErkJggg==", I = "data:image/png;base64,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", S = "data:image/png;base64,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", F = "data:image/png;base64,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", N = { class: "affective-slider" }, J = { class: "as-icon-wrapper as-icon-left" }, U = ["src", "alt"], P = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "as-icon-label"
|
|
5
|
-
},
|
|
5
|
+
}, H = ["name", "id", "value", "onInput", "onMousedown", "onTouchstart"], G = { class: "as-icon-wrapper as-icon-right" }, T = ["src", "alt"], Y = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "as-icon-label"
|
|
8
|
-
},
|
|
8
|
+
}, z = { class: "as-intensity-cue" }, X = ["src"], M = {
|
|
9
9
|
__name: "AffectiveSlider",
|
|
10
10
|
props: {
|
|
11
11
|
// Initial value for pleasure slider (0-1)
|
|
12
12
|
pleasureValue: {
|
|
13
13
|
type: Number,
|
|
14
14
|
default: 0.5,
|
|
15
|
-
validator: (
|
|
15
|
+
validator: (r) => r >= 0 && r <= 1
|
|
16
16
|
},
|
|
17
17
|
// Initial value for arousal slider (0-1)
|
|
18
18
|
arousalValue: {
|
|
19
19
|
type: Number,
|
|
20
20
|
default: 0.5,
|
|
21
|
-
validator: (
|
|
21
|
+
validator: (r) => r >= 0 && r <= 1
|
|
22
22
|
},
|
|
23
23
|
// Randomize the order of sliders
|
|
24
24
|
randomizeOrder: {
|
|
@@ -47,77 +47,86 @@ const F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAA
|
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
emits: ["update:pleasureValue", "update:arousalValue", "change", "interacted"],
|
|
50
|
-
setup(
|
|
51
|
-
const
|
|
50
|
+
setup(r, { emit: s }) {
|
|
51
|
+
const A = r, d = s, n = c(A.pleasureValue), i = c(A.arousalValue), g = c([]), u = c({
|
|
52
52
|
pleasure: !1,
|
|
53
53
|
arousal: !1
|
|
54
|
-
}),
|
|
55
|
-
type:
|
|
56
|
-
value:
|
|
57
|
-
leftImage:
|
|
58
|
-
rightImage:
|
|
59
|
-
leftLabel:
|
|
60
|
-
rightLabel:
|
|
61
|
-
}))),
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
},
|
|
67
|
-
const
|
|
68
|
-
|
|
54
|
+
}), b = (e) => e === "pleasure" ? k : D, B = (e) => e === "pleasure" ? I : S, V = (e) => e === "pleasure" ? A.pleasureLeftLabel : A.arousalLeftLabel, Q = (e) => e === "pleasure" ? A.pleasureRightLabel : A.arousalRightLabel, v = x(() => g.value.map((e) => ({
|
|
55
|
+
type: e,
|
|
56
|
+
value: e === "pleasure" ? n.value : i.value,
|
|
57
|
+
leftImage: b(e),
|
|
58
|
+
rightImage: B(e),
|
|
59
|
+
leftLabel: V(e),
|
|
60
|
+
rightLabel: Q(e)
|
|
61
|
+
}))), E = (e, m) => {
|
|
62
|
+
const a = parseFloat(m.target.value);
|
|
63
|
+
e === "pleasure" ? n.value = a : i.value = a, d(`update:${e}Value`, a), d("change", { pleasure: n.value, arousal: i.value });
|
|
64
|
+
}, f = (e) => {
|
|
65
|
+
u.value[e] || (u.value[e] = !0, d("interacted", { type: e, pleasure: n.value, arousal: i.value }));
|
|
66
|
+
}, L = () => {
|
|
67
|
+
const e = ["arousal", "pleasure"];
|
|
68
|
+
A.randomizeOrder ? g.value = Math.random() > 0.5 ? [...e] : [...e].reverse() : g.value = ["pleasure", "arousal"];
|
|
69
69
|
};
|
|
70
|
-
return
|
|
71
|
-
|
|
72
|
-
}),
|
|
73
|
-
|
|
74
|
-
}),
|
|
75
|
-
|
|
76
|
-
}), (
|
|
77
|
-
(
|
|
78
|
-
key:
|
|
79
|
-
class:
|
|
70
|
+
return W(() => {
|
|
71
|
+
L();
|
|
72
|
+
}), h(() => A.pleasureValue, (e) => {
|
|
73
|
+
n.value = e;
|
|
74
|
+
}), h(() => A.arousalValue, (e) => {
|
|
75
|
+
i.value = e;
|
|
76
|
+
}), (e, m) => (l(), o("div", N, [
|
|
77
|
+
(l(!0), o(K, null, y(v.value, (a) => (l(), o("div", {
|
|
78
|
+
key: a.type,
|
|
79
|
+
class: R(["as-container", a.type])
|
|
80
80
|
}, [
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
src:
|
|
84
|
-
alt: `${
|
|
81
|
+
t("div", J, [
|
|
82
|
+
t("img", {
|
|
83
|
+
src: a.leftImage,
|
|
84
|
+
alt: `${a.type} left`,
|
|
85
85
|
class: "as-icon"
|
|
86
|
-
}, null, 8,
|
|
87
|
-
|
|
86
|
+
}, null, 8, U),
|
|
87
|
+
a.leftLabel ? (l(), o("div", P, C(a.leftLabel), 1)) : w("", !0)
|
|
88
88
|
]),
|
|
89
|
-
|
|
89
|
+
t("input", {
|
|
90
90
|
type: "range",
|
|
91
|
-
name: `AS-${
|
|
92
|
-
id: `AS-${
|
|
93
|
-
value:
|
|
91
|
+
name: `AS-${a.type}`,
|
|
92
|
+
id: `AS-${a.type}`,
|
|
93
|
+
value: a.value,
|
|
94
94
|
min: "0",
|
|
95
95
|
max: "1",
|
|
96
96
|
step: "0.01",
|
|
97
|
-
onInput: (
|
|
98
|
-
onMousedown: (
|
|
99
|
-
onTouchstart: (
|
|
97
|
+
onInput: (p) => E(a.type, p),
|
|
98
|
+
onMousedown: (p) => f(a.type),
|
|
99
|
+
onTouchstart: (p) => f(a.type),
|
|
100
100
|
class: "as-slider"
|
|
101
|
-
}, null, 40,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
src:
|
|
105
|
-
alt: `${
|
|
101
|
+
}, null, 40, H),
|
|
102
|
+
t("div", G, [
|
|
103
|
+
t("img", {
|
|
104
|
+
src: a.rightImage,
|
|
105
|
+
alt: `${a.type} right`,
|
|
106
106
|
class: "as-icon"
|
|
107
|
-
}, null, 8,
|
|
108
|
-
|
|
107
|
+
}, null, 8, T),
|
|
108
|
+
a.rightLabel ? (l(), o("div", Y, C(a.rightLabel), 1)) : w("", !0)
|
|
109
109
|
]),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
src:
|
|
110
|
+
t("div", z, [
|
|
111
|
+
t("img", {
|
|
112
|
+
src: q(F),
|
|
113
113
|
alt: "intensity cue"
|
|
114
|
-
}, null, 8,
|
|
114
|
+
}, null, 8, X)
|
|
115
115
|
])
|
|
116
116
|
], 2))), 128))
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
|
+
if (typeof document < "u") {
|
|
121
|
+
const r = "affectiveslidervue-styles";
|
|
122
|
+
if (!document.getElementById(r)) {
|
|
123
|
+
const s = document.createElement("style");
|
|
124
|
+
s.id = r, s.textContent = `
|
|
125
|
+
.affective-slider{width:100%;max-width:800px;margin:0 auto;padding:20px}.as-container{margin:3em 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.as-icon{width:60px;height:60px;object-fit:contain}.as-icon-wrapper{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:4px}.as-icon-left{left:0}.as-icon-right{right:0}.as-icon-label{font-size:12px;color:#333;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.as-slider{-webkit-appearance:none;width:calc(100% - 140px);height:20px;background:#ddd;border-radius:10px;outline:none;margin:0 70px;cursor:pointer}.as-slider:focus{background:#ccc}.as-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-webkit-slider-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-webkit-slider-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-moz-range-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-moz-range-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-track{width:100%;height:20px;background:#ddd;border-radius:10px;border:none}.as-slider:focus::-moz-range-track{background:#ccc}.as-slider::-ms-track{width:100%;height:20px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}.as-slider::-ms-fill-lower{background:#ddd;border-radius:10px}.as-slider::-ms-fill-upper{background:#ddd;border-radius:10px}.as-slider::-ms-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer}.as-slider::-ms-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-ms-thumb:active{background:#505050;border:2px solid #fff}.as-slider:focus::-ms-fill-lower{background:#ccc}.as-slider:focus::-ms-fill-upper{background:#ccc}.as-intensity-cue{width:calc(100% - 140px);margin:10px 70px 0}.as-intensity-cue img{width:100%;height:auto}@media(max-width:768px){.as-icon{width:40px;height:40px}.as-slider{width:calc(100% - 100px);margin:0 50px}.as-intensity-cue{width:calc(100% - 100px);margin:10px 50px 0}.as-icon-label{font-size:10px;max-width:60px}}
|
|
126
|
+
`, document.head.appendChild(s);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
120
129
|
export {
|
|
121
|
-
|
|
122
|
-
|
|
130
|
+
M as AffectiveSlider,
|
|
131
|
+
M as default
|
|
123
132
|
};
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.AffectiveSliderVue={},l.Vue))})(this,(function(l,e){"use strict";const B="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLBJREFUeNrsnP1x2yAUwHGu/5cR2KBsEG1QbVBtUG1QOoFHIJ3A6QR2J5AzgdIJlE7gWnfQUAKIjweyHd4dl5x9Ruj3Png8kDan0wlV8ZNNhVVhVVgVVoVVYVVYLlibzab0eIhoUp5FKyZOHivBmoE053av/L8kBwHu6dwec0F0etr8pa1lALQ9t3G+LEAbRX8UGpatlbCs2Wq+LViPdLcXYTlSPp0bNrinyep+nNvDtVrWDGdvsYrh3Jin++l9MvF7m7U1uSwrB6zZErjlRtiChYS6dW9x613sdUrCmrU6GSB1mSexzgBtHkd7qbCYYbCscOrRG5S1vTRY3BCTCFpHsCFW7sXnq8LCIj5EazKjMIMC8ZqwdIvq0GVJp7nlIrBcsC4dlBSqAeOlYfWRoChAxi1TExwITB0vKwWLRoJqFQ33CbC44lI00CXVcTclYA2+Jq0kjztAl+0ME4qvlW21/A/nhMWWLqZB4tDLEcW6Ry2n457pyuCauaFgYS1QNg5321sSVAwcvJkhCZXrTuoZRkgOWNzhftRSfpnE5zkTVOxYI05CcfqadGu7FwhY2KGNzrJo7jNYko972mpmjcNLCCQs5rAqrMWNRgvsUrttBoviAsxgSAeIuCYT1yeO+MshYY02H1c0qg90MmiXAYIy1bR4YB+qu4LAotqCNGYZdFqAnbruO3lMPEvjbCFgbSPyI1ftvAeANTj6D7GuVv9dKix1YNgzyLpgQbiiq/99ZF/TEqw7D7+W8egoNhR8YsE1ycFwr0a587ASvVPfi+eU58jvTPLLMVEFwVKD5VPAAB4d3z0AwHr0vPlQ5ZL4yuD/s07ILGOLW1BVVGxJTYaIvojy+11KgN8HBnfdKseM5WaqjY+j+Hj5b3KAgnXL4gXrDlXxlgqrwqqwLh7W0ZJz3ZJgKFh/rngZE5KCeCW0IZZF3wGsl5QMniSs5q9F1G26JrVEM954Yqoum5LrWW+qiTfmguppQSePDx4d/kSvFdLPCyv+WCHIfMT7WbRcZZ8vQdUKzw2LKWFB7dKq71HvSWi+zeiCGMINdVdkwNWCmPPvENA63QWhYFFNy7HWxRDMAwPyBlOsfDTV6qC27/cJ1mU6TmnaaNiKvmXbWYp8qpXRRKvae4elAFiNZl0kYHDccbOdh4W0DtedAoE5D7hAHjniEUlqj+D2DxuLpYWEhp3rHiBh6VrpA7UYYwmmPgcUt1/YLXkH9Mm/Vhsk9Rwc5I60DRhbmIUXFZ3jAC73tJTeEKMgE1n9FDJxwB1NqUIJWLpml1wLi3gDXblo0fLxSH2szrPwuc7BhwJbQ0joGHM+YaHHgagnsTIukqdQZeZ+0IkYgi1bGVQfOwOXeCrM9CTWgMrX7allHN7LopIPZ26R+XAZKRCbuOXaQevH0o/9NpayC89gadQCKTp2loYl3ZJZlibyFQNNAiCG7EclWUo1Ys1XFcgD/V8dN3AQ1dDf6O0bQmQF9aOA5AL8cG7fUeLLMS7hJRhYLH0GwHqWDN6gDyes/RIMUzCeLeRe/A0J/rPVHEW9PMsrVi7xXTSmSUHGI9VKXtDrRu+hxECiYVWpsCqsCqvCqrDehfwVYACpkF1ChK49LwAAAABJRU5ErkJggg==",V="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKpJREFUeNrsnP11mzAQwOW+/l82KJmgzgRRJwidoOoGdIIqE/hlArcT0A1IJnAyAekEeIPUvHck6kUfB5IwUN17evazAYkfd6fTSWLz/PzMktDkXUKQYCVYCVaClWD99/Le9udms4lZ9xZKfipXym8ZOu4OPh9O5RE+H2I1yhpKdX+aSgQpTmV/Km1XtUdp4TpFDFimsrFBCaRZnaaUp/IVtMgmT1B6yQnnHE/l56nconMXpVkdJGnRjhr+5xrT012Lw/GV5Zp7AtzRmhULVmkwte5GBQEO1aQrg4nKJcDKQWOCP3FHnXtNnQfoMGYJq9BoUxUREgVaC5o8K1hC08iCnUc639ag9si5wNprHHfGziuZxp/tzw1rN6ZBE8rg9sWCJWYOytROOTUsvhBQJmDFVLAy1OvNHZTOJFtTLx0aVoVimSVJjTqiqLAKytOZsWCrKGPBylD8Ui40LYUfeBYDlnSp8IKkMvWOIWBh9eULh5WbtCsELLEirdKNPGRIWIcVaZVOu5pQsLa6i65EaqwENh6U2R1Vk25XBuuX8v3adTAlB18rwC4YLc+tztx0x/+cedzFoJ0Xvjl4qgn2OfdGk7KJKWqdDXvN7VMDZtUf5z4+ixPHgIKZp7diwxLMPinigqaOGQsfWCUhYtcl/wSbNp1cwoMVcPMNo6eW1Yhe+sCSjpBBziSVTNF2YfGvL9bjA0sdFuSWnFbDRsykTKR1B0Ie68UqfGCpcQiWRtGoOYJSO56DI1NCgjV2Fc1WqfSGRVyoEUC66f1v8Hn08qUempUvLE3DmXnWKboZrkmimqGvD1mkuGA9IT8VAlQNDpePPL+AkIWy8oZ6XBCf5YqzVH9QOirmqBsfNK2Ogsc+XBGaOjP4ndpbqyHQzsdnCceNFQhAC7GZVMpeM14cE3JkGtjqtWrL/w1xuOQVwavRbeV4KkPK2CDWBsxUDo5wQR2ucd/kX6s8PVPMVTP6WlAZwMkLArQDoy03UrXee01ppQwTLi0B6BaO+6SBcQ/n/Y7Qs/a5s77OfjUzJe+WKybanXPpm89SbXq3svjqTVbF1wwzZEZrkgYnCkLM7lSEVMfShDPNmo0QsDhb3wxPrVOAUNP3zYq0y/jwQ8EqUAXZSnyViAELq+5Se0ZpcykhYW1R4McXBsrZ/tAr/yRb5oI2vL5sNzjuHLkA94C63SX4L1KbY2yhy5CT74YKnyHH7SO5QVOfmN/2uL3iyI/Q1gcTLJ/hjs3+2wAaxiHopWzYrAb6yYy9nQTmo/N7njssdMDygaDGpHgKIiicmXDGh7H37mBgQ2amxUhYJeEhtENBTQFLB6zvbShmKdmwPdM7hzbtfDKyU+2RzjQ+pXOm3xltfRZXzv3IXtd2/YHf7sApHy1a+gO5ge74L0M6h6n3SEtDGllECjGEIccvx1zsHHukc0OqOdQrBmyvPKiZx7TdOV9VwME0TN11b1qPiqncofPV+OvKcq3uOje+qes5vASDszAvvzC9niDYGPXcL8HAnUB3Y9fwOWZc+QTadw9adAzZQCuPiWHp4KmzMx+Qv8G9oe+wJx6sJP9KeiVUgpVgJVgJVoKV5K8AAwDfyJ7liahBeQAAAABJRU5ErkJggg==",d="data:image/png;base64,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",m="data:image/png;base64,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",f="data:image/png;base64,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",E={class:"affective-slider"},Q={class:"as-icon-wrapper as-icon-left"},w=["src","alt"],L={key:0,class:"as-icon-label"},W=["name","id","value","onInput","onMousedown","onTouchstart"],K={class:"as-icon-wrapper as-icon-right"},R=["src","alt"],q={key:0,class:"as-icon-label"},h={class:"as-intensity-cue"},N=["src"],g={__name:"AffectiveSlider",props:{pleasureValue:{type:Number,default:.5,validator:r=>r>=0&&r<=1},arousalValue:{type:Number,default:.5,validator:r=>r>=0&&r<=1},randomizeOrder:{type:Boolean,default:!0},pleasureLeftLabel:{type:String,default:""},pleasureRightLabel:{type:String,default:""},arousalLeftLabel:{type:String,default:""},arousalRightLabel:{type:String,default:""}},emits:["update:pleasureValue","update:arousalValue","change","interacted"],setup(r,{emit:S}){const t=r,o=S,n=e.ref(t.pleasureValue),s=e.ref(t.arousalValue),c=e.ref([]),p=e.ref({pleasure:!1,arousal:!1}),D=A=>A==="pleasure"?B:V,y=A=>A==="pleasure"?d:m,I=A=>A==="pleasure"?t.pleasureLeftLabel:t.arousalLeftLabel,F=A=>A==="pleasure"?t.pleasureRightLabel:t.arousalRightLabel,J=e.computed(()=>c.value.map(A=>({type:A,value:A==="pleasure"?n.value:s.value,leftImage:D(A),rightImage:y(A),leftLabel:I(A),rightLabel:F(A)}))),U=(A,C)=>{const a=parseFloat(C.target.value);A==="pleasure"?n.value=a:s.value=a,o(`update:${A}Value`,a),o("change",{pleasure:n.value,arousal:s.value})},u=A=>{p.value[A]||(p.value[A]=!0,o("interacted",{type:A,pleasure:n.value,arousal:s.value}))},P=()=>{const A=["arousal","pleasure"];t.randomizeOrder?c.value=Math.random()>.5?[...A]:[...A].reverse():c.value=["pleasure","arousal"]};return e.onMounted(()=>{P()}),e.watch(()=>t.pleasureValue,A=>{n.value=A}),e.watch(()=>t.arousalValue,A=>{s.value=A}),(A,C)=>(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.type,class:e.normalizeClass(["as-container",a.type])},[e.createElementVNode("div",Q,[e.createElementVNode("img",{src:a.leftImage,alt:`${a.type} left`,class:"as-icon"},null,8,w),a.leftLabel?(e.openBlock(),e.createElementBlock("div",L,e.toDisplayString(a.leftLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:"range",name:`AS-${a.type}`,id:`AS-${a.type}`,value:a.value,min:"0",max:"1",step:"0.01",onInput:i=>U(a.type,i),onMousedown:i=>u(a.type),onTouchstart:i=>u(a.type),class:"as-slider"},null,40,W),e.createElementVNode("div",K,[e.createElementVNode("img",{src:a.rightImage,alt:`${a.type} right`,class:"as-icon"},null,8,R),a.rightLabel?(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(a.rightLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",h,[e.createElementVNode("img",{src:e.unref(f),alt:"intensity cue"},null,8,N)])],2))),128))]))}};l.AffectiveSlider=g,l.default=g,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
|
1
|
+
(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.AffectiveSliderVue={},s.Vue))})(this,(function(s,e){"use strict";const m="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLBJREFUeNrsnP1x2yAUwHGu/5cR2KBsEG1QbVBtUG1QOoFHIJ3A6QR2J5AzgdIJlE7gWnfQUAKIjweyHd4dl5x9Ruj3Png8kDan0wlV8ZNNhVVhVVgVVoVVYVVYLlibzab0eIhoUp5FKyZOHivBmoE053av/L8kBwHu6dwec0F0etr8pa1lALQ9t3G+LEAbRX8UGpatlbCs2Wq+LViPdLcXYTlSPp0bNrinyep+nNvDtVrWDGdvsYrh3Jin++l9MvF7m7U1uSwrB6zZErjlRtiChYS6dW9x613sdUrCmrU6GSB1mSexzgBtHkd7qbCYYbCscOrRG5S1vTRY3BCTCFpHsCFW7sXnq8LCIj5EazKjMIMC8ZqwdIvq0GVJp7nlIrBcsC4dlBSqAeOlYfWRoChAxi1TExwITB0vKwWLRoJqFQ33CbC44lI00CXVcTclYA2+Jq0kjztAl+0ME4qvlW21/A/nhMWWLqZB4tDLEcW6Ry2n457pyuCauaFgYS1QNg5321sSVAwcvJkhCZXrTuoZRkgOWNzhftRSfpnE5zkTVOxYI05CcfqadGu7FwhY2KGNzrJo7jNYko972mpmjcNLCCQs5rAqrMWNRgvsUrttBoviAsxgSAeIuCYT1yeO+MshYY02H1c0qg90MmiXAYIy1bR4YB+qu4LAotqCNGYZdFqAnbruO3lMPEvjbCFgbSPyI1ftvAeANTj6D7GuVv9dKix1YNgzyLpgQbiiq/99ZF/TEqw7D7+W8egoNhR8YsE1ycFwr0a587ASvVPfi+eU58jvTPLLMVEFwVKD5VPAAB4d3z0AwHr0vPlQ5ZL4yuD/s07ILGOLW1BVVGxJTYaIvojy+11KgN8HBnfdKseM5WaqjY+j+Hj5b3KAgnXL4gXrDlXxlgqrwqqwLh7W0ZJz3ZJgKFh/rngZE5KCeCW0IZZF3wGsl5QMniSs5q9F1G26JrVEM954Yqoum5LrWW+qiTfmguppQSePDx4d/kSvFdLPCyv+WCHIfMT7WbRcZZ8vQdUKzw2LKWFB7dKq71HvSWi+zeiCGMINdVdkwNWCmPPvENA63QWhYFFNy7HWxRDMAwPyBlOsfDTV6qC27/cJ1mU6TmnaaNiKvmXbWYp8qpXRRKvae4elAFiNZl0kYHDccbOdh4W0DtedAoE5D7hAHjniEUlqj+D2DxuLpYWEhp3rHiBh6VrpA7UYYwmmPgcUt1/YLXkH9Mm/Vhsk9Rwc5I60DRhbmIUXFZ3jAC73tJTeEKMgE1n9FDJxwB1NqUIJWLpml1wLi3gDXblo0fLxSH2szrPwuc7BhwJbQ0joGHM+YaHHgagnsTIukqdQZeZ+0IkYgi1bGVQfOwOXeCrM9CTWgMrX7allHN7LopIPZ26R+XAZKRCbuOXaQevH0o/9NpayC89gadQCKTp2loYl3ZJZlibyFQNNAiCG7EclWUo1Ys1XFcgD/V8dN3AQ1dDf6O0bQmQF9aOA5AL8cG7fUeLLMS7hJRhYLH0GwHqWDN6gDyes/RIMUzCeLeRe/A0J/rPVHEW9PMsrVi7xXTSmSUHGI9VKXtDrRu+hxECiYVWpsCqsCqvCqrDehfwVYACpkF1ChK49LwAAAABJRU5ErkJggg==",h="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKpJREFUeNrsnP11mzAQwOW+/l82KJmgzgRRJwidoOoGdIIqE/hlArcT0A1IJnAyAekEeIPUvHck6kUfB5IwUN17evazAYkfd6fTSWLz/PzMktDkXUKQYCVYCVaClWD99/Le9udms4lZ9xZKfipXym8ZOu4OPh9O5RE+H2I1yhpKdX+aSgQpTmV/Km1XtUdp4TpFDFimsrFBCaRZnaaUp/IVtMgmT1B6yQnnHE/l56nconMXpVkdJGnRjhr+5xrT012Lw/GV5Zp7AtzRmhULVmkwte5GBQEO1aQrg4nKJcDKQWOCP3FHnXtNnQfoMGYJq9BoUxUREgVaC5o8K1hC08iCnUc639ag9si5wNprHHfGziuZxp/tzw1rN6ZBE8rg9sWCJWYOytROOTUsvhBQJmDFVLAy1OvNHZTOJFtTLx0aVoVimSVJjTqiqLAKytOZsWCrKGPBylD8Ui40LYUfeBYDlnSp8IKkMvWOIWBh9eULh5WbtCsELLEirdKNPGRIWIcVaZVOu5pQsLa6i65EaqwENh6U2R1Vk25XBuuX8v3adTAlB18rwC4YLc+tztx0x/+cedzFoJ0Xvjl4qgn2OfdGk7KJKWqdDXvN7VMDZtUf5z4+ixPHgIKZp7diwxLMPinigqaOGQsfWCUhYtcl/wSbNp1cwoMVcPMNo6eW1Yhe+sCSjpBBziSVTNF2YfGvL9bjA0sdFuSWnFbDRsykTKR1B0Ie68UqfGCpcQiWRtGoOYJSO56DI1NCgjV2Fc1WqfSGRVyoEUC66f1v8Hn08qUempUvLE3DmXnWKboZrkmimqGvD1mkuGA9IT8VAlQNDpePPL+AkIWy8oZ6XBCf5YqzVH9QOirmqBsfNK2Ogsc+XBGaOjP4ndpbqyHQzsdnCceNFQhAC7GZVMpeM14cE3JkGtjqtWrL/w1xuOQVwavRbeV4KkPK2CDWBsxUDo5wQR2ucd/kX6s8PVPMVTP6WlAZwMkLArQDoy03UrXee01ppQwTLi0B6BaO+6SBcQ/n/Y7Qs/a5s77OfjUzJe+WKybanXPpm89SbXq3svjqTVbF1wwzZEZrkgYnCkLM7lSEVMfShDPNmo0QsDhb3wxPrVOAUNP3zYq0y/jwQ8EqUAXZSnyViAELq+5Se0ZpcykhYW1R4McXBsrZ/tAr/yRb5oI2vL5sNzjuHLkA94C63SX4L1KbY2yhy5CT74YKnyHH7SO5QVOfmN/2uL3iyI/Q1gcTLJ/hjs3+2wAaxiHopWzYrAb6yYy9nQTmo/N7njssdMDygaDGpHgKIiicmXDGh7H37mBgQ2amxUhYJeEhtENBTQFLB6zvbShmKdmwPdM7hzbtfDKyU+2RzjQ+pXOm3xltfRZXzv3IXtd2/YHf7sApHy1a+gO5ge74L0M6h6n3SEtDGllECjGEIccvx1zsHHukc0OqOdQrBmyvPKiZx7TdOV9VwME0TN11b1qPiqncofPV+OvKcq3uOje+qes5vASDszAvvzC9niDYGPXcL8HAnUB3Y9fwOWZc+QTadw9adAzZQCuPiWHp4KmzMx+Qv8G9oe+wJx6sJP9KeiVUgpVgJVgJVoKV5K8AAwDfyJ7liahBeQAAAABJRU5ErkJggg==",w="data:image/png;base64,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",C="data:image/png;base64,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",b="data:image/png;base64,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",B={class:"affective-slider"},V={class:"as-icon-wrapper as-icon-left"},E=["src","alt"],Q={key:0,class:"as-icon-label"},L=["name","id","value","onInput","onMousedown","onTouchstart"],x={class:"as-icon-wrapper as-icon-right"},W=["src","alt"],y={key:0,class:"as-icon-label"},K={class:"as-intensity-cue"},k=["src"],p={__name:"AffectiveSlider",props:{pleasureValue:{type:Number,default:.5,validator:r=>r>=0&&r<=1},arousalValue:{type:Number,default:.5,validator:r=>r>=0&&r<=1},randomizeOrder:{type:Boolean,default:!0},pleasureLeftLabel:{type:String,default:""},pleasureRightLabel:{type:String,default:""},arousalLeftLabel:{type:String,default:""},arousalRightLabel:{type:String,default:""}},emits:["update:pleasureValue","update:arousalValue","change","interacted"],setup(r,{emit:n}){const A=r,l=n,o=e.ref(A.pleasureValue),i=e.ref(A.arousalValue),c=e.ref([]),g=e.ref({pleasure:!1,arousal:!1}),R=a=>a==="pleasure"?m:h,q=a=>a==="pleasure"?w:C,N=a=>a==="pleasure"?A.pleasureLeftLabel:A.arousalLeftLabel,S=a=>a==="pleasure"?A.pleasureRightLabel:A.arousalRightLabel,D=e.computed(()=>c.value.map(a=>({type:a,value:a==="pleasure"?o.value:i.value,leftImage:R(a),rightImage:q(a),leftLabel:N(a),rightLabel:S(a)}))),I=(a,f)=>{const t=parseFloat(f.target.value);a==="pleasure"?o.value=t:i.value=t,l(`update:${a}Value`,t),l("change",{pleasure:o.value,arousal:i.value})},u=a=>{g.value[a]||(g.value[a]=!0,l("interacted",{type:a,pleasure:o.value,arousal:i.value}))},F=()=>{const a=["arousal","pleasure"];A.randomizeOrder?c.value=Math.random()>.5?[...a]:[...a].reverse():c.value=["pleasure","arousal"]};return e.onMounted(()=>{F()}),e.watch(()=>A.pleasureValue,a=>{o.value=a}),e.watch(()=>A.arousalValue,a=>{i.value=a}),(a,f)=>(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,t=>(e.openBlock(),e.createElementBlock("div",{key:t.type,class:e.normalizeClass(["as-container",t.type])},[e.createElementVNode("div",V,[e.createElementVNode("img",{src:t.leftImage,alt:`${t.type} left`,class:"as-icon"},null,8,E),t.leftLabel?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(t.leftLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:"range",name:`AS-${t.type}`,id:`AS-${t.type}`,value:t.value,min:"0",max:"1",step:"0.01",onInput:d=>I(t.type,d),onMousedown:d=>u(t.type),onTouchstart:d=>u(t.type),class:"as-slider"},null,40,L),e.createElementVNode("div",x,[e.createElementVNode("img",{src:t.rightImage,alt:`${t.type} right`,class:"as-icon"},null,8,W),t.rightLabel?(e.openBlock(),e.createElementBlock("div",y,e.toDisplayString(t.rightLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",K,[e.createElementVNode("img",{src:e.unref(b),alt:"intensity cue"},null,8,k)])],2))),128))]))}};if(typeof document<"u"){const r="affectiveslidervue-styles";if(!document.getElementById(r)){const n=document.createElement("style");n.id=r,n.textContent=`
|
|
2
|
+
.affective-slider{width:100%;max-width:800px;margin:0 auto;padding:20px}.as-container{margin:3em 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.as-icon{width:60px;height:60px;object-fit:contain}.as-icon-wrapper{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:4px}.as-icon-left{left:0}.as-icon-right{right:0}.as-icon-label{font-size:12px;color:#333;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.as-slider{-webkit-appearance:none;width:calc(100% - 140px);height:20px;background:#ddd;border-radius:10px;outline:none;margin:0 70px;cursor:pointer}.as-slider:focus{background:#ccc}.as-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-webkit-slider-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-webkit-slider-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-moz-range-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-moz-range-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-track{width:100%;height:20px;background:#ddd;border-radius:10px;border:none}.as-slider:focus::-moz-range-track{background:#ccc}.as-slider::-ms-track{width:100%;height:20px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}.as-slider::-ms-fill-lower{background:#ddd;border-radius:10px}.as-slider::-ms-fill-upper{background:#ddd;border-radius:10px}.as-slider::-ms-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer}.as-slider::-ms-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-ms-thumb:active{background:#505050;border:2px solid #fff}.as-slider:focus::-ms-fill-lower{background:#ccc}.as-slider:focus::-ms-fill-upper{background:#ccc}.as-intensity-cue{width:calc(100% - 140px);margin:10px 70px 0}.as-intensity-cue img{width:100%;height:auto}@media(max-width:768px){.as-icon{width:40px;height:40px}.as-slider{width:calc(100% - 100px);margin:0 50px}.as-intensity-cue{width:calc(100% - 100px);margin:10px 50px 0}.as-icon-label{font-size:10px;max-width:60px}}
|
|
3
|
+
`,document.head.appendChild(n)}}s.AffectiveSlider=p,s.default=p,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/package.json
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@konbraphat51/affectiveslidervue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/affective-slider-vue.umd.js",
|
|
6
6
|
"module": "./dist/affective-slider-vue.es.js",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
9
10
|
"import": "./dist/affective-slider-vue.es.js",
|
|
10
11
|
"require": "./dist/affective-slider-vue.umd.js"
|
|
11
12
|
},
|
|
12
13
|
"./dist/style.css": "./dist/affectiveslidervue.css",
|
|
14
|
+
"./style.css": "./dist/affectiveslidervue.css",
|
|
13
15
|
"./dist/images/*": "./dist/images/*"
|
|
14
16
|
},
|
|
15
17
|
"files": [
|
package/src/index.ts
CHANGED
|
@@ -1,4 +1,19 @@
|
|
|
1
1
|
import AffectiveSlider from './components/AffectiveSlider.vue'
|
|
2
2
|
|
|
3
|
+
// Auto-inject CSS styles when the component is imported
|
|
4
|
+
if (typeof document !== 'undefined') {
|
|
5
|
+
const styleId = 'affectiveslidervue-styles'
|
|
6
|
+
|
|
7
|
+
// Check if styles are already injected
|
|
8
|
+
if (!document.getElementById(styleId)) {
|
|
9
|
+
const style = document.createElement('style')
|
|
10
|
+
style.id = styleId
|
|
11
|
+
style.textContent = `
|
|
12
|
+
.affective-slider{width:100%;max-width:800px;margin:0 auto;padding:20px}.as-container{margin:3em 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.as-icon{width:60px;height:60px;object-fit:contain}.as-icon-wrapper{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:4px}.as-icon-left{left:0}.as-icon-right{right:0}.as-icon-label{font-size:12px;color:#333;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.as-slider{-webkit-appearance:none;width:calc(100% - 140px);height:20px;background:#ddd;border-radius:10px;outline:none;margin:0 70px;cursor:pointer}.as-slider:focus{background:#ccc}.as-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-webkit-slider-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-webkit-slider-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer;transition:all .2s ease}.as-slider::-moz-range-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-moz-range-thumb:active{background:#505050;border:2px solid #fff}.as-slider::-moz-range-track{width:100%;height:20px;background:#ddd;border-radius:10px;border:none}.as-slider:focus::-moz-range-track{background:#ccc}.as-slider::-ms-track{width:100%;height:20px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}.as-slider::-ms-fill-lower{background:#ddd;border-radius:10px}.as-slider::-ms-fill-upper{background:#ddd;border-radius:10px}.as-slider::-ms-thumb{width:35px;height:35px;border-radius:50%;background:#fff;border:2px solid #505050;cursor:pointer}.as-slider::-ms-thumb:hover{background:#505050;border:2px solid #fff;box-shadow:0 0 12px #212121}.as-slider::-ms-thumb:active{background:#505050;border:2px solid #fff}.as-slider:focus::-ms-fill-lower{background:#ccc}.as-slider:focus::-ms-fill-upper{background:#ccc}.as-intensity-cue{width:calc(100% - 140px);margin:10px 70px 0}.as-intensity-cue img{width:100%;height:auto}@media(max-width:768px){.as-icon{width:40px;height:40px}.as-slider{width:calc(100% - 100px);margin:0 50px}.as-intensity-cue{width:calc(100% - 100px);margin:10px 50px 0}.as-icon-label{font-size:10px;max-width:60px}}
|
|
13
|
+
`
|
|
14
|
+
document.head.appendChild(style)
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
3
18
|
export { AffectiveSlider }
|
|
4
19
|
export default AffectiveSlider
|