@rypen-dev/shared-components 8.0.10 → 8.0.12
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/dist/index.js +512 -503
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/scss/_variables.scss +8 -0
- package/scss/partials/_forms.scss +10 -10
- package/scss/partials/_slideshow.scss +1 -1
- package/src/components/FileUpload.vue +6 -3
- package/src/components/Pagination.vue +0 -1
- package/src/components/SearchableDropdownInput.vue +4 -1
- package/src/components/Slideshow.vue +12 -14
- package/src/components/SwitchInput.vue +5 -3
- package/src/components/TimespanInput.vue +5 -5
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rypen-dev/shared-components",
|
|
3
3
|
"description": "Shared styles and Vuejs ui components for Rypen projects. Starting with version 8, this package is built with Vite 7 and Vue 3.",
|
|
4
|
-
"version": "8.0.
|
|
4
|
+
"version": "8.0.12",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"scripts": {
|
package/scss/_variables.scss
CHANGED
|
@@ -167,6 +167,14 @@ $credit-card-icon-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3
|
|
|
167
167
|
$mail-icon-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzUgMjQiPg0KICA8cmVjdCBmaWxsPSIjZjdmN2Y3IiBzdHJva2U9IiM4ZDdiY2QiIHg9Ii41IiB5PSIuNSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjIzIiByeD0iMyIgcnk9IjMiLz4NCiAgPGxpbmUgc3Ryb2tlPSIjOGQ3YmNkIiB4MT0iMzMuNjkiIHkxPSIyMi41MiIgeDI9IjIyLjA3IiB5Mj0iMTEuODkiLz4NCiAgPGxpbmUgc3Ryb2tlPSIjOGQ3YmNkIiB4MT0iMS4yOCIgeTE9IjIyLjUyIiB4Mj0iMTQiIHkyPSIxMiIvPg0KICA8cGF0aCBmaWxsPSIjZDBlYmVjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzhkN2JjZCIgZD0iTTMzLjYyLDEuMzhjLS41NC0uNTQtMS4yOS0uODgtMi4xMi0uODhIMy41Yy0uNjktLjAyLTEuNy40NC0yLjA3LjgybC0uMTEuMTQsNS41Niw2LjE5czUuMDksNi4wMSwxMC41OSw2LjAxLDExLjAzLTYuMTUsMTEuMDMtNi4xNWw1LjE1LTYuMDMtLjAyLS4xWiIvPg0KPC9zdmc+' !default;
|
|
168
168
|
$check-icon-image: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCAyNCI+DQogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNDIpICAtLT4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLnN0MCwgLnN0MSwgLnN0MiwgLnN0MywgLnN0NCwgLnN0NSB7DQogICAgICAgIHN0cm9rZTogIzhkN2JjZDsNCiAgICAgIH0NCg0KICAgICAgLnN0MCwgLnN0NiB7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCg0KICAgICAgLnN0MCwgLnN0NCwgLnN0NSB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiAxMDsNCiAgICAgIH0NCg0KICAgICAgLnN0MSB7DQogICAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgICB9DQoNCiAgICAgIC5zdDEsIC5zdDIgew0KICAgICAgICBmaWxsOiAjZjdmN2Y3Ow0KICAgICAgfQ0KDQogICAgICAuc3QzIHsNCiAgICAgICAgZmlsbDogI2QwZWJlYzsNCiAgICAgIH0NCg0KICAgICAgLnN0NiB7DQogICAgICAgIGZpbGw6ICM4ZDdiY2Q7DQogICAgICB9DQoNCiAgICAgIC5zdDQgew0KICAgICAgICBzdHJva2Utd2lkdGg6IDJweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxyZWN0IGNsYXNzPSJzdDEiIHg9IjMiIHk9Ii41IiB3aWR0aD0iMzQiIGhlaWdodD0iMjMiIHJ4PSIzIiByeT0iMyIvPg0KICA8cmVjdCBjbGFzcz0ic3QyIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIyMyIgcng9IjMiIHJ5PSIzIi8+DQogIDxyZWN0IGNsYXNzPSJzdDMiIHg9IjEyLjQiIHk9IjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0LjYiLz4NCiAgPGxpbmUgY2xhc3M9InN0NSIgeDE9IjI1LjEiIHkxPSIxOS41IiB4Mj0iMzYuNSIgeTI9IjE5LjUiLz4NCiAgPHBhdGggY2xhc3M9InN0NiIgZD0iTTYuMSw2LjZ2LTEuM2MuMywwLC43LjMsMS4xLjVsLjYtMWMtLjUtLjMtMS0uNS0xLjYtLjZ2LS41aC0uOXYuNWMtMS4xLjEtMS44LjctMS44LDEuN2gwYzAsMSwuNiwxLjUsMS44LDEuOHYxLjRjLS41LS4xLS45LS4zLTEuNC0uN2wtLjcsMWMuNi40LDEuMy43LDIsLjh2LjloLjl2LS44YzEuMS0uMSwxLjgtLjcsMS44LTEuN2gwYzAtMS0uNi0xLjUtMS45LTEuOFpNNS4zLDYuNGMtLjUtLjItLjYtLjMtLjYtLjZoMGMwLS4zLjItLjUuNi0uNXYxLjJaTTYuNyw4LjVjMCwuMy0uMi41LS42LjV2LTEuMmMuNS4yLjYuMy42LjZoMFoiLz4NCiAgPGxpbmUgY2xhc3M9InN0NCIgeDE9IjMuMiIgeTE9IjE5IiB4Mj0iMTkuMiIgeTI9IjE5Ii8+DQogIDxsaW5lIGNsYXNzPSJzdDQiIHgxPSIzLjIiIHkxPSIxNS41IiB4Mj0iMTkuMiIgeTI9IjE1LjUiLz4NCiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjgsMTYuN2MuOS4yLDIuNCwwLDIuOC0uNS40LS41LjYtMS41LjEtMS45LS40LS40LTEuNC0uMS0xLjYuNC0uNC43LjksMi41LDEuOSwyLjhzMi43LTIuNSwzLjctMi4xYy43LjIsMCwxLjguNywyLC43LjIsMS44LS44LDIuNi0xLjgiLz4NCjwvc3ZnPg==' !default;
|
|
169
169
|
|
|
170
|
+
$credit-card-no-color-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDM1IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMDtzdHJva2U6IzAwMDtmaWxsLW9wYWNpdHk6MC4wMzt9LmNscy0ye2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi1jcmVkaXQtY2FyZC1kZWZhdWx0LW5vY29sb3I8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNCIgaGVpZ2h0PSIyMyIgcng9IjMiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01LjgzLDE2SDE3LjV2Mkg1LjgzWm0wLTRIMjUuMjh2Mkg1LjgzWiIvPjwvc3ZnPg==';
|
|
171
|
+
$credit-card-visa-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMyMjREQkEiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS45MjUgMTYuNjc0SDkuODc0bC0xLjUzOC02Yy0uMDczLS4yNzYtLjIyOC0uNTItLjQ1Ni0uNjM1QTYuNTc1IDYuNTc1IDAgMCAwIDYgOS40MDR2LS4yMzFoMy4zMDRjLjQ1NiAwIC43OTguMzQ3Ljg1NS43NWwuNzk4IDQuMzI4IDIuMDUtNS4wNzhoMS45OTRsLTMuMDc2IDcuNTAxem00LjIxNiAwaC0xLjkzN2wxLjU5NS03LjUwMWgxLjkzN2wtMS41OTUgNy41MDF6bTQuMTAxLTUuNDIzYy4wNTctLjQwNC4zOTktLjYzNS43OTgtLjYzNWEzLjU0IDMuNTQgMCAwIDEgMS44OC4zNDZsLjM0Mi0xLjYxNUE0LjgwOCA0LjgwOCAwIDAgMCAyMS40OTYgOWMtMS44OCAwLTMuMjQ4IDEuMDM5LTMuMjQ4IDIuNDgxIDAgMS4wOTcuOTY5IDEuNjczIDEuNjUzIDIuMDIuNzQuMzQ2IDEuMDI1LjU3Ny45NjguOTIzIDAgLjUxOS0uNTcuNzUtMS4xMzkuNzVhNC43OTUgNC43OTUgMCAwIDEtMS45OTQtLjQ2MmwtLjM0MiAxLjYxNmE1LjQ4IDUuNDggMCAwIDAgMi4xMDguNDA0YzIuMTA4LjA1NyAzLjQxOC0uOTgxIDMuNDE4LTIuNTM5IDAtMS45NjItMi42NzgtMi4wNzctMi42NzgtMi45NDJ6bTkuNDU3IDUuNDIzbC0xLjUzOC03LjUwMWgtMS42NTJhLjg1OC44NTggMCAwIDAtLjc5OC41NzdsLTIuODQ4IDYuOTI0aDEuOTk0bC4zOTgtMS4wOTZoMi40NWwuMjI4IDEuMDk2aDEuNzY2em0tMi45MDUtNS40ODFsLjU2OSAyLjgyN2gtMS41OTVsMS4wMjYtMi44Mjd6Ii8+PC9nPjwvc3ZnPg==';
|
|
172
|
+
$credit-card-discover-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkEyMDAiIHJ4PSIzLjM1OCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yOS44ODMgMTIuMzJoLS4yNjV2LTEuNDA4aC4yNjVjLjU4MiAwIC44NDcuMjYuODQ3LjY3NyAwIC40Ny0uMjY1LjczLS44NDcuNzN6bTEuOC0uNzgzYzAtLjg4Ni0uNTgzLTEuMzU1LTEuNjQxLTEuMzU1aC0xLjMyM3Y0LjY0aC45di0xLjg3N2guMTA1bDEuMjE3IDEuODc2aDEuMTEybC0xLjQzLTEuOTI4YTEuMjY5IDEuMjY5IDAgMCAwIDEuMDYtMS4zNTZ6bS02LjA4NyAzLjI4NGgyLjU0di0uNzgyaC0xLjY0di0xLjI1aDEuNTg3di0uNzgzaC0xLjU4N3YtMS4wNDJoMS42NHYtLjc4MmgtMi41NHY0LjY0ek0yMi45NSAxMy4zMWwtMS4yMTctMy4xMjhoLS45NTNsMS45NTggNC43NDNoLjQ3N2wxLjk1OC00Ljc0M2gtLjk1M2wtMS4yNyAzLjEyOHptLTEwLjc0My0uNzgyYzAgMS4zMDMgMS4wNTggMi4zOTcgMi4zODEgMi4zOTcuNDI0IDAgLjc5NC0uMTA0IDEuMTY1LS4yNnYtMS4wNDNjLS4yNjUuMzEzLS42MzYuNTIyLTEuMDU5LjUyMi0uODQ3IDAtMS41MzUtLjYyNi0xLjUzNS0xLjQ2di0uMTA0Yy0uMDUzLS44MzQuNjM1LTEuNTY0IDEuNDgyLTEuNjE2LjQyNCAwIC44NDcuMjA5IDEuMTEyLjUyMXYtMS4wNDJjLS4zMTgtLjIwOS0uNzQxLS4yNi0xLjExMi0uMjYtMS4zNzYtLjEwNS0yLjQzNC45OS0yLjQzNCAyLjM0NXptLTEuNjQtLjU3NGMtLjUzLS4yMDgtLjY4OS0uMzEyLS42ODktLjU3My4wNTMtLjMxMy4zMTgtLjU3My42MzUtLjUyMS4yNjUgMCAuNTMuMTU2Ljc0MS4zNjVsLjQ3Ni0uNjI2Yy0uMzctLjMxMy0uODQ2LS41MjEtMS4zMjMtLjUyMWExLjM1IDEuMzUgMCAwIDAtMS40MjkgMS4yNXYuMDUzYzAgLjYyNS4yNjUuOTkgMS4xMTIgMS4yNTEuMjEyLjA1Mi40MjMuMTU2LjYzNS4yNmEuNTQ3LjU0NyAwIDAgMSAuMjY1LjQ3YzAgLjM2NS0uMzE4LjY3Ny0uNjM2LjY3N2gtLjA1MmMtLjQyNCAwLS43OTQtLjI2LS45NTMtLjYyNWwtLjU4Mi41NzNjLjMxNy41NzQuOTUyLjg4NiAxLjU4Ny44ODZhMS40ODQgMS40ODQgMCAwIDAgMS41ODgtMS40MDd2LS4xNTZjLS4wNTMtLjYyNi0uMzE3LS45MzktMS4zNzYtMS4zNTZ6bS0zLjA3IDIuODY3aC45di00LjYzOWgtLjl2NC42NHptLTEuOC0xLjE0N2ExLjY5MSAxLjY5MSAwIDAgMS0xLjIxNy4zNjVoLS4yNjV2LTMuMDc1aC4yNjVjLjQyMy0uMDUyLjkuMTA0IDEuMjE3LjM2NS4zMTguMzEzLjQ3Ny43My40NzcgMS4xNDcgMCAuNDY5LS4xNi44ODYtLjQ3NyAxLjE5OHpNNC42NCAxMC4xODJIMy4zMTZ2NC42NGgxLjMyM2MuNTgyLjA1MSAxLjE2NC0uMTU3IDEuNjQtLjUyMi41My0uNDcuODQ3LTEuMDk1Ljg0Ny0xLjc3Mi4wNTMtMS4yNTEtLjk1Mi0yLjI5NC0yLjIyMy0yLjM0Nkg0LjY0em0xMy44MTMtLjEwN2MtMS4zMjMgMC0yLjQzNSAxLjA0Mi0yLjQzNSAyLjM5NyAwIDEuMzAzIDEuMDU5IDIuMzk4IDIuNDM1IDIuNDUgMS4zNzYuMDUyIDIuNDM0LTEuMDQyIDIuNDg3LTIuMzk4LS4wNTMtMS4zNTUtMS4xMTEtMi40NS0yLjQ4Ny0yLjQ1eiIvPjwvZz48L3N2Zz4=';
|
|
173
|
+
$credit-card-amex-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDdFQ0QiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zMC43NDUgMTYuOTg5SDI5LjIxdi0uNzc0aDEuMzRzLjQ5LjA1Ny40OS0uMjY2YzAtLjMwMy0uNzMxLS4yOC0uNzMxLS4yOHMtMS4xOTIuMTAzLTEuMTkyLTFjMC0xLjA5OCAxLjA3Ny0xLjAzNSAxLjA3Ny0xLjAzNWgxLjY1MnYuNzg1aC0xLjMzcy0uNDYtLjA5Mi0uNDYuMjM5YzAgLjI3Ny42MjcuMjM4LjYyNy4yMzhTMzIgMTQuOCAzMiAxNS44MTJjMCAxLjA4NC0uODUgMS4xODEtMS4xNSAxLjE4MS0uMDY1IDAtLjEwNS0uMDA0LS4xMDUtLjAwNHptLTcuNjY2LjAwNVYxMy42NGgyLjY5M3YuNzc5aC0xLjgyNHYuNTE2aDEuNzc5di43NjNoLTEuNzh2LjU3aDEuODI1di43MjZIMjMuMDh6bTQuNjIyLS4wMDVoLTEuNTM3di0uNzc0aDEuMzQ3cy40ODMuMDU3LjQ4My0uMjY2YzAtLjMwMy0uNzMtLjI4LS43My0uMjhzLTEuMTkyLjEwMy0xLjE5Mi0xYzAtMS4wOTggMS4wNzYtMS4wMzUgMS4wNzYtMS4wMzVoMS42NTl2Ljc4NUgyNy40N3MtLjQ2LS4wOTItLjQ2LjIzOWMwIC4yNzcuNjI2LjIzOC42MjYuMjM4czEuMzE5LS4wOTYgMS4zMTkuOTE2YzAgMS4wODQtLjg1IDEuMTgxLTEuMTUgMS4xODEtLjA2NiAwLS4xMDUtLjAwNC0uMTA1LS4wMDR6bS0xMS42NDMuMDA2aC0uNzU0bC0uOTE2LS45OTYtLjkyLjk5NmgtMy4yMTJ2LTMuMzY2SDEzLjRsLjk5IDEuMDY4Ljk5NS0xLjA2M2guNjYydi0uMDA1aDIuMDk1czEuMDk0LS4xMiAxLjA5NC45ODhjMCAuOTktLjM2NCAxLjI5Ny0xLjQ4IDEuMjk3aC0uODQ1djEuMDhoLS44NTJ6bS0xLjA4Mi0xLjY1NGwxLjA3IDEuMTd2LTIuMzM3bC0xLjA3IDEuMTY3em0tMy44NS45MjZoMS44MThsLjg1Mi0uOTI2LS44NTItLjkyMmgtMS44MTl2LjUxN2gxLjc3M3YuNzYyaC0xLjc3M3YuNTY5em01Ljc4NC0xLjIzaC44OTFjLjI2IDAgLjQ3My0uMTQxLjQ3My0uMzE3IDAtLjE3Ni0uMjEzLS4zMTktLjQ3My0uMzE5aC0uODkxdi42Mzd6TTIxLjgxMyAxN3YtLjY1NHMtLjAzNS0uNTEyLS41NzYtLjUxMmgtLjg0VjE3aC0uODYzdi0zLjM2aDIuMDk1czEuMDkzLS4xMzEgMS4wOTMuOTgzYzAgLjU4LS40ODMuNzg1LS40ODMuNzg1cy40MTQuMTkzLjQxNC43NjFWMTdoLS44NHptLTEuNDE2LTEuOTU2aC44OTJjLjI2IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE4IDAtLjE3Ny0uMjEyLS4zMTktLjQ3Mi0uMzE5aC0uODkydi42Mzd6bS0uNjUtMi42NDRoLjg2OFY5LjAzaC0uODY4djMuMzd6bS02LjY4OC0uMDExdi0zLjM2aDIuNjk0di43ODRoLTEuODI1di41MThoMS43Nzl2Ljc2MWgtMS43Nzl2LjU3aDEuODI1di43MjdoLTIuNjk0em0tMS4zNTMgMHYtMi4zMmwtMS4wODEgMi4zMmgtLjcwOEw4LjgyOSAxMC4wOHYyLjMxSDcuMTI1bC0uMy0uNzA2SDUuMjVsLS4zMDUuNzA1SDRsMS40MzMtMy4zNmgxLjIxNGwxLjMxMyAzLjA4N1Y5LjAyOGgxLjM2NGwuOTUgMi4wODcuOTQzLTIuMDg3aDEuMzY0djMuMzYxaC0uODc1em0tNi4wODktMS41NjRoLjg0bC0uNDItMS0uNDIgMXptMjMuMDUgMS41NjRsLTEuMzY5LTIuMjQ2djIuMjQ2aC0xLjY5MmwtLjMwNS0uNzA1aC0xLjU3N2wtLjMuNzA1aC0xLjM1MnMtMS4xNjItLjE2NS0xLjE2Mi0xLjU4NmMwLTEuODY1IDEuMzE4LTEuNzkyIDEuMzYzLTEuODAzbDEuMDY1LjAyOHYuNzU3bC0uODc0LjAxMXMtLjU3IDAtLjY0LjczNGEyLjM5NSAyLjM5NSAwIDAgMC0uMDEuMjMzYy4wMDMgMS4xMzYuOTk3Ljc4NCAxLjAzLjc3M2wxLjA3LTIuNTA4aDEuMjA4bDEuMjk1IDMuMDQ4VjkuMDI4aDEuMjJsMS4zNTMgMi4yMTNWOS4wMjhoLjg3djMuMzYxaC0xLjE5M3ptLTQuNTc1LTEuNTY0aC44NGwtLjQxNC0xLS40MjYgMXpNMTguNDggMTIuMzl2LS42NTRzLS4wMzQtLjUxMi0uNTc1LS41MTJoLS44NHYxLjE2NkgxNi4yVjkuMDNoMi4wOTVzMS4wOTQtLjEzMSAxLjA5NC45ODNjMCAuNTgtLjQ4NC43ODUtLjQ4NC43ODVzLjQyLjE5My40Mi43NjJ2LjgzaC0uODQ2em0tMS40MTUtMS45NTZoLjg5MmMuMjU5IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE5IDAtLjE3Ni0uMjEzLS4zMTgtLjQ3Mi0uMzE4aC0uODkydi42Mzd6Ii8+PC9nPjwvc3ZnPg==';
|
|
174
|
+
$credit-card-mastercard-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMzNTNBNDgiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRjVFMDAiIGQ9Ik0xNy42ODQgNy4zNzNhNi43MzggNi43MzggMCAwIDEgNC40MjEtMS42NDljMy43NjUgMCA2LjgxNiAzLjA5IDYuODE2IDYuOTAzIDAgMy44MTItMy4wNTEgNi45MDMtNi44MTYgNi45MDMtMS42ODcgMC0zLjIzLS42Mi00LjQyLTEuNjVhNi43MzggNi43MzggMCAwIDEtNC40MjIgMS42NWMtMy43NjQgMC02LjgxNi0zLjA5LTYuODE2LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRUQwMDA2IiBkPSJNMTcuNjg0IDcuMzczYTYuOTI0IDYuOTI0IDAgMCAwLTIuMzk1IDUuMjU0YzAgMi4xMDQuOTMgMy45ODggMi4zOTUgNS4yNTRhNi43MzggNi43MzggMCAwIDEtNC40MiAxLjY0OWMtMy43NjUgMC02LjgxNy0zLjA5LTYuODE3LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRjlBMDAwIiBkPSJNMTcuNjg0IDE3Ljg4YTYuOTI0IDYuOTI0IDAgMCAwIDIuMzk1LTUuMjUzYzAtMi4xMDQtLjkzLTMuOTg4LTIuMzk1LTUuMjU0YTYuNzM4IDYuNzM4IDAgMCAxIDQuNDIxLTEuNjQ5YzMuNzY1IDAgNi44MTYgMy4wOSA2LjgxNiA2LjkwMyAwIDMuODEyLTMuMDUxIDYuOTAzLTYuODE2IDYuOTAzLTEuNjg3IDAtMy4yMy0uNjItNC40Mi0xLjY1eiIvPjwvZz48L3N2Zz4=';
|
|
175
|
+
|
|
176
|
+
$caret-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgICA8cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0YyNEE0MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwbDYuMTE5IDZMMTggMTAiLz4NCjwvc3ZnPg0K' !default;
|
|
177
|
+
|
|
170
178
|
// Fonts
|
|
171
179
|
$body-font-family: 'Open Sans', sans-serif !default;
|
|
172
180
|
$headline-font-family: 'Ubuntu', sans-serif !default;
|
|
@@ -920,24 +920,24 @@ label {
|
|
|
920
920
|
}
|
|
921
921
|
|
|
922
922
|
&.no-color::before {
|
|
923
|
-
background-image: url(
|
|
923
|
+
background-image: url($credit-card-no-color-image);
|
|
924
924
|
}
|
|
925
925
|
|
|
926
926
|
&.visa::before {
|
|
927
|
-
background-image: url(
|
|
927
|
+
background-image: url($credit-card-visa-image) !important;
|
|
928
928
|
}
|
|
929
929
|
|
|
930
930
|
&.discover::before {
|
|
931
|
-
background-image: url(
|
|
931
|
+
background-image: url($credit-card-discover-image) !important;
|
|
932
932
|
}
|
|
933
933
|
|
|
934
934
|
&.american-express::before {
|
|
935
|
-
background-image: url(
|
|
935
|
+
background-image: url($credit-card-amex-image) !important;
|
|
936
936
|
}
|
|
937
937
|
|
|
938
938
|
&.mastercard::before,
|
|
939
939
|
&.maestro::before {
|
|
940
|
-
background-image: url(
|
|
940
|
+
background-image: url($credit-card-mastercard-image) !important;
|
|
941
941
|
}
|
|
942
942
|
}
|
|
943
943
|
|
|
@@ -1536,24 +1536,24 @@ body.hover-capable {
|
|
|
1536
1536
|
}
|
|
1537
1537
|
|
|
1538
1538
|
&.no-color span {
|
|
1539
|
-
background-image: url(
|
|
1539
|
+
background-image: url($credit-card-no-color-image);
|
|
1540
1540
|
}
|
|
1541
1541
|
|
|
1542
1542
|
&.visa span {
|
|
1543
|
-
background-image: url(
|
|
1543
|
+
background-image: url($credit-card-visa-image) !important;
|
|
1544
1544
|
}
|
|
1545
1545
|
|
|
1546
1546
|
&.discover span {
|
|
1547
|
-
background-image: url(
|
|
1547
|
+
background-image: url($credit-card-discover-image) !important;
|
|
1548
1548
|
}
|
|
1549
1549
|
|
|
1550
1550
|
&.american-express span {
|
|
1551
|
-
background-image: url(
|
|
1551
|
+
background-image: url($credit-card-amex-image) !important;
|
|
1552
1552
|
}
|
|
1553
1553
|
|
|
1554
1554
|
&.mastercard span,
|
|
1555
1555
|
&.maestro span {
|
|
1556
|
-
background-image: url(
|
|
1556
|
+
background-image: url($credit-card-mastercard-image) !important;
|
|
1557
1557
|
}
|
|
1558
1558
|
}
|
|
1559
1559
|
}
|
|
@@ -18,7 +18,10 @@
|
|
|
18
18
|
},
|
|
19
19
|
|
|
20
20
|
file: [Object, File],
|
|
21
|
-
id:
|
|
21
|
+
id: {
|
|
22
|
+
type: String,
|
|
23
|
+
required: true,
|
|
24
|
+
},
|
|
22
25
|
updating: {
|
|
23
26
|
type: Boolean,
|
|
24
27
|
default: false,
|
|
@@ -44,11 +47,12 @@
|
|
|
44
47
|
const emit = defineEmits(['change']);
|
|
45
48
|
|
|
46
49
|
const reader = ref(null);
|
|
50
|
+
const internalFile = ref('');
|
|
47
51
|
const fileupload = ref(null);
|
|
48
52
|
|
|
49
53
|
onMounted(() => {
|
|
50
54
|
if (props.file) {
|
|
51
|
-
internalFile.value = props.assetBasePath + props.file;
|
|
55
|
+
internalFile.value = props.assetBasePath + props.file;
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
reader.value = new FileReader();
|
|
@@ -60,7 +64,6 @@
|
|
|
60
64
|
if (files[0]) {
|
|
61
65
|
readFile(files[0]);
|
|
62
66
|
|
|
63
|
-
// emit the file change
|
|
64
67
|
emit('change', files[0]);
|
|
65
68
|
}
|
|
66
69
|
}
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<div
|
|
4
|
-
<div
|
|
5
|
-
<div v-
|
|
6
|
-
<div v-for="(slide, index) in slides" class="slide" :class="{ current: index == currentIndex, prev: index === previousIndex, next: index === nextIndex }" :style="backgroundImage(slide)"></div>
|
|
7
|
-
</div>
|
|
8
|
-
<a v-if="slides.length > 1 || forceNav" class="nav prev show-for-medium" @click="goToPrevious"></a>
|
|
9
|
-
<a v-if="slides.length > 1 || forceNav" class="nav next show-for-medium" @click="goToNext"></a>
|
|
2
|
+
<div v-if="slides.length > 1" class="slideshow" :class="{ small: small }" @mouseover="triggerClearTimer" @mouseout="triggerStartTimer">
|
|
3
|
+
<div class="slideshow-wrapper">
|
|
4
|
+
<div v-touch:swipe.left="goToNext" v-touch:swipe.right="goToPrevious" v-touch-options="{ swipeTolerance: 50 }">
|
|
5
|
+
<div v-for="(slide, index) in slides" class="slide" :class="{ current: index == currentIndex, prev: index === previousIndex, next: index === nextIndex }" :style="backgroundImage(slide)"></div>
|
|
10
6
|
</div>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
</nav>
|
|
14
|
-
</div>
|
|
15
|
-
<div v-else>
|
|
16
|
-
<slot></slot>
|
|
7
|
+
<a v-if="slides.length > 1 || forceNav" class="nav prev show-for-medium" @click="goToPrevious"></a>
|
|
8
|
+
<a v-if="slides.length > 1 || forceNav" class="nav next show-for-medium" @click="goToNext"></a>
|
|
17
9
|
</div>
|
|
10
|
+
<nav class="slideshow-nav">
|
|
11
|
+
<a v-for="(slide, index) in slides" :aria-label="index" :class="{ current: index == currentIndex }" @click="goToSlide(index)"></a>
|
|
12
|
+
</nav>
|
|
13
|
+
</div>
|
|
14
|
+
<div v-else>
|
|
15
|
+
<slot></slot>
|
|
18
16
|
</div>
|
|
19
17
|
</template>
|
|
20
18
|
|
|
@@ -24,14 +24,16 @@
|
|
|
24
24
|
type: String,
|
|
25
25
|
default: 'No',
|
|
26
26
|
},
|
|
27
|
-
id:
|
|
27
|
+
id: {
|
|
28
|
+
type: String,
|
|
29
|
+
required: true,
|
|
30
|
+
},
|
|
28
31
|
cssClass: String,
|
|
29
32
|
});
|
|
33
|
+
const emit = defineEmits(['change']);
|
|
30
34
|
|
|
31
35
|
const internalValue = ref(props.value);
|
|
32
36
|
|
|
33
|
-
const emit = defineEmits(['change']);
|
|
34
|
-
|
|
35
37
|
function change() {
|
|
36
38
|
internalValue.value = !internalValue.value;
|
|
37
39
|
emit('change', internalValue.value);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="timespan">
|
|
3
3
|
<div class="input-container">
|
|
4
|
-
<input type="number" :min="0" :max="9999" @change="updateValue" :value="
|
|
4
|
+
<input type="number" :min="0" :max="9999" @change="updateValue" :value="daysValue" />
|
|
5
5
|
</div>
|
|
6
6
|
<div class="input-container select">
|
|
7
7
|
<select :value="selectedInterval" @change="updateTimeInterval">
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
daysValue.value = newValue;
|
|
57
57
|
selectedInterval.value = newInterval;
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
newInterval = TIMESPAN_INTERVALS.DAYS;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
daysValue.value = newValue;
|
|
85
85
|
selectedInterval.value = newInterval;
|
|
86
86
|
|
|
87
87
|
if (callback !== undefined) {
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
const { value } = e.target;
|
|
94
94
|
selectedInterval.value = value;
|
|
95
95
|
|
|
96
|
-
syncValueAndInterval(value, sendUpdate);
|
|
96
|
+
syncValueAndInterval(daysValue.value, sendUpdate);
|
|
97
97
|
};
|
|
98
98
|
|
|
99
99
|
function updateValue(e) {
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
};
|
|
107
107
|
|
|
108
108
|
const realValue = computed(() => {
|
|
109
|
-
let finalValue =
|
|
109
|
+
let finalValue = daysValue.value;
|
|
110
110
|
|
|
111
111
|
if (selectedInterval.value === TIMESPAN_INTERVALS.WEEKS) {
|
|
112
112
|
finalValue = finalValue * 7;
|