@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 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
- **Important:** You also need to import the CSS file in your application:
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 g, computed as R, onMounted as q, watch as V, createElementBlock as n, openBlock as o, Fragment as h, renderList as D, normalizeClass as I, createElementVNode as s, createCommentVNode as Q, toDisplayString as w, unref as S } from "vue";
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,iVBORw0KGgoAAAANSUhEUgAAApAAAAAwCAYAAACmNkqXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACVNJREFUeNrs3XuMVNUdwPHfnV0S+4fuEOsfaJudJtVifTD10dRUsxOJ9d0QibRqqKX1raGItlDFBorxUQwYhGKMitoaIiUU46uEmAwlxD/axWvSYGn/GbT9p9Z0tv4hhrDXc859nXvnvXdWZma/H7Ps3DsLgSvKl3PuOdfxPE8AAACAduW4BAAAACAgAQAAMG2G6510HIcrAwAAMOBOPPGkoudN5icnJ0Xf1qg+l44d81+r8/p4l3rtthWQyoZcLjeRyw2J+qw+HFdFZdV/rQctHfeTT/5f5bIDAAAcX3PnnlkK4k9/6BgsxkF4bER9Nsc6DNXngjouBHFozrVQrney0QjksmY/kgpKmT17thmp1JGpPrtDQzkTmME5Vweo/9pEpz4O3jdf4x48+DcCFAAAzHjz51+WV59U5B1TUedFkecHoT43OarOR9GnA1G9n/dfm0hs8qPrWWXPbjzpxgLq4W78wtVPppg6VWrx9XLOOedKGJwqKqPADEc8VYRaAWqOrUDNubt3v0WAAgCAnrBgwXUF9angT/2aD/9Yv+kfz1Ov8tb7Jeu1CcN2I7AXDPfCT0I1YSpAnVLthUu64oqrons19YimnmI3x/45V3074cdpcBy8Hx7v3LmDAAUAAJEbb1qseyQvcdgVo+gzHeiNhaN3egRQfVMMAzA4N2Ou1fCA/Do6HgFduPB6E5tBVJrADFM1OJ6IFhPZgRq8/7uXXiBAAQDoMbfedkcpjDl7pC8ovBH1qlgzSmiNBGJmBeQXGqDaj25eIokRTpGqJEc8oxFQHZyi3w/iVR8/vWUzAQoAQMrPli3Pq44rxjHn6RHAIPpMGI7q6NNTuulRwjAc29Wt+wEJSHQlQNVvyJYBeudd94RfHYx4SmKEU30bBKiEQRq87wfqhvXrCFAAQE9a+csHzaKQIPgSI31++EnifkB1rhTGX6ugI/oISDQIUGljCn75fb+QODCtKfhoSl4mkoFqT8GL+/DaNQQoAKChNWsfKYjZ7iUY6fP/rLLvDxzzv9IEYTRKGIZgs5W/+o8jGpCARJ8FqLbqodWJKXjRgSmSmII3U/Ii8RS89fWrHlhBgAJAj3t83fpk9AV/Pnj+0KDZHzCaKNajhGEw1hu8kF5bBwwCEj0VoK2m4PX/RB559DfRXyPNCKfEU/ASLkIK/5ppr4L3v8Jdfu9SAhQA2rBx05Yo+szKXxF7pG/URF8cgcVgdbBY57iIICDR+wEqrUZAVUiuf/Kp5AhoEKDWoqOJIGZrpuD11995+y0EKIC+8OzzLyamd8W/F7BgRWB6f8ApLwoBCEgQoE08/cxzDQNUrFXwYXCm9wG9efGNBCiAtr28bXtBokUg1khfHHhjqa1gSuF7nQYgi0RAQAI9EKBWSEbHL/1+W/Ta3gc0OJfYhqleoF6/cAEBCvSZP776uok+a4FHyVolPBKM/IWBmA+P2R8QICCBjgO0nh07Xw1XwJugtEc49Sp39e1EUKPWFHwQqOK4V135PQIUmILde972N4X2UpHnrwQeDbaLCReJFNTZQryHNBEIEJBAj+j0WfDaW3/aE4+MOvYiI3sKXpKLkCQeAS2NXUyAoi/t2/+OWQRibQWjAy+KPvXPvHARiH9O/FFDYRQQICAB2Dqcghf587798XupVfA1j+Kscw/ohRecR4BiysYPuGa7FxN4Et8P2GhRiJip4mgbGQAEJIBeD9B6/jr+rtTdZsmJn4QUBmr4pKQ4Zh33rG/OJUD73Pt/P1QMNn8Ozngl61Fx+sRY/NQQL/1UES4gQEACmMmmMgV/8P1DEm/76dQ8alM/CSm1Kr7qPxXJfBf3a4VRArQLDn/wYTyyp2LQ/8tENDU8IsF+gX7vmW1jCuYVEQiAgARwnHW8Cr5y+AOx9/2MH8XpLzIKn4SUDtQwSE/58skDEaD//fjjhs8LDhaBxItC/EUi6ali67ryaDgABCQAArRZeEl6hNNeZBRvwySpQPXvGf3SCSd0LUA/PXLERF9yUUg40uffD5iIvmiqmE2iARCQAHBcpKfgWz2KUzvy2WfRyKg/4lmzEf1eHZ3WApCx9FSxJx5TwQAISAAYMOXwhYo8HYjvWe/pEUjXOq4MDw9XWv042tGjR0upZkwH61jquMS/CgAEJAB8EVT0if9c9Cjy1Mfh1LEdfe7IyEnTfm/krFmzys0Cs5X/VaulFoFJgAIgIAHMaDWRpz4mUsdR9J126qnlQb8gs/P5TAH64b/+TYACICAB9LxE5NWJQCuAvOoZp3/d5ZJNn69+5bRMAXroH/8kQAEQkADako6MvVHy+fcHJqaK5517doVLNpi+ccbpmQL0wLvvEaAACEigTyQWfdRZFFIRa6pYve9e9J1vs1k3uu68b83LFKD79r9DgAIEJIB2eZ5U9B7aVuSpY8deFJKYKp5/aanMVcOgueS7F2UK0N173iZAAQIS6LcINNFXSUVfg/sBpfr9a67kfkCgiy6/bH6mAN256zUCFCAggSlJLwrZa0efJKeKKz9ctLDCJQMGw3ULrp1ygL68bXvwvPFI+njEPtZPIJLaJy0BBCRwHJVT0df0fsCf/Hgx9wMCyOSmGxZV6wTnrna//zPPbu0oQOu8DxCQmPFqngQiyU2iE6OEd91xa5lLBqCf3XbLkkwB+uTGzYmgTI9wqmMCFAQk+kJFUiN9juM0vB/wvnuXcj8gAEzRsqV3ZwrQxx5/ghFQEJDojiD62rofUMfiqgdWVLhqANB/Vq64P1OA/mr1WgIUBOSAKaeir+H9gPr1w2vXEIEAgI78evVDmQL0/p+vbBqgTMETkOhcR/cD6lHDDevXsSgEANA3nlj3WKYAvfuepYyAEpADqSLJkb5m+wPKlt9uKnPJAABoz+ZNGzMF6JIlPyVACchp02x/wHQEVl984XkWhQAA0Ae2bn0uU4Au+sENTMEPeEAmIk+S9wPWTBXv+MMrFf6zAgAAzWx/ZVumAL366msHaiP6HgxIr9X9gBVJTRW/+ebr3A8IAAB61htvvJYpQM8//8Ke2gd0ugKyJvIkcT+gp47jrWMOHBgv81sLAACgvvHxv2QK0Dlz5jQNUKm5B7T5CKijfoCak7lcznMcx83lhqrqtTp2xD/OTfjH5qOszqnPQ/q96kcf/Yf7AQEAAAZMvVasG5AAAABAIzkuAQAAADrxuQADACydKeERdC30AAAAAElFTkSuQmCC", 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
- }, T = ["name", "id", "value", "onInput", "onMousedown", "onTouchstart"], Y = { class: "as-icon-wrapper as-icon-right" }, X = ["src", "alt"], Z = {
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
- }, k = { class: "as-intensity-cue" }, z = ["src"], O = {
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: (t) => t >= 0 && t <= 1
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: (t) => t >= 0 && t <= 1
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(t, { emit: m }) {
51
- const a = t, c = m, r = g(a.pleasureValue), l = g(a.arousalValue), i = g([]), p = g({
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
- }), E = (A) => A === "pleasure" ? F : N, L = (A) => A === "pleasure" ? y : J, d = (A) => A === "pleasure" ? a.pleasureLeftLabel : a.arousalLeftLabel, W = (A) => A === "pleasure" ? a.pleasureRightLabel : a.arousalRightLabel, f = R(() => i.value.map((A) => ({
55
- type: A,
56
- value: A === "pleasure" ? r.value : l.value,
57
- leftImage: E(A),
58
- rightImage: L(A),
59
- leftLabel: d(A),
60
- rightLabel: W(A)
61
- }))), v = (A, B) => {
62
- const e = parseFloat(B.target.value);
63
- A === "pleasure" ? r.value = e : l.value = e, c(`update:${A}Value`, e), c("change", { pleasure: r.value, arousal: l.value });
64
- }, C = (A) => {
65
- p.value[A] || (p.value[A] = !0, c("interacted", { type: A, pleasure: r.value, arousal: l.value }));
66
- }, K = () => {
67
- const A = ["arousal", "pleasure"];
68
- a.randomizeOrder ? i.value = Math.random() > 0.5 ? [...A] : [...A].reverse() : i.value = ["pleasure", "arousal"];
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 q(() => {
71
- K();
72
- }), V(() => a.pleasureValue, (A) => {
73
- r.value = A;
74
- }), V(() => a.arousalValue, (A) => {
75
- l.value = A;
76
- }), (A, B) => (o(), n("div", P, [
77
- (o(!0), n(h, null, D(f.value, (e) => (o(), n("div", {
78
- key: e.type,
79
- class: I(["as-container", e.type])
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
- s("div", H, [
82
- s("img", {
83
- src: e.leftImage,
84
- alt: `${e.type} left`,
81
+ t("div", J, [
82
+ t("img", {
83
+ src: a.leftImage,
84
+ alt: `${a.type} left`,
85
85
  class: "as-icon"
86
- }, null, 8, b),
87
- e.leftLabel ? (o(), n("div", G, w(e.leftLabel), 1)) : Q("", !0)
86
+ }, null, 8, U),
87
+ a.leftLabel ? (l(), o("div", P, C(a.leftLabel), 1)) : w("", !0)
88
88
  ]),
89
- s("input", {
89
+ t("input", {
90
90
  type: "range",
91
- name: `AS-${e.type}`,
92
- id: `AS-${e.type}`,
93
- value: e.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: (u) => v(e.type, u),
98
- onMousedown: (u) => C(e.type),
99
- onTouchstart: (u) => C(e.type),
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, T),
102
- s("div", Y, [
103
- s("img", {
104
- src: e.rightImage,
105
- alt: `${e.type} right`,
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, X),
108
- e.rightLabel ? (o(), n("div", Z, w(e.rightLabel), 1)) : Q("", !0)
107
+ }, null, 8, T),
108
+ a.rightLabel ? (l(), o("div", Y, C(a.rightLabel), 1)) : w("", !0)
109
109
  ]),
110
- s("div", k, [
111
- s("img", {
112
- src: S(U),
110
+ t("div", z, [
111
+ t("img", {
112
+ src: q(F),
113
113
  alt: "intensity cue"
114
- }, null, 8, z)
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
- O as AffectiveSlider,
122
- O as default
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,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABa5JREFUeNrsnEFv5DQUxz2rip4qRaKn5YA5LbcNEnDdcAIuSz5C+gm2+wk2/QQpn2C6n2DKHqAcUKZCtBJbadLuhb3shAMjLSqakXoqlxKPnNY17yX2jJ3xRHmSpZHi2s7P//f8nMbp3dzckM7UrNfB6mB1sDpYHawOVgerg9XBah5Wr9ez3b/PCy3K46J4SL28KH8WJeMltzkolAm7gBULxmBERRkUZcq6X7CMi9IvSmgLFsijIVg+v7llAGFlytum6w4rKEpacZNMYTGv59fADnndtAKcEWhNw/L4wDEVmHCfEOmDlaQi/jkFKwTcbcpV4VmKgzHSZ+AqLEhNNiFh0CCVOQWLDXQkDTI1GXQ1FxN5LAOdCbMJCwK160AOKatspArMFiwZ1LRmVWvaIimWKQGzAct1UKJbysAah5UqgqJ8VQosgFBtWwbWbxJWrAAq5tsS04mjt2DbgVQ3agKWL3UaKgR8qESGVjoo8cXa3pXqUduwRjU5jAooDHSdonT2lphrDqT0xhqsWNr5ezXLdRlQ44rtj2r+09dse6wIPbIBS+4EmrkpEEOqAq1qTkYV3BhqO6pIKVCoJmDFUkZcF0BTxUA7UoAV10wCBAEbJ7SaR6ZhibNGa4JnnWLklazOBlL9qnxOdSICTF3LwooUFBMrBtjSZXTzLtWcKtWYiBE03mVhDRRWsICryVYCqvvQMVBYbSPItZeB5UmrV5sMvLdlYIWq24Q1tYHsihiPBwqNPRF+/9BCWMeS++pvGgVliQHTayEsX041lnHDuoy4DXbvHheFRRVShjaY6D0LxyyK+HbbbIbc8z17QDpjdq4Ca8OAr6+jLfTGS6csDdsw0UiSJMT3fadv9Pj4mMRxvHpYlFISBIHzsLhli7axrBvOOz4/P3d/uZvNoJWvtMfC73xRWDmy7bl3Pcsy52EJY8yQDXUtrA0NWBRZcsOT01OS7H/vNKzhcAilCfKeMF82Zg15Y5TPgCjjw6K8+Pv9e3J6cko+3N52ElQ+Hsv3I+8NleKZSszKKnblWQnv7ds/nFXVePxOHG+OqApTnRYscZvzHXD9UBqQU/bv9TXJ81tlvQSqPJHvZRlYomyhx7TzYHV1deWkui7eXJDrAhgCwxPuaWbCDWdCJx4ALCuBnr3+3TlVvbm49awDwAVDVVXp5FniE9JnwPW9Ul1nZ6+dgcXGIqhqD6jyQvj90hSsA2EVDIA0YsjrzNX1z+XlykFNJn+RiztV7SGBnQopw9BkBi8mUtA/Lp6XQI+Ofpy7wKqMKfzno5/EXHG/RlV7So8qNM7usHglvgzyFTAbbLbmT1S3i5zr6dOQfLC52XicevXqkFzeqfszIHBHwoQzmJ+IFzEmOsqaSTPQJ///B8aQK2w+WDboJhUGgNoBQLExJ5JHENPKKm0kZL37SGd9PnuNKYzFyTT9RQZ1AFQdCKvgkHsIUVHWIrDKt+/qBnULbLMA9fU335KHDz+ytp1hoISVDxvTrqCqGXfR3CYsZrEQIGd8dqCETowN5NGjT8nnX3xJtra2jAXyk99+LXYPYzFUPEdA3cbTGqDGYclyrgLm87rUFDTmciwtkHYMGRKjyjGkQow94HVJU7A8PgBfAVipxmfiosDiGQPHnlbUuSjLmyaTSeFy78S4JC48+8ifyqAy7n5EF5aNExZBTf2YIC/SFvBuCmj3SqG+qtOsMal+pSAijpywwICpvidanhfUeQNZ57hvQgyf3TF1oFx2yXJZ3iFqh78puXuzD3vykSu2VR4x9qVN8g6Bn7835oZQurDK84YJoMZYt6E2n2SlSBwcE4dPssqzjJ1fNnFGunyuNiBrfkYaWraxgJ1yVYSk+nXtgLT49D3kKja/65CQFnzXAXKfyAC4lXwxZNXfoqHk7ns0H1eog6UMK/8WTfeVIw3rYHWwOlgdrHWy/wQYAM+kf0tZT+XwAAAAAElFTkSuQmCC",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.5",
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