├── .github
    └── FUNDING.yml
├── .gitignore
├── LICENSE
├── README.md
├── composer.json
├── dist
    ├── css
    │   └── filter.css
    ├── js
    │   └── filter.js
    └── mix-manifest.json
├── nova.mix.js
├── package.json
├── resources
    ├── css
    │   └── filter.css
    └── js
    │   ├── components
    │       └── Filter.vue
    │   └── filter.js
├── screenshots
    ├── dark.png
    └── light.png
├── src
    ├── FilterServiceProvider.php
    └── SliderFilter.php
├── tailwind.config.js
├── webpack.mix.js
└── yarn.lock


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: milewski
 4 | patreon: # Replace with a single Patreon username
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /.idea
 2 | /vendor
 3 | /node_modules
 4 | package-lock.json
 5 | composer.phar
 6 | composer.lock
 7 | phpunit.xml
 8 | .phpunit.result.cache
 9 | .DS_Store
10 | Thumbs.db
11 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 Digital Creative
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Nova Slider Filter
  2 | 
  3 | [![Latest Version on Packagist](https://img.shields.io/packagist/v/digital-creative/nova-slider-filter)](https://packagist.org/packages/digital-creative/nova-slider-filter)
  4 | [![Total Downloads](https://img.shields.io/packagist/dt/digital-creative/nova-slider-filter)](https://packagist.org/packages/digital-creative/nova-slider-filter)
  5 | [![License](https://img.shields.io/packagist/l/digital-creative/nova-slider-filter)](https://github.com/dcasia/nova-slider-filter/blob/main/LICENSE)
  6 | 
  7 | A Laravel Nova filter for picking range between a min/max value.
  8 | 
  9 | <picture>
 10 |   <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/dcasia/nova-slider-filter/main/screenshots/dark.png">
 11 |   <img alt="SliderFilter in Action" src="https://raw.githubusercontent.com/dcasia/nova-slider-filter/main/screenshots/light.png">
 12 | </picture>
 13 | 
 14 | # Installation
 15 | 
 16 | You can install the package via composer:
 17 | 
 18 | ```shell
 19 | composer require digital-creative/nova-slider-filter
 20 | ```
 21 | 
 22 | ## Basic Usage
 23 | 
 24 | Create a filter as usual and extend the `DigitalCreative\SliderFilter\SliderFilter` class
 25 | 
 26 | ```php
 27 | use DigitalCreative\SliderFilter\SliderFilter;
 28 | 
 29 | class MyFilter extends SliderFilter {
 30 | 
 31 |     public function apply(NovaRequest $request, $query, $values)
 32 |     {
 33 |         // $values will be an array when using ->range() and int when using ->single()
 34 |     }
 35 |     
 36 | }
 37 | ```
 38 | 
 39 | and use it as usual on the filters methods within your resource class:
 40 | 
 41 | ```php
 42 | class ExampleNovaResource extends Resource {
 43 | 
 44 |     public function filters(NovaRequest $request): array
 45 |     {
 46 |         return [
 47 |             MyFilter::make()->single(min: 0, max: 100),
 48 |         ];
 49 |     }
 50 | 
 51 | }
 52 | ```
 53 | 
 54 | Calling the `->range()` method will render a slider with two (or more) handles, while calling the `single()` method will render a slider with a single handle.
 55 | 
 56 | ```php
 57 | class ExampleNovaResource extends Resource {
 58 | 
 59 |     public function filters(NovaRequest $request): array
 60 |     {
 61 |         return [
 62 |             MyFilter::make()
 63 |                 ->range(0, 500, 300)
 64 |                 ->label('${value}')
 65 |                 
 66 |             MyFilter::make()
 67 |                 ->single(min: 0, max: 500)
 68 |                 ->label('${value}')
 69 |         ];
 70 |     }
 71 | 
 72 | }
 73 | ```
 74 | 
 75 | You can also set marks on the slider by using the `->marks()` method. The method accepts an array of key/value pairs where the key is the value of the mark and the value is the label to be displayed.
 76 | 
 77 | ```php
 78 | class ExampleNovaResource extends Resource {
 79 | 
 80 |     public function filters(NovaRequest $request): array
 81 |     {
 82 |         return [
 83 |             MyFilter::make()
 84 |                 ->single(0, 100)
 85 |                 ->marks([
 86 |                     '0' => '🌑',
 87 |                     '50' => '🌓',
 88 |                     '100' => '🌕'
 89 |                 ])
 90 |         ];
 91 |     }
 92 | 
 93 | }
 94 | ```
 95 | 
 96 | ## ⭐️ Show Your Support
 97 | 
 98 | Please give a ⭐️ if this project helped you!
 99 | 
100 | ### Other Packages You Might Like
101 | 
102 | - [Nova Dashboard](https://github.com/dcasia/nova-dashboard) - The missing dashboard for Laravel Nova!
103 | - [Nova Welcome Card](https://github.com/dcasia/nova-welcome-card) - A configurable version of the `Help card` that comes with Nova.
104 | - [Icon Action Toolbar](https://github.com/dcasia/icon-action-toolbar) - Replaces the default boring action menu with an inline row of icon-based actions.
105 | - [Expandable Table Row](https://github.com/dcasia/expandable-table-row) - Provides an easy way to append extra data to each row of your resource tables.
106 | - [Collapsible Resource Manager](https://github.com/dcasia/collapsible-resource-manager) - Provides an easy way to order and group your resources on the sidebar.
107 | - [Resource Navigation Tab](https://github.com/dcasia/resource-navigation-tab) - Organize your resource fields into tabs.
108 | - [Resource Navigation Link](https://github.com/dcasia/resource-navigation-link) - Create links to internal or external resources.
109 | - [Nova Mega Filter](https://github.com/dcasia/nova-mega-filter) - Display all your filters in a card instead of a tiny dropdown!
110 | - [Nova Pill Filter](https://github.com/dcasia/nova-pill-filter) - A Laravel Nova filter that renders into clickable pills.
111 | - [Nova Slider Filter](https://github.com/dcasia/nova-slider-filter) - A Laravel Nova filter for picking range between a min/max value.
112 | - [Nova Range Input Filter](https://github.com/dcasia/nova-range-input-filter) - A Laravel Nova range input filter.
113 | - [Nova FilePond](https://github.com/dcasia/nova-filepond) - A Nova field for uploading File, Image and Video using Filepond.
114 | - [Custom Relationship Field](https://github.com/dcasia/custom-relationship-field) - Emulate HasMany relationship without having a real relationship set between resources.
115 | - [Column Toggler](https://github.com/dcasia/column-toggler) - A Laravel Nova package that allows you to hide/show columns in the index view.
116 | - [Batch Edit Toolbar](https://github.com/dcasia/batch-edit-toolbar) - Allows you to update a single column of a resource all at once directly from the index page.
117 | 
118 | ## License
119 | 
120 | The MIT License (MIT). Please see [License File](https://raw.githubusercontent.com/dcasia/nova-slider-filter/master/LICENSE) for more information.
121 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "digital-creative/nova-slider-filter",
 3 |     "description": "A Laravel Nova filter for picking range between a min/max value.",
 4 |     "keywords": [
 5 |         "laravel",
 6 |         "nova",
 7 |         "slider",
 8 |         "filter",
 9 |         "range"
10 |     ],
11 |     "authors": [
12 |         {
13 |             "name": "Rafael Milewski"
14 |         }
15 |     ],
16 |     "license": "MIT",
17 |     "require": {
18 |         "php": ">=8.0",
19 |         "laravel/nova": "^4.0"
20 |     },
21 |     "autoload": {
22 |         "psr-4": {
23 |             "DigitalCreative\\NovaRangeFilter\\": "src/"
24 |         }
25 |     },
26 |     "extra": {
27 |         "laravel": {
28 |             "providers": [
29 |                 "DigitalCreative\\NovaRangeFilter\\FilterServiceProvider"
30 |             ]
31 |         }
32 |     },
33 |     "config": {
34 |         "sort-packages": true
35 |     },
36 |     "minimum-stability": "dev",
37 |     "prefer-stable": true
38 | }
39 | 


--------------------------------------------------------------------------------
/dist/css/filter.css:
--------------------------------------------------------------------------------
1 | .nova-slider-filter :is(.ml-2){margin-left:.5rem}.nova-slider-filter :is(.mr-2){margin-right:.5rem}.nova-slider-filter :is(.flex){display:flex}.nova-slider-filter :is(.flex-shrink-0){flex-shrink:0}.nova-slider-filter :is(.flex-row){flex-direction:row}.nova-slider-filter :is(.items-center){align-items:center}.nova-slider-filter :is(.justify-center){justify-content:center}.nova-slider-filter :is(.p-2){padding:.5rem}.nova-slider-filter :is(.pb-6){padding-bottom:1.5rem}.nova-slider-filter :is(.pt-6){padding-top:1.5rem}.nova-slider-filter :is(.text-xs){font-size:.75rem;line-height:1rem}.nova-slider-filter :is(.\!filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.nova-slider-filter :is(.filter){filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
2 | 


--------------------------------------------------------------------------------
/dist/js/filter.js:
--------------------------------------------------------------------------------
1 | (()=>{var t,e={514:(t,e,r)=>{"use strict";var n=r(311);var i=r(454);function o(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,s=[],l=!0,u=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(s.push(n.value),s.length!==e);l=!0);}catch(t){u=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw i}}return s}}(t,e)||s(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||s(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,e){if(t){if("string"==typeof t)return l(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}const u={name:"NovaSliderFilter",components:{VueSlider:r.n(i)()},props:{resourceName:{type:String,required:!0},filterKey:{type:String,required:!0}},computed:{filter:function(){return this.$store.getters["".concat(this.resourceName,"/getFilter")](this.filterKey)},value:{get:function(){return"single"===this.filter.mode?this.filter.currentValue||this.filter.min:Object.values(this.filter.currentValue||a(this.filter.values))},set:function(t){t===this.filter.min&&(t=""),Array.isArray(t)&&Object.values(this.filter.values).every((function(e,r){return t[r]===e}))&&(t=""),this.$store.commit("".concat(this.resourceName,"/updateFilterState"),{filterClass:this.filterKey,value:t}),this.$emit("change")}},filterLabel:function(){var t;return null!==(t=this.filter.label)&&void 0!==t?t:"{value}"}},methods:{replaceTokens:function(t,e){for(var r=0,n=Object.entries(e);r<n.length;r++){var i=o(n[r],2),a=i[0],s=i[1];t=t.replace("{".concat(a,"}"),s)}return t},tooltipFormatter:function(t){return this.replaceTokens(this.filterLabel,{value:t})}}};var c=r(379),d=r.n(c),f=r(69),h={insert:"head",singleton:!1};d()(f.Z,h);f.Z.locals;const p=(0,r(744).Z)(u,[["render",function(t,e,r,i,o,a){var s=(0,n.resolveComponent)("VueSlider"),l=(0,n.resolveComponent)("FilterContainer");return(0,n.openBlock)(),(0,n.createBlock)(l,{class:"nova-slider-filter"},{filter:(0,n.withCtx)((function(){return[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)(["flex flex-row items-center justify-center",{"pt-6":"never"!==a.filter.tooltip,"p-2 pb-6":void 0!==a.filter.marks}])},[a.filter.disableMinMaxLabels?(0,n.createCommentVNode)("",!0):((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,class:"text-xs flex-shrink-0 mr-2",onClick:e[0]||(e[0]=function(t){return a.value=[a.filter.min,a.value[1]]})},(0,n.toDisplayString)(a.replaceTokens(a.filterLabel,{value:a.filter.min})),1)),(0,n.createVNode)(s,{modelValue:a.value,"onUpdate:modelValue":e[1]||(e[1]=function(t){return a.value=t}),width:"100%",lazy:!0,min:a.filter.min,max:a.filter.max,"min-range":a.filter.minRange,"max-range":a.filter.maxRange,contained:!0,"enable-cross":a.filter.enableCross||!1,tooltip:a.filter.tooltip||"always",clickable:!0,interval:a.filter.interval,"tooltip-formatter":a.tooltipFormatter,marks:a.filter.marks,duration:.2},null,8,["modelValue","min","max","min-range","max-range","enable-cross","tooltip","interval","tooltip-formatter","marks"]),a.filter.disableMinMaxLabels?(0,n.createCommentVNode)("",!0):((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:1,class:"text-xs flex-shrink-0 ml-2",onClick:e[2]||(e[2]=function(t){return a.value=[a.value[0],a.filter.max]})},(0,n.toDisplayString)(a.replaceTokens(a.filterLabel,{value:a.filter.max})),1))],2)]})),default:(0,n.withCtx)((function(){return[(0,n.createElementVNode)("span",null,(0,n.toDisplayString)(a.filter.name),1)]})),_:1})}]]);Nova.booting((function(t,e){t.component("nova-slider-filter",p)}))},69:(t,e,r)=>{"use strict";r.d(e,{Z:()=>o});var n=r(645),i=r.n(n)()((function(t){return t[1]}));i.push([t.id,'.vue-slider-disabled{cursor:not-allowed;opacity:.5}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{background-color:rgba(0,0,0,.16);border-radius:50%;height:100%;width:100%}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{background-color:#fff;border-radius:50%;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-sizing:border-box;cursor:pointer;height:100%;width:100%}.vue-slider-dot-handle-focus{box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{background-color:#ccc;cursor:not-allowed}.vue-slider-dot-tooltip-inner{background-color:#3498db;border-color:#3498db;border-radius:5px;box-sizing:content-box;color:#fff;font-size:14px;min-width:20px;padding:2px 5px;text-align:center;white-space:nowrap}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{border:0 solid transparent;border-top-color:inherit;height:0;left:50%;top:100%;transform:translate(-50%);width:0}.vue-slider-dot-tooltip-inner-bottom:after{border:0 solid transparent;border-bottom-color:inherit;bottom:100%;height:0;left:50%;transform:translate(-50%);width:0}.vue-slider-dot-tooltip-inner-left:after{border:0 solid transparent;border-left-color:inherit;height:0;left:100%;top:50%;transform:translateY(-50%);width:0}.vue-slider-dot-tooltip-inner-right:after{border:0 solid transparent;border-right-color:inherit;height:0;right:100%;top:50%;transform:translateY(-50%);width:0}.vue-slider-dot-tooltip-wrapper{opacity:0;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.dark .nova-slider-filter .vue-slider-rail{background-color:rgba(var(--colors-gray-700))}.dark .nova-slider-filter .vue-slider-process{background-color:rgba(var(--colors-primary-500))}.dark .nova-slider-filter .vue-slider-dot-tooltip-inner{background:rgba(var(--colors-gray-800));color:rgba(var(--colors-gray-400))}.nova-slider-filter .vue-slider-dot-tooltip-inner{background-color:rgba(var(--colors-gray-200));border-radius:.25rem;color:rgba(var(--colors-gray-500));font-size:12px;font-weight:700;margin-bottom:-5px;padding:2px 5px}',""]);const o=i},645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=t(e);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(n)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var s=0;s<t.length;s++){var l=[].concat(t[s]);n&&i[l[0]]||(r&&(l[2]?l[2]="".concat(r," and ").concat(l[2]):l[2]=r),e.push(l))}},e}},655:()=>{},379:(t,e,r)=>{"use strict";var n,i=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var t={};return function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}t[e]=r}return t[e]}}(),a=[];function s(t){for(var e=-1,r=0;r<a.length;r++)if(a[r].identifier===t){e=r;break}return e}function l(t,e){for(var r={},n=[],i=0;i<t.length;i++){var o=t[i],l=e.base?o[0]+e.base:o[0],u=r[l]||0,c="".concat(l," ").concat(u);r[l]=u+1;var d=s(c),f={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(a[d].references++,a[d].updater(f)):a.push({identifier:c,updater:v(f,e),references:1}),n.push(c)}return n}function u(t){var e=document.createElement("style"),n=t.attributes||{};if(void 0===n.nonce){var i=r.nc;i&&(n.nonce=i)}if(Object.keys(n).forEach((function(t){e.setAttribute(t,n[t])})),"function"==typeof t.insert)t.insert(e);else{var a=o(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var c,d=(c=[],function(t,e){return c[t]=e,c.filter(Boolean).join("\n")});function f(t,e,r,n){var i=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(t.styleSheet)t.styleSheet.cssText=d(e,i);else{var o=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function h(t,e,r){var n=r.css,i=r.media,o=r.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var p=null,m=0;function v(t,e){var r,n,i;if(e.singleton){var o=m++;r=p||(p=u(e)),n=f.bind(null,r,o,!1),i=f.bind(null,r,o,!0)}else r=u(e),n=h.bind(null,r,e),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(r)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else i()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var r=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var n=0;n<r.length;n++){var i=s(r[n]);a[i].references--}for(var o=l(t,e),u=0;u<r.length;u++){var c=s(r[u]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}r=o}}}},744:(t,e)=>{"use strict";e.Z=(t,e)=>{const r=t.__vccOpts||t;for(const[t,n]of e)r[t]=n;return r}},454:function(t,e,r){var n;"undefined"!=typeof self&&self,t.exports=(n=r(311),function(){var t={388:function(t,e){var r,n,i,o;"undefined"!=typeof self&&self,o=function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(t){var r,n,i,o=/@([^@]*):(\d+):(\d+)\s*$/gi,a=/.*at [^(]*\((.*):(.+):(.+)\)$/gi.exec(t.stack)||o.exec(t.stack),s=a&&a[1]||!1,l=a&&a[2]||!1,u=document.location.href.replace(document.location.hash,""),c=document.getElementsByTagName("script");s===u&&(r=document.documentElement.outerHTML,n=new RegExp("(?:[^\\n]+?\\n){0,"+(l-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),i=r.replace(n,"$1").trim());for(var d=0;d<c.length;d++){if("interactive"===c[d].readyState)return c[d];if(c[d].src===s)return c[d];if(s===u&&c[d].innerHTML&&c[d].innerHTML.trim()===i)return c[d]}return null}}return t},n=[],void 0===(i="function"==typeof(r=o)?r.apply(e,n):r)||(t.exports=i)},905:function(t,e,r){"use strict";r.r(e);var n=r(117),i=r.n(n),o=r(488),a=r.n(o)()(i());a.push([t.id,".vue-slider-dot{position:absolute;-webkit-transition:all 0s;transition:all 0s;z-index:5}.vue-slider-dot:focus{outline:none}.vue-slider-dot-tooltip{position:absolute;visibility:hidden}.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,.vue-slider-dot-tooltip-show{visibility:visible}.vue-slider-dot-tooltip-top{top:-10px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.vue-slider-dot-tooltip-bottom{bottom:-10px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.vue-slider-dot-tooltip-left{left:-10px;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.vue-slider-dot-tooltip-right{right:-10px;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}",""]),e.default=a},121:function(t,e,r){"use strict";r.r(e);var n=r(117),i=r.n(n),o=r(488),a=r.n(o)()(i());a.push([t.id,".vue-slider-marks{position:relative;width:100%;height:100%}.vue-slider-mark{position:absolute;z-index:1}.vue-slider-ltr .vue-slider-mark,.vue-slider-rtl .vue-slider-mark{width:0;height:100%;top:50%}.vue-slider-ltr .vue-slider-mark-step,.vue-slider-rtl .vue-slider-mark-step{top:0}.vue-slider-ltr .vue-slider-mark-label,.vue-slider-rtl .vue-slider-mark-label{top:100%;margin-top:10px}.vue-slider-ltr .vue-slider-mark{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vue-slider-ltr .vue-slider-mark-step{left:0}.vue-slider-ltr .vue-slider-mark-label{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vue-slider-rtl .vue-slider-mark{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.vue-slider-rtl .vue-slider-mark-step{right:0}.vue-slider-rtl .vue-slider-mark-label{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.vue-slider-btt .vue-slider-mark,.vue-slider-ttb .vue-slider-mark{width:100%;height:0;left:50%}.vue-slider-btt .vue-slider-mark-step,.vue-slider-ttb .vue-slider-mark-step{left:0}.vue-slider-btt .vue-slider-mark-label,.vue-slider-ttb .vue-slider-mark-label{left:100%;margin-left:10px}.vue-slider-btt .vue-slider-mark{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.vue-slider-btt .vue-slider-mark-step{top:0}.vue-slider-btt .vue-slider-mark-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.vue-slider-ttb .vue-slider-mark{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vue-slider-ttb .vue-slider-mark-step{bottom:0}.vue-slider-ttb .vue-slider-mark-label{bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.vue-slider-mark-label,.vue-slider-mark-step{position:absolute}",""]),e.default=a},207:function(t,e,r){"use strict";r.r(e);var n=r(117),i=r.n(n),o=r(488),a=r.n(o)()(i());a.push([t.id,".vue-slider{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vue-slider-rail{position:relative;width:100%;height:100%;-webkit-transition-property:width,height,left,right,top,bottom;transition-property:width,height,left,right,top,bottom}.vue-slider-process{position:absolute;z-index:1}",""]),e.default=a},488:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,i,o){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(n)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var u=0;u<t.length;u++){var c=[].concat(t[u]);n&&a[c[0]]||(void 0!==o&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=o),r&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=r):c[2]=r),i&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=i):c[4]="".concat(i)),e.push(c))}},e}},117:function(t){"use strict";t.exports=function(t){return t[1]}},831:function(t,e){"use strict";e.Z=(t,e)=>{const r=t.__vccOpts||t;for(const[t,n]of e)r[t]=n;return r}},466:function(t,e,r){var n=r(905);n.__esModule&&(n=n.default),"string"==typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals),(0,r(959).Z)("50bc1720",n,!0,{sourceMap:!1,shadowMode:!1})},18:function(t,e,r){var n=r(121);n.__esModule&&(n=n.default),"string"==typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals),(0,r(959).Z)("10aa5f36",n,!0,{sourceMap:!1,shadowMode:!1})},631:function(t,e,r){var n=r(207);n.__esModule&&(n=n.default),"string"==typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals),(0,r(959).Z)("1772934e",n,!0,{sourceMap:!1,shadowMode:!1})},959:function(t,e,r){"use strict";function n(t,e){for(var r=[],n={},i=0;i<e.length;i++){var o=e[i],a=o[0],s={id:t+":"+i,css:o[1],media:o[2],sourceMap:o[3]};n[a]?n[a].parts.push(s):r.push(n[a]={id:a,parts:[s]})}return r}r.d(e,{Z:function(){return p}});var i="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!i)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o={},a=i&&(document.head||document.getElementsByTagName("head")[0]),s=null,l=0,u=!1,c=function(){},d=null,f="data-vue-ssr-id",h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function p(t,e,r,i){u=r,d=i||{};var a=n(t,e);return m(a),function(e){for(var r=[],i=0;i<a.length;i++){var s=a[i],l=o[s.id];l.refs--,r.push(l)}for(e?m(a=n(t,e)):a=[],i=0;i<r.length;i++)if(0===(l=r[i]).refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete o[l.id]}}}function m(t){for(var e=0;e<t.length;e++){var r=t[e],n=o[r.id];if(n){n.refs++;for(var i=0;i<n.parts.length;i++)n.parts[i](r.parts[i]);for(;i<r.parts.length;i++)n.parts.push(y(r.parts[i]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{var a=[];for(i=0;i<r.parts.length;i++)a.push(y(r.parts[i]));o[r.id]={id:r.id,refs:1,parts:a}}}}function v(){var t=document.createElement("style");return t.type="text/css",a.appendChild(t),t}function y(t){var e,r,n=document.querySelector("style["+f+'~="'+t.id+'"]');if(n){if(u)return c;n.parentNode.removeChild(n)}if(h){var i=l++;n=s||(s=v()),e=g.bind(null,n,i,!1),r=g.bind(null,n,i,!0)}else n=v(),e=k.bind(null,n),r=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else r()}}var b=function(){var t=[];return function(e,r){return t[e]=r,t.filter(Boolean).join("\n")}}();function g(t,e,r,n){var i=r?"":n.css;if(t.styleSheet)t.styleSheet.cssText=b(e,i);else{var o=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function k(t,e){var r=e.css,n=e.media,i=e.sourceMap;if(n&&t.setAttribute("media",n),d.ssrId&&t.setAttribute(f,e.id),i&&(r+="\n/*# sourceURL="+i.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}},927:function(t){"use strict";t.exports=n}},e={};function r(n){var i=e[n];if(void 0!==i)return i.exports;var o=e[n]={id:n,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.exports}r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,{a:e}),e},r.d=function(t,e){for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.p="";var i={};return function(){"use strict";if(r.d(i,{default:function(){return yt}}),"undefined"!=typeof window){var t=window.document.currentScript,e=r(388);t=e(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:e});var n=t&&t.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);n&&(r.p=n[1])}var o=r(927);function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var s={key:0,class:"vue-slider-marks"};function l(t,e,r,n,i,l){var u=(0,o.resolveComponent)("vue-slider-mark"),c=(0,o.resolveComponent)("vue-slider-dot");return(0,o.openBlock)(),(0,o.createElementBlock)("div",(0,o.mergeProps)({ref:"container",class:t.containerClasses,style:t.containerStyles,onClick:e[2]||(e[2]=function(){return t.clickHandle&&t.clickHandle.apply(t,arguments)}),onTouchstartPassive:e[3]||(e[3]=function(){return t.dragStartOnProcess&&t.dragStartOnProcess.apply(t,arguments)}),onMousedownPassive:e[4]||(e[4]=function(){return t.dragStartOnProcess&&t.dragStartOnProcess.apply(t,arguments)})},t.$attrs),[(0,o.createElementVNode)("div",{class:"vue-slider-rail",style:(0,o.normalizeStyle)(t.railStyle)},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(t.processArray,(function(e,r){return(0,o.renderSlot)(t.$slots,"process",(0,o.normalizeProps)((0,o.guardReactiveProps)(e)),(function(){return[((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"vue-slider-process",key:"process-".concat(r),style:(0,o.normalizeStyle)(e.style)},null,4))]}))})),256)),t.sliderMarks&&t.control?((0,o.openBlock)(),(0,o.createElementBlock)("div",s,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(t.control.markList,(function(r,n){return(0,o.renderSlot)(t.$slots,"mark",(0,o.normalizeProps)((0,o.guardReactiveProps)(r)),(function(){var i;return[((0,o.openBlock)(),(0,o.createBlock)(u,{key:"mark-".concat(n),mark:r,hideLabel:t.hideLabel,style:(0,o.normalizeStyle)((i={},a(i,t.isHorizontal?"height":"width","100%"),a(i,t.isHorizontal?"width":"height",t.tailSize),a(i,t.mainDirection,"".concat(r.pos,"%")),i)),stepStyle:t.stepStyle,stepActiveStyle:t.stepActiveStyle,labelStyle:t.labelStyle,labelActiveStyle:t.labelActiveStyle,onPressLabel:e[0]||(e[0]=function(e){return t.clickable&&t.setValueByPos(e)})},{step:(0,o.withCtx)((function(){return[(0,o.renderSlot)(t.$slots,"step",(0,o.normalizeProps)((0,o.guardReactiveProps)(r)))]})),label:(0,o.withCtx)((function(){return[(0,o.renderSlot)(t.$slots,"label",(0,o.normalizeProps)((0,o.guardReactiveProps)(r)))]})),_:2},1032,["mark","hideLabel","style","stepStyle","stepActiveStyle","labelStyle","labelActiveStyle"]))]}))})),256))])):(0,o.createCommentVNode)("",!0),((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(t.dots,(function(r,n){var i;return(0,o.openBlock)(),(0,o.createBlock)(c,(0,o.mergeProps)({ref_for:!0,ref:"dot-".concat(n),key:"dot-".concat(n),value:r.value,disabled:r.disabled,focus:r.focus,"dot-style":[r.style,r.disabled?r.disabledStyle:null,r.focus?r.focusStyle:null],tooltip:r.tooltip||t.tooltip,"tooltip-style":[t.tooltipStyle,r.tooltipStyle,r.disabled?r.tooltipDisabledStyle:null,r.focus?r.tooltipFocusStyle:null],"tooltip-formatter":Array.isArray(t.sliderTooltipFormatter)?t.sliderTooltipFormatter[n]:t.sliderTooltipFormatter,"tooltip-placement":t.tooltipDirections[n],style:[t.dotBaseStyle,(i={},a(i,t.mainDirection,"".concat(r.pos,"%")),a(i,"transition","".concat(t.mainDirection," ").concat(t.animateTime,"s")),i)],onDragStart:function(){return t.dragStart(n)},role:"slider","aria-valuenow":r.value,"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-orientation":t.isHorizontal?"horizontal":"vertical",tabindex:"0",onFocus:function(){return t.focus(r,n)},onBlur:e[1]||(e[1]=function(){return t.blur()})},t.dotAttrs),{dot:(0,o.withCtx)((function(){return[(0,o.renderSlot)(t.$slots,"dot",(0,o.normalizeProps)((0,o.guardReactiveProps)(r)))]})),tooltip:(0,o.withCtx)((function(){return[(0,o.renderSlot)(t.$slots,"tooltip",(0,o.normalizeProps)((0,o.guardReactiveProps)(r)))]})),_:2},1040,["value","disabled","focus","dot-style","tooltip","tooltip-style","tooltip-formatter","tooltip-placement","style","onDragStart","aria-valuenow","aria-valuemin","aria-valuemax","aria-orientation","onFocus"])})),128))],4),(0,o.renderSlot)(t.$slots,"default",{value:t.getValue()})],16)}var u=["aria-valuetext"],c={class:"vue-slider-dot-tooltip-text"};function d(t,e,r,n,i,a){var s;return(0,o.openBlock)(),(0,o.createElementBlock)("div",{ref:"dot",class:(0,o.normalizeClass)(t.dotClasses),"aria-valuetext":null===(s=t.tooltipValue)||void 0===s?void 0:s.toString(),onMousedownPassive:e[0]||(e[0]=function(){return t.dragStart&&t.dragStart.apply(t,arguments)}),onTouchstartPassive:e[1]||(e[1]=function(){return t.dragStart&&t.dragStart.apply(t,arguments)})},[(0,o.renderSlot)(t.$slots,"dot",{},(function(){return[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(t.handleClasses),style:(0,o.normalizeStyle)(t.dotStyle)},null,6)]})),"none"!==t.tooltip?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:(0,o.normalizeClass)(t.tooltipClasses)},[(0,o.renderSlot)(t.$slots,"tooltip",{},(function(){return[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(t.tooltipInnerClasses),style:(0,o.normalizeStyle)(t.tooltipStyle)},[(0,o.createElementVNode)("span",c,(0,o.toDisplayString)(t.tooltipValue),1)],6)]}))],2)):(0,o.createCommentVNode)("",!0)],42,u)}r(466);var f=(0,o.defineComponent)({name:"VueSliderDot",emits:["drag-start"],props:{value:{type:[String,Number],default:0},tooltip:{type:String,required:!0},tooltipPlacement:{type:String,validator:function(t){return["top","right","bottom","left"].indexOf(t)>-1},required:!0},tooltipFormatter:{type:[String,Function]},focus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dotStyle:{type:Object},tooltipStyle:{type:Object}},computed:{dotClasses:function(){return["vue-slider-dot",{"vue-slider-dot-hover":"hover"===this.tooltip||"active"===this.tooltip,"vue-slider-dot-disabled":this.disabled,"vue-slider-dot-focus":this.focus}]},handleClasses:function(){return["vue-slider-dot-handle",{"vue-slider-dot-handle-disabled":this.disabled,"vue-slider-dot-handle-focus":this.focus}]},tooltipClasses:function(){return["vue-slider-dot-tooltip",["vue-slider-dot-tooltip-".concat(this.tooltipPlacement)],{"vue-slider-dot-tooltip-show":this.showTooltip}]},tooltipInnerClasses:function(){return["vue-slider-dot-tooltip-inner",["vue-slider-dot-tooltip-inner-".concat(this.tooltipPlacement)],{"vue-slider-dot-tooltip-inner-disabled":this.disabled,"vue-slider-dot-tooltip-inner-focus":this.focus}]},showTooltip:function(){switch(this.tooltip){case"always":return!0;case"none":default:return!1;case"focus":case"active":return!!this.focus}},tooltipValue:function(){return this.tooltipFormatter?"string"==typeof this.tooltipFormatter?this.tooltipFormatter.replace(/\{value\}/,String(this.value)):this.tooltipFormatter(this.value):this.value}},methods:{dragStart:function(){if(this.disabled)return!1;this.$emit("drag-start")}}}),h=r(831),p=(0,h.Z)(f,[["render",d]]);function m(t,e,r,n,i,a){return(0,o.openBlock)(),(0,o.createElementBlock)("div",{class:(0,o.normalizeClass)(t.marksClasses)},[(0,o.renderSlot)(t.$slots,"step",{},(function(){return[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(t.stepClasses),style:(0,o.normalizeStyle)([t.stepStyle,t.mark.style||{},t.mark.active&&t.stepActiveStyle?t.stepActiveStyle:{},t.mark.active&&t.mark.activeStyle?t.mark.activeStyle:{}])},null,6)]})),t.hideLabel?(0,o.createCommentVNode)("",!0):(0,o.renderSlot)(t.$slots,"label",{key:0},(function(){return[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(t.labelClasses),style:(0,o.normalizeStyle)([t.labelStyle,t.mark.labelStyle||{},t.mark.active&&t.labelActiveStyle?t.labelActiveStyle:{},t.mark.active&&t.mark.labelActiveStyle?t.mark.labelActiveStyle:{}]),onClick:e[0]||(e[0]=function(){return t.labelClickHandle&&t.labelClickHandle.apply(t,arguments)})},(0,o.toDisplayString)(t.mark.label),7)]}))],2)}r(18);var v,y=(0,o.defineComponent)({name:"VueSliderMark",emits:["press-label"],props:{mark:{type:Object,required:!0},hideLabel:{type:Boolean},stepStyle:{type:Object,default:function(){return{}}},stepActiveStyle:{type:Object,default:function(){return{}}},labelStyle:{type:Object,default:function(){return{}}},labelActiveStyle:{type:Object,default:function(){return{}}}},computed:{marksClasses:function(){return["vue-slider-mark",{"vue-slider-mark-active":this.mark.active}]},stepClasses:function(){return["vue-slider-mark-step",{"vue-slider-mark-step-active":this.mark.active}]},labelClasses:function(){return["vue-slider-mark-label",{"vue-slider-mark-label-active":this.mark.active}]}},methods:{labelClickHandle:function(t){t.stopPropagation(),this.$emit("press-label",this.mark.pos)}}}),b=(0,h.Z)(y,[["render",m]]),g=function(t){return"number"==typeof t?"".concat(t,"px"):t},k=function(t){var e=document.documentElement,r=document.body,n=t.getBoundingClientRect();return{y:n.top+(window.pageYOffset||e.scrollTop)-(e.clientTop||r.clientTop||0),x:n.left+(window.pageXOffset||e.scrollLeft)-(e.clientLeft||r.clientLeft||0)}},x=function(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i="targetTouches"in t?t.targetTouches[0]:t,o=k(e),a={x:i.pageX-o.x,y:i.pageY-o.y};return{x:r?e.offsetWidth*n-a.x:a.x,y:r?e.offsetHeight*n-a.y:a.y}};!function(t){t[t.PAGE_UP=33]="PAGE_UP",t[t.PAGE_DOWN=34]="PAGE_DOWN",t[t.END=35]="END",t[t.HOME=36]="HOME",t[t.LEFT=37]="LEFT",t[t.UP=38]="UP",t[t.RIGHT=39]="RIGHT",t[t.DOWN=40]="DOWN"}(v||(v={}));var S=function(t,e){if(e.hook){var r=e.hook(t);if("function"==typeof r)return r;if(!r)return null}switch(t.keyCode){case v.UP:return function(t){return"ttb"===e.direction?t-1:t+1};case v.RIGHT:return function(t){return"rtl"===e.direction?t-1:t+1};case v.DOWN:return function(t){return"ttb"===e.direction?t+1:t-1};case v.LEFT:return function(t){return"rtl"===e.direction?t+1:t-1};case v.END:return function(){return e.max};case v.HOME:return function(){return e.min};case v.PAGE_UP:return function(t){return t+10};case v.PAGE_DOWN:return function(t){return t-10};default:return null}};function w(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function O(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function P(t,e,r){return e&&O(t.prototype,e),r&&O(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function D(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var E,A,R=function(){function t(e){w(this,t),D(this,"num",void 0),this.num=e}return P(t,[{key:"decimal",value:function(t,e){var r=this.num,n=this.getDecimalLen(r),i=this.getDecimalLen(t),o=0;switch(e){case"+":o=this.getExponent(n,i),this.num=(this.safeRoundUp(r,o)+this.safeRoundUp(t,o))/o;break;case"-":o=this.getExponent(n,i),this.num=(this.safeRoundUp(r,o)-this.safeRoundUp(t,o))/o;break;case"*":this.num=this.safeRoundUp(this.safeRoundUp(r,this.getExponent(n)),this.safeRoundUp(t,this.getExponent(i)))/this.getExponent(n+i);break;case"/":o=this.getExponent(n,i),this.num=this.safeRoundUp(r,o)/this.safeRoundUp(t,o);break;case"%":o=this.getExponent(n,i),this.num=this.safeRoundUp(r,o)%this.safeRoundUp(t,o)/o}return this}},{key:"plus",value:function(t){return this.decimal(t,"+")}},{key:"minus",value:function(t){return this.decimal(t,"-")}},{key:"multiply",value:function(t){return this.decimal(t,"*")}},{key:"divide",value:function(t){return this.decimal(t,"/")}},{key:"remainder",value:function(t){return this.decimal(t,"%")}},{key:"toNumber",value:function(){return this.num}},{key:"getDecimalLen",value:function(t){var e="".concat(t).split("e");return("".concat(e[0]).split(".")[1]||"").length-(e[1]?+e[1]:0)}},{key:"getExponent",value:function(t,e){return Math.pow(10,void 0!==e?Math.max(t,e):t)}},{key:"safeRoundUp",value:function(t,e){return Math.round(t*e)}}]),t}();function V(t,e){return B(t)||C(t,e)||I(t,e)||j()}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o=[],a=!0,s=!1;try{for(r=r.call(t);!(a=(n=r.next()).done)&&(o.push(n.value),!e||o.length!==e);a=!0);}catch(t){s=!0,i=t}finally{try{a||null==r.return||r.return()}finally{if(s)throw i}}return o}}function B(t){if(Array.isArray(t))return t}function M(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function N(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?M(Object(r),!0).forEach((function(e){Z(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function L(t){return F(t)||T(t)||I(t)||z()}function z(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(t,e){if(t){if("string"==typeof t)return H(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?H(t,e):void 0}}function T(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function F(t){if(Array.isArray(t))return H(t)}function H(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function $(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function U(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function _(t,e,r){return e&&U(t.prototype,e),r&&U(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function Z(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}!function(t){t[t.VALUE=1]="VALUE",t[t.INTERVAL=2]="INTERVAL",t[t.MIN=3]="MIN",t[t.MAX=4]="MAX",t[t.ORDER=5]="ORDER"}(A||(A={}));var W=(Z(E={},A.VALUE,'The type of the "value" is illegal'),Z(E,A.INTERVAL,'The prop "interval" is invalid, "(max - min)" must be divisible by "interval"'),Z(E,A.MIN,'The "value" must be greater than or equal to the "min".'),Z(E,A.MAX,'The "value" must be less than or equal to the "max".'),Z(E,A.ORDER,'When "order" is false, the parameters "minRange", "maxRange", "fixed", "enabled" are invalid.'),E),G=function(){function t(e){$(this,t),Z(this,"dotsPos",[]),Z(this,"dotsValue",[]),Z(this,"data",void 0),Z(this,"enableCross",void 0),Z(this,"fixed",void 0),Z(this,"max",void 0),Z(this,"min",void 0),Z(this,"interval",void 0),Z(this,"minRange",void 0),Z(this,"maxRange",void 0),Z(this,"order",void 0),Z(this,"marks",void 0),Z(this,"included",void 0),Z(this,"process",void 0),Z(this,"adsorb",void 0),Z(this,"dotOptions",void 0),Z(this,"onError",void 0),Z(this,"cacheRangeDir",{}),this.data=e.data,this.max=e.max,this.min=e.min,this.interval=e.interval,this.order=e.order,this.marks=e.marks,this.included=e.included,this.process=e.process,this.adsorb=e.adsorb,this.dotOptions=e.dotOptions,this.onError=e.onError,this.order?(this.minRange=e.minRange||0,this.maxRange=e.maxRange||0,this.enableCross=e.enableCross,this.fixed=e.fixed):((e.minRange||e.maxRange||!e.enableCross||e.fixed)&&this.emitError(A.ORDER),this.minRange=0,this.maxRange=0,this.enableCross=!0,this.fixed=!1),this.setValue(e.value)}return _(t,[{key:"setValue",value:function(t){this.setDotsValue(Array.isArray(t)?L(t):[t],!0)}},{key:"setDotsValue",value:function(t,e){this.dotsValue=t,e&&this.syncDotsPos()}},{key:"setDotsPos",value:function(t){var e=this,r=this.order?L(t).sort((function(t,e){return t-e})):t;this.dotsPos=r,this.setDotsValue(r.map((function(t){return e.getValueByPos(t)})),this.adsorb)}},{key:"getValueByPos",value:function(t){var e=this.parsePos(t);if(this.included){var r=100;this.markList.forEach((function(n){var i=Math.abs(n.pos-t);i<r&&(r=i,e=n.value)}))}return e}},{key:"syncDotsPos",value:function(){var t=this;this.dotsPos=this.dotsValue.map((function(e){return t.parseValue(e)}))}},{key:"markList",get:function(){var t=this;if(!this.marks)return[];var e=function(e,r){var n=t.parseValue(e);return N({pos:n,value:e,label:e,active:t.isActiveByPos(n)},r)};return!0===this.marks?this.getValues().map((function(t){return e(t)})):"[object Object]"===Object.prototype.toString.call(this.marks)?Object.keys(this.marks).sort((function(t,e){return+t-+e})).map((function(r){var n=t.marks[r];return e(r,"string"!=typeof n?n:{label:n})})):Array.isArray(this.marks)?this.marks.map((function(t){return e(t)})):"function"==typeof this.marks?this.getValues().map((function(e){return{value:e,result:t.marks(e)}})).filter((function(t){return!!t.result})).map((function(t){var r=t.value,n=t.result;return e(r,n)})):[]}},{key:"getRecentDot",value:function(t){var e=this.dotsPos.map((function(e){return Math.abs(e-t)}));return e.indexOf(Math.min.apply(Math,L(e)))}},{key:"getIndexByValue",value:function(t){return this.data?this.data.indexOf(t):new R(+t).minus(this.min).divide(this.interval).toNumber()}},{key:"getValueByIndex",value:function(t){return t<0?t=0:t>this.total&&(t=this.total),this.data?this.data[t]:new R(t).multiply(this.interval).plus(this.min).toNumber()}},{key:"setDotPos",value:function(t,e){var r=(t=this.getValidPos(t,e).pos)-this.dotsPos[e];if(r){var n=new Array(this.dotsPos.length);this.fixed?n=this.getFixedChangePosArr(r,e):this.minRange||this.maxRange?n=this.getLimitRangeChangePosArr(t,r,e):n[e]=r,this.setDotsPos(this.dotsPos.map((function(t,e){return t+(n[e]||0)})))}}},{key:"getFixedChangePosArr",value:function(t,e){var r=this;return this.dotsPos.forEach((function(n,i){if(i!==e){var o=r.getValidPos(n+t,i),a=o.pos;o.inRange||(t=Math.min(Math.abs(a-n),Math.abs(t))*(t<0?-1:1))}})),this.dotsPos.map((function(e){return t}))}},{key:"getLimitRangeChangePosArr",value:function(t,e,r){var n=this,i=[{index:r,changePos:e}],o=e;return[this.minRange,this.maxRange].forEach((function(a,s){if(!a)return!1;for(var l=0===s,u=e>0,c=0,d=function(t,e){var r=Math.abs(t-e);return l?r<n.minRangeDir:r>n.maxRangeDir},f=r+(c=l?u?1:-1:u?-1:1),h=n.dotsPos[f],p=t;n.isPos(h)&&d(h,p);){var m=n.getValidPos(h+o,f).pos;i.push({index:f,changePos:m-h}),f+=c,p=m,h=n.dotsPos[f]}})),this.dotsPos.map((function(t,e){var r=i.filter((function(t){return t.index===e}));return r.length?r[0].changePos:0}))}},{key:"isPos",value:function(t){return"number"==typeof t}},{key:"getValidPos",value:function(t,e){var r=this.valuePosRange[e],n=!0;return t<r[0]?(t=r[0],n=!1):t>r[1]&&(t=r[1],n=!1),{pos:t,inRange:n}}},{key:"parseValue",value:function(t){if(this.data)t=this.data.indexOf(t);else if("number"==typeof t||"string"==typeof t){if((t=+t)<this.min)return this.emitError(A.MIN),0;if(t>this.max)return this.emitError(A.MAX),0;if("number"!=typeof t||t!=t)return this.emitError(A.VALUE),0;t=new R(t).minus(this.min).divide(this.interval).toNumber()}var e=new R(t).multiply(this.gap).toNumber();return e<0?0:e>100?100:e}},{key:"parsePos",value:function(t){var e=Math.round(t/this.gap);return this.getValueByIndex(e)}},{key:"isActiveByPos",value:function(t){return this.processArray.some((function(e){var r=V(e,2),n=r[0],i=r[1];return t>=n&&t<=i}))}},{key:"getValues",value:function(){if(this.data)return this.data;for(var t=[],e=0;e<=this.total;e++)t.push(new R(e).multiply(this.interval).plus(this.min).toNumber());return t}},{key:"getRangeDir",value:function(t){return t?new R(t).divide(new R(this.data?this.data.length-1:this.max).minus(this.data?0:this.min).toNumber()).multiply(100).toNumber():100}},{key:"emitError",value:function(t){this.onError&&this.onError(t,W[t])}},{key:"processArray",get:function(){if(this.process){if("function"==typeof this.process)return this.process(this.dotsPos);if(1===this.dotsPos.length)return[[0,this.dotsPos[0]]];if(this.dotsPos.length>1)return[[Math.min.apply(Math,L(this.dotsPos)),Math.max.apply(Math,L(this.dotsPos))]]}return[]}},{key:"total",get:function(){var t=0;return(t=this.data?this.data.length-1:new R(this.max).minus(this.min).divide(this.interval).toNumber())-Math.floor(t)!=0?(this.emitError(A.INTERVAL),0):t}},{key:"gap",get:function(){return 100/this.total}},{key:"minRangeDir",get:function(){return this.cacheRangeDir[this.minRange]?this.cacheRangeDir[this.minRange]:this.cacheRangeDir[this.minRange]=this.getRangeDir(this.minRange)}},{key:"maxRangeDir",get:function(){return this.cacheRangeDir[this.maxRange]?this.cacheRangeDir[this.maxRange]:this.cacheRangeDir[this.maxRange]=this.getRangeDir(this.maxRange)}},{key:"getDotRange",value:function(t,e,r){if(!this.dotOptions)return r;var n=Array.isArray(this.dotOptions)?this.dotOptions[t]:this.dotOptions;return n&&void 0!==n[e]?this.parseValue(n[e]):r}},{key:"valuePosRange",get:function(){var t=this,e=this.dotsPos,r=[];return e.forEach((function(n,i){r.push([Math.max(t.minRange?t.minRangeDir*i:0,t.enableCross?0:e[i-1]||0,t.getDotRange(i,"min",0)),Math.min(t.minRange?100-t.minRangeDir*(e.length-1-i):100,t.enableCross?100:e[i+1]||100,t.getDotRange(i,"max",100))])})),r}},{key:"dotsIndex",get:function(){var t=this;return this.dotsValue.map((function(e){return t.getIndexByValue(e)}))}}]),t}();function X(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function q(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function Y(t,e,r){return e&&q(t.prototype,e),r&&q(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function K(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var J=function(){function t(e){X(this,t),K(this,"map",void 0),K(this,"states",0),this.map=e}return Y(t,[{key:"add",value:function(t){this.states|=t}},{key:"delete",value:function(t){this.states&=~t}},{key:"toggle",value:function(t){this.has(t)?this.delete(t):this.add(t)}},{key:"has",value:function(t){return!!(this.states&t)}}]),t}();function Q(t){return rt(t)||et(t)||ut(t)||tt()}function tt(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function et(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function rt(t){if(Array.isArray(t))return ct(t)}function nt(t){return nt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},nt(t)}function it(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function ot(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?it(Object(r),!0).forEach((function(e){at(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):it(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function at(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function st(t,e){return ft(t)||dt(t,e)||ut(t,e)||lt()}function lt(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function ut(t,e){if(t){if("string"==typeof t)return ct(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ct(t,e):void 0}}function ct(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function dt(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o=[],a=!0,s=!1;try{for(r=r.call(t);!(a=(n=r.next()).done)&&(o.push(n.value),!e||o.length!==e);a=!0);}catch(t){s=!0,i=t}finally{try{a||null==r.return||r.return()}finally{if(s)throw i}}return o}}function ft(t){if(Array.isArray(t))return t}r(631);var ht={None:0,Drag:2,Focus:4},pt=4,mt=(0,o.defineComponent)({name:"VueSlider",components:{VueSliderDot:p,VueSliderMark:b},emits:["change","drag-start","dragging","drag-end","error","update:modelValue"],data:function(){return{control:null,states:new J(ht),scale:1,focusDotIndex:0}},props:{modelValue:{type:[Number,String,Array],default:0},silent:{type:Boolean,default:!1},direction:{type:String,default:"ltr",validator:function(t){return["ltr","rtl","ttb","btt"].indexOf(t)>-1}},width:{type:[Number,String]},height:{type:[Number,String]},dotSize:{type:[Number,Array],default:14},contained:{type:Boolean,default:!1},min:{type:Number,default:0},max:{type:Number,default:100},interval:{type:Number,default:1},disabled:{type:Boolean,default:!1},clickable:{type:Boolean,default:!0},dragOnClick:{type:Boolean,default:!1},duration:{type:Number,default:.5},data:{type:[Object,Array]},dataValue:{type:String,default:"value"},dataLabel:{type:String,default:"label"},lazy:{type:Boolean,default:!1},tooltip:{type:String,default:"active",validator:function(t){return["none","always","focus","hover","active"].indexOf(t)>-1}},tooltipPlacement:{type:[String,Array],validator:function(t){return(Array.isArray(t)?t:[t]).every((function(t){return["top","right","bottom","left"].indexOf(t)>-1}))}},tooltipFormatter:{type:[String,Array,Function]},useKeyboard:{type:Boolean,default:!0},keydownHook:{type:Function},enableCross:{type:Boolean,default:!0},fixed:{type:Boolean,default:!1},order:{type:Boolean,default:!0},minRange:{type:Number},maxRange:{type:Number},marks:{type:[Boolean,Object,Array,Function],default:!1},process:{type:[Boolean,Function],default:!0},zoom:{type:Number},included:{type:Boolean},adsorb:{type:Boolean},hideLabel:{type:Boolean},dotOptions:{type:[Object,Array]},dotAttrs:{type:Object},railStyle:{type:Object},processStyle:{type:Object},dotStyle:{type:Object},tooltipStyle:{type:Object},stepStyle:{type:Object},stepActiveStyle:{type:Object},labelStyle:{type:Object},labelActiveStyle:{type:Object}},computed:{isHorizontal:function(){return"ltr"===this.direction||"rtl"===this.direction},isReverse:function(){return"rtl"===this.direction||"btt"===this.direction},tailSize:function(){return g((this.isHorizontal?this.height:this.width)||pt)},containerClasses:function(){return["vue-slider",["vue-slider-".concat(this.direction)],{"vue-slider-disabled":this.disabled}]},containerStyles:function(){var t=st(Array.isArray(this.dotSize)?this.dotSize:[this.dotSize,this.dotSize],2),e=t[0],r=t[1],n=this.width?g(this.width):this.isHorizontal?"auto":g(pt),i=this.height?g(this.height):this.isHorizontal?g(pt):"auto";return{padding:this.contained?"".concat(r/2,"px ").concat(e/2,"px"):this.isHorizontal?"".concat(r/2,"px 0"):"0 ".concat(e/2,"px"),width:n,height:i}},processArray:function(){var t=this;return this.control.processArray.map((function(e,r){var n,i=st(e,3),o=i[0],a=i[1],s=i[2];if(o>a){var l=[a,o];o=l[0],a=l[1]}var u=t.isHorizontal?"width":"height";return{start:o,end:a,index:r,style:ot(ot((n={},at(n,t.isHorizontal?"height":"width","100%"),at(n,t.isHorizontal?"top":"left",0),at(n,t.mainDirection,"".concat(o,"%")),at(n,u,"".concat(a-o,"%")),at(n,"transitionProperty","".concat(u,",").concat(t.mainDirection)),at(n,"transitionDuration","".concat(t.animateTime,"s")),n),t.processStyle),s)}}))},dotBaseStyle:function(){var t,e=st(Array.isArray(this.dotSize)?this.dotSize:[this.dotSize,this.dotSize],2),r=e[0],n=e[1];return t=this.isHorizontal?at({transform:"translate(".concat(this.isReverse?"50%":"-50%",", -50%)"),WebkitTransform:"translate(".concat(this.isReverse?"50%":"-50%",", -50%)"),top:"50%"},"ltr"===this.direction?"left":"right","0"):at({transform:"translate(-50%, ".concat(this.isReverse?"50%":"-50%",")"),WebkitTransform:"translate(-50%, ".concat(this.isReverse?"50%":"-50%",")"),left:"50%"},"btt"===this.direction?"bottom":"top","0"),ot({width:"".concat(r,"px"),height:"".concat(n,"px")},t)},mainDirection:function(){switch(this.direction){case"ltr":default:return"left";case"rtl":return"right";case"btt":return"bottom";case"ttb":return"top"}},tooltipDirections:function(){var t=this.tooltipPlacement||(this.isHorizontal?"top":"left");return Array.isArray(t)?t:this.dots.map((function(){return t}))},dots:function(){var t=this;return this.control.dotsPos.map((function(e,r){return ot({pos:e,index:r,value:t.control.dotsValue[r],focus:t.states.has(ht.Focus)&&t.focusDotIndex===r,disabled:t.disabled,style:t.dotStyle},(Array.isArray(t.dotOptions)?t.dotOptions[r]:t.dotOptions)||{})}))},animateTime:function(){return this.states.has(ht.Drag)?0:this.duration},canSort:function(){return this.order&&!this.minRange&&!this.maxRange&&!this.fixed&&this.enableCross},sliderData:function(){var t=this;return this.isObjectArrayData(this.data)?this.data.map((function(e){return e[t.dataValue]})):this.isObjectData(this.data)?Object.keys(this.data):this.data},sliderMarks:function(){var t=this;return this.marks?this.marks:this.isObjectArrayData(this.data)?function(e){var r={label:e};return t.data.some((function(n){return n[t.dataValue]===e&&(r.label=n[t.dataLabel],!0)})),r}:this.isObjectData(this.data)?this.data:void 0},sliderTooltipFormatter:function(){var t=this;if(this.tooltipFormatter)return this.tooltipFormatter;if(this.isObjectArrayData(this.data))return function(e){var r=""+e;return t.data.some((function(n){return n[t.dataValue]===e&&(r=n[t.dataLabel],!0)})),r};if(this.isObjectData(this.data)){var e=this.data;return function(t){return e[t]}}},isNotSync:function(){var t=this.control.dotsValue;return Array.isArray(this.modelValue)?this.modelValue.length!==t.length||this.modelValue.some((function(e,r){return e!==t[r]})):this.modelValue!==t[0]},dragRange:function(){var t=this.dots[this.focusDotIndex-1],e=this.dots[this.focusDotIndex+1];return[t?t.pos:-1/0,e?e.pos:1/0]}},watch:{modelValue:function(){this.control&&!this.states.has(ht.Drag)&&this.isNotSync&&this.control.setValue(this.modelValue)}},methods:{isObjectData:function(t){return!!t&&"[object Object]"===Object.prototype.toString.call(t)},isObjectArrayData:function(t){return!!t&&Array.isArray(t)&&t.length>0&&"object"===nt(t[0])},bindEvent:function(){document.addEventListener("touchmove",this.dragMove,{passive:!1}),document.addEventListener("touchend",this.dragEnd,{passive:!1}),document.addEventListener("mousedown",this.blurHandle),document.addEventListener("mousemove",this.dragMove),document.addEventListener("mouseup",this.dragEnd),document.addEventListener("mouseleave",this.dragEnd),document.addEventListener("keydown",this.keydownHandle)},unbindEvent:function(){document.removeEventListener("touchmove",this.dragMove),document.removeEventListener("touchend",this.dragEnd),document.removeEventListener("mousedown",this.blurHandle),document.removeEventListener("mousemove",this.dragMove),document.removeEventListener("mouseup",this.dragEnd),document.removeEventListener("mouseleave",this.dragEnd),document.removeEventListener("keydown",this.keydownHandle)},setScale:function(){this.scale=new R(Math.floor(this.isHorizontal?this.$el.offsetWidth:this.$el.offsetHeight)).multiply(this.zoom||1).divide(100).toNumber()},initControl:function(){var t=this;this.control=new G({value:this.modelValue,data:this.sliderData,enableCross:this.enableCross,fixed:this.fixed,max:this.max,min:this.min,interval:this.interval,minRange:this.minRange,maxRange:this.maxRange,order:this.order,marks:this.sliderMarks,included:this.included,process:this.process,adsorb:this.adsorb,dotOptions:this.dotOptions,onError:this.emitError}),["data","enableCross","fixed","max","min","interval","minRange","maxRange","order","marks","process","adsorb","included","dotOptions"].forEach((function(e){t.$watch(e,(function(r){if("data"===e&&Array.isArray(t.control.data)&&Array.isArray(r)&&t.control.data.length===r.length&&r.every((function(e,r){return e===t.control.data[r]})))return!1;switch(e){case"data":case"dataLabel":case"dataValue":t.control.data=t.sliderData;break;case"mark":t.control.marks=t.sliderMarks;break;default:t.control[e]=r}["data","max","min","interval"].indexOf(e)>-1&&t.control.syncDotsPos()}))}))},syncValueByPos:function(){var t=this.control.dotsValue;if(this.isDiff(t,Array.isArray(this.modelValue)?this.modelValue:[this.modelValue])){var e=1===t.length?t[0]:Q(t);this.$emit("change",e,this.focusDotIndex),this.$emit("update:modelValue",e)}},isDiff:function(t,e){return t.length!==e.length||t.some((function(t,r){return t!==e[r]}))},emitError:function(t,e){this.silent||console.error("[VueSlider error]: ".concat(e)),this.$emit("error",t,e)},dragStartOnProcess:function(t){if(this.dragOnClick){this.setScale();var e=this.getPosByEvent(t),r=this.control.getRecentDot(e);if(this.dots[r].disabled)return;this.dragStart(r),this.control.setDotPos(e,this.focusDotIndex),this.lazy||this.syncValueByPos()}},dragStart:function(t){this.focusDotIndex=t,this.setScale(),this.states.add(ht.Drag),this.states.add(ht.Focus),this.$emit("drag-start",this.focusDotIndex)},dragMove:function(t){if(!this.states.has(ht.Drag))return!1;t.preventDefault();var e=this.getPosByEvent(t);this.isCrossDot(e),this.control.setDotPos(e,this.focusDotIndex),this.lazy||this.syncValueByPos();var r=this.control.dotsValue;this.$emit("dragging",1===r.length?r[0]:Q(r),this.focusDotIndex)},isCrossDot:function(t){if(this.canSort){var e=this.focusDotIndex,r=t;if(r>this.dragRange[1]?(r=this.dragRange[1],this.focusDotIndex++):r<this.dragRange[0]&&(r=this.dragRange[0],this.focusDotIndex--),e!==this.focusDotIndex){var n=this.$refs["dot-".concat(this.focusDotIndex)];n&&n.$el&&n.$el.focus(),this.control.setDotPos(r,e)}}},dragEnd:function(t){var e=this;if(!this.states.has(ht.Drag))return!1;setTimeout((function(){e.lazy&&e.syncValueByPos(),e.included&&e.isNotSync?e.control.setValue(e.modelValue):e.control.syncDotsPos(),e.states.delete(ht.Drag),e.useKeyboard&&!("targetTouches"in t)||e.states.delete(ht.Focus),e.$emit("drag-end",e.focusDotIndex)}))},blurHandle:function(t){if(!this.states.has(ht.Focus)||!this.$refs.container||this.$refs.container.contains(t.target))return!1;this.states.delete(ht.Focus)},clickHandle:function(t){if(!this.clickable||this.disabled)return!1;if(!this.states.has(ht.Drag)){this.setScale();var e=this.getPosByEvent(t);this.setValueByPos(e)}},focus:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t.disabled||(this.states.add(ht.Focus),this.focusDotIndex=e)},blur:function(){this.states.delete(ht.Focus)},getValue:function(){var t=this.control.dotsValue;return 1===t.length?t[0]:t},getIndex:function(){var t=this.control.dotsIndex;return 1===t.length?t[0]:t},setValue:function(t){this.control.setValue(Array.isArray(t)?Q(t):[t]),this.syncValueByPos()},setIndex:function(t){var e=this,r=Array.isArray(t)?t.map((function(t){return e.control.getValueByIndex(t)})):this.control.getValueByIndex(t);this.setValue(r)},setValueByPos:function(t){var e=this,r=this.control.getRecentDot(t);if(this.disabled||this.dots[r].disabled)return!1;this.focusDotIndex=r,this.control.setDotPos(t,r),this.syncValueByPos(),this.useKeyboard&&this.states.add(ht.Focus),setTimeout((function(){e.included&&e.isNotSync?e.control.setValue(e.modelValue):e.control.syncDotsPos()}))},keydownHandle:function(t){var e=this;if(!this.useKeyboard||!this.states.has(ht.Focus))return!1;var r=this.included&&this.marks,n=S(t,{direction:this.direction,max:r?this.control.markList.length-1:this.control.total,min:0,hook:this.keydownHook});if(n){t.preventDefault();var i=-1,o=0;r?(this.control.markList.some((function(t,r){return t.value===e.control.dotsValue[e.focusDotIndex]&&(i=n(r),!0)})),i<0?i=0:i>this.control.markList.length-1&&(i=this.control.markList.length-1),o=this.control.markList[i].pos):(i=n(this.control.getIndexByValue(this.control.dotsValue[this.focusDotIndex])),o=this.control.parseValue(this.control.getValueByIndex(i))),this.isCrossDot(o),this.control.setDotPos(o,this.focusDotIndex),this.syncValueByPos()}},getPosByEvent:function(t){return x(t,this.$el,this.isReverse,this.zoom)[this.isHorizontal?"x":"y"]/this.scale},renderSlot:function(t,e,r){var n=this.$slots[t];return n?n(e):r}},created:function(){this.initControl()},mounted:function(){this.bindEvent()},beforeUnmount:function(){this.unbindEvent()}}),vt=(0,h.Z)(mt,[["render",l]]);vt.VueSliderMark=b,vt.VueSliderDot=p;var yt=vt}(),i=i.default}())},311:t=>{"use strict";t.exports=Vue}},r={};function n(t){var i=r[t];if(void 0!==i)return i.exports;var o=r[t]={id:t,exports:{}};return e[t].call(o.exports,o,o.exports,n),o.exports}n.m=e,t=[],n.O=(e,r,i,o)=>{if(!r){var a=1/0;for(c=0;c<t.length;c++){for(var[r,i,o]=t[c],s=!0,l=0;l<r.length;l++)(!1&o||a>=o)&&Object.keys(n.O).every((t=>n.O[t](r[l])))?r.splice(l--,1):(s=!1,o<a&&(a=o));if(s){t.splice(c--,1);var u=i();void 0!==u&&(e=u)}}return e}o=o||0;for(var c=t.length;c>0&&t[c-1][2]>o;c--)t[c]=t[c-1];t[c]=[r,i,o]},n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={599:0,319:0};n.O.j=e=>0===t[e];var e=(e,r)=>{var i,o,[a,s,l]=r,u=0;if(a.some((e=>0!==t[e]))){for(i in s)n.o(s,i)&&(n.m[i]=s[i]);if(l)var c=l(n)}for(e&&e(r);u<a.length;u++)o=a[u],n.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return n.O(c)},r=self.webpackChunkdigital_creative_nova_slider_filter=self.webpackChunkdigital_creative_nova_slider_filter||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))})(),n.nc=void 0,n.O(void 0,[319],(()=>n(514)));var i=n.O(void 0,[319],(()=>n(655)));i=n.O(i)})();


--------------------------------------------------------------------------------
/dist/mix-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "/js/filter.js": "/js/filter.js",
3 |     "/css/filter.css": "/css/filter.css"
4 | }
5 | 


--------------------------------------------------------------------------------
/nova.mix.js:
--------------------------------------------------------------------------------
 1 | const mix = require('laravel-mix')
 2 | const webpack = require('webpack')
 3 | const path = require('path')
 4 | 
 5 | class NovaExtension {
 6 |     name() {
 7 |         return 'nova-extension'
 8 |     }
 9 | 
10 |     register(name) {
11 |         this.name = name
12 |     }
13 | 
14 |     webpackConfig(webpackConfig) {
15 |         webpackConfig.externals = {
16 |             vue: 'Vue',
17 |         }
18 | 
19 |         webpackConfig.resolve.alias = {
20 |             ...(webpackConfig.resolve.alias || {}),
21 |         }
22 | 
23 |         webpackConfig.output = {
24 |             uniqueName: this.name,
25 |         }
26 |     }
27 | }
28 | 
29 | mix.extend('nova', new NovaExtension())
30 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "scripts": {
 4 |         "watch": "mix watch",
 5 |         "production": "mix --production",
 6 |         "nova:install": "npm --prefix='../../vendor/laravel/nova' ci"
 7 |     },
 8 |     "devDependencies": {
 9 |         "@vue/compiler-sfc": "^3.3.4",
10 |         "laravel-mix": "^6.0.49",
11 |         "mix-tailwindcss": "^1.3.0",
12 |         "sass": "^1.68.0",
13 |         "sass-loader": "^13.3.2",
14 |         "scrollbooster": "^3.0.2",
15 |         "tailwindcss": "^3.3.3",
16 |         "vue-loader": "^17.2.2",
17 |         "vue-slider-component": "^4.1.0-beta.7"
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/resources/css/filter.css:
--------------------------------------------------------------------------------
1 | @tailwind components;
2 | @tailwind utilities;
3 | 


--------------------------------------------------------------------------------
/resources/js/components/Filter.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 
  3 |     <FilterContainer class="nova-slider-filter">
  4 | 
  5 |         <span>{{ filter.name }}</span>
  6 | 
  7 |         <template #filter>
  8 | 
  9 |             <div class="flex flex-row items-center justify-center"
 10 |                  :class="{
 11 |                     'pt-6': filter.tooltip !== 'never',
 12 |                     'p-2 pb-6': filter.marks !== undefined,
 13 |                  }">
 14 | 
 15 |                 <div v-if="!filter.disableMinMaxLabels"
 16 |                      class="text-xs flex-shrink-0 mr-2"
 17 |                      @click="value = [ filter.min, value[ 1 ] ]">
 18 | 
 19 |                     {{ replaceTokens(filterLabel, { value: filter.min }) }}
 20 | 
 21 |                 </div>
 22 | 
 23 |                 <VueSlider
 24 |                     v-model="value"
 25 |                     width="100%"
 26 |                     :lazy="true"
 27 |                     :min="filter.min"
 28 |                     :max="filter.max"
 29 |                     :min-range="filter.minRange"
 30 |                     :max-range="filter.maxRange"
 31 |                     :contained="true"
 32 |                     :enable-cross="filter.enableCross || false"
 33 |                     :tooltip="filter.tooltip || 'always'"
 34 |                     :clickable="true"
 35 |                     :interval="filter.interval"
 36 |                     :tooltip-formatter="tooltipFormatter"
 37 |                     :marks="filter.marks"
 38 |                     :duration="0.2"/>
 39 | 
 40 |                 <div v-if="!filter.disableMinMaxLabels"
 41 |                      class="text-xs flex-shrink-0 ml-2"
 42 |                      @click="value = [ value[ 0 ], filter.max ]">
 43 | 
 44 |                     {{ replaceTokens(filterLabel, { value: filter.max }) }}
 45 | 
 46 |                 </div>
 47 | 
 48 |             </div>
 49 | 
 50 |         </template>
 51 | 
 52 |     </FilterContainer>
 53 | 
 54 | </template>
 55 | 
 56 | <script>
 57 | 
 58 |     import VueSlider from 'vue-slider-component'
 59 | 
 60 |     export default {
 61 |         name: 'NovaSliderFilter',
 62 |         components: {
 63 |             VueSlider,
 64 |         },
 65 |         props: {
 66 |             resourceName: {
 67 |                 type: String,
 68 |                 required: true,
 69 |             },
 70 |             filterKey: {
 71 |                 type: String,
 72 |                 required: true,
 73 |             },
 74 |         },
 75 |         computed: {
 76 |             filter() {
 77 | 
 78 |                 return this.$store.getters[ `${ this.resourceName }/getFilter` ](
 79 |                     this.filterKey,
 80 |                 )
 81 | 
 82 |             },
 83 |             value: {
 84 |                 get() {
 85 | 
 86 |                     if (this.filter.mode === 'single') {
 87 |                         return this.filter.currentValue || this.filter.min
 88 |                     }
 89 | 
 90 |                     return Object.values(this.filter.currentValue || [ ...this.filter.values ])
 91 | 
 92 |                 },
 93 |                 set(sliderValue) {
 94 | 
 95 |                     if (sliderValue === this.filter.min) {
 96 |                         sliderValue = ''
 97 |                     }
 98 | 
 99 |                     if (
100 |                         Array.isArray(sliderValue) &&
101 |                         Object.values(this.filter.values).every((value, index) => sliderValue[ index ] === value)
102 |                     ) {
103 |                         sliderValue = ''
104 |                     }
105 | 
106 |                     this.$store.commit(`${ this.resourceName }/updateFilterState`, {
107 |                         filterClass: this.filterKey,
108 |                         value: sliderValue,
109 |                     })
110 | 
111 |                     this.$emit('change')
112 | 
113 |                 },
114 |             },
115 |             filterLabel() {
116 |                 return this.filter.label ?? '{value}'
117 |             },
118 |         },
119 |         methods: {
120 |             replaceTokens(template, tokens) {
121 | 
122 |                 for (const [ key, value ] of Object.entries(tokens)) {
123 |                     template = template.replace(`{${ key }}`, value)
124 |                 }
125 | 
126 |                 return template
127 | 
128 |             },
129 |             tooltipFormatter(value) {
130 |                 return this.replaceTokens(this.filterLabel, { value: value })
131 |             },
132 |         },
133 |     }
134 | 
135 | </script>
136 | 
137 | <style lang="scss">
138 | 
139 |     $tooltipArrow: 0px;
140 | 
141 |     @import '~vue-slider-component/lib/theme/default.scss';
142 | 
143 |     .dark .nova-slider-filter {
144 | 
145 |         .vue-slider-rail {
146 |             background-color: rgba(var(--colors-gray-700));
147 |         }
148 | 
149 |         .vue-slider-process {
150 |             background-color: rgba(var(--colors-primary-500));
151 |         }
152 | 
153 |         .vue-slider-dot-tooltip-inner {
154 |             color: rgba(var(--colors-gray-400));
155 |             background: rgba(var(--colors-gray-800));
156 |         }
157 | 
158 |     }
159 | 
160 |     .nova-slider-filter {
161 | 
162 |         .vue-slider-dot-tooltip-inner {
163 |             color: rgba(var(--colors-gray-500));
164 |             font-size: 12px;
165 |             margin-bottom: -5px;
166 |             padding: 2px 5px;
167 |             border-radius: 0.25rem;
168 |             font-weight: bold;
169 |             background-color: rgba(var(--colors-gray-200));
170 |         }
171 | 
172 |     }
173 | 
174 | </style>
175 | 


--------------------------------------------------------------------------------
/resources/js/filter.js:
--------------------------------------------------------------------------------
1 | import SliderFilter from './components/Filter.vue'
2 | 
3 | Nova.booting((app, store) => {
4 |     app.component('nova-slider-filter', SliderFilter)
5 | })
6 | 


--------------------------------------------------------------------------------
/screenshots/dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dcasia/nova-slider-filter/81004eb53126ff51ee6ad6388939f9a3405cbf49/screenshots/dark.png


--------------------------------------------------------------------------------
/screenshots/light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dcasia/nova-slider-filter/81004eb53126ff51ee6ad6388939f9a3405cbf49/screenshots/light.png


--------------------------------------------------------------------------------
/src/FilterServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types = 1);
 4 | 
 5 | namespace DigitalCreative\NovaRangeFilter;
 6 | 
 7 | use Illuminate\Support\ServiceProvider;
 8 | use Laravel\Nova\Events\ServingNova;
 9 | use Laravel\Nova\Nova;
10 | 
11 | class FilterServiceProvider extends ServiceProvider
12 | {
13 |     public function boot(): void
14 |     {
15 |         Nova::serving(function (ServingNova $event): void {
16 | 
17 |             Nova::script('nova-range-filter', __DIR__ . '/../dist/js/filter.js');
18 |             Nova::style('nova-range-filter', __DIR__ . '/../dist/css/filter.css');
19 | 
20 |         });
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/src/SliderFilter.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types = 1);
 4 | 
 5 | namespace DigitalCreative\NovaRangeFilter;
 6 | 
 7 | use Laravel\Nova\Filters\Filter;
 8 | 
 9 | abstract class SliderFilter extends Filter
10 | {
11 |     public $component = 'nova-slider-filter';
12 | 
13 |     public function range(int ...$values): self
14 |     {
15 |         sort($values);
16 | 
17 |         return $this->withMeta([ 'mode' => 'range', 'min' => min($values), 'max' => max($values), 'values' => $values ]);
18 |     }
19 | 
20 |     public function single(int $min, int $max): self
21 |     {
22 |         return $this->withMeta([ 'mode' => 'single', 'min' => $min, 'max' => $max ]);
23 |     }
24 | 
25 |     public function interval(int $value): self
26 |     {
27 |         return $this->withMeta([  'interval' => $value ]);
28 |     }
29 | 
30 |     public function minRange(int $min): self
31 |     {
32 |         return $this->withMeta([ 'minRange' => $min ]);
33 |     }
34 | 
35 |     public function maxRange(int $max): self
36 |     {
37 |         return $this->withMeta([ 'maxRange' => $max ]);
38 |     }
39 | 
40 |     /**
41 |      * Possible values: none, hover, always, active
42 |      */
43 |     public function tooltip(string $type = 'always'): self
44 |     {
45 |         return $this->withMeta([ 'tooltip' => $type ]);
46 |     }
47 | 
48 |     /**
49 |      * @see https://nightcatsama.github.io/vue-slider-component/#/basics/marks
50 |      */
51 |     public function marks(array|bool $marks): self
52 |     {
53 |         return $this->withMeta([ 'marks' => $marks ]);
54 |     }
55 | 
56 |     public function enableCross(): self
57 |     {
58 |         return $this->withMeta([ 'enableCross' => true ]);
59 |     }
60 | 
61 |     public function disableMinMaxLabels(): self
62 |     {
63 |         return $this->withMeta([ 'disableMinMaxLabels' => true ]);
64 |     }
65 | 
66 |     public function label(string $label): self
67 |     {
68 |         return $this->withMeta([ 'label' => $label ]);
69 |     }
70 | }
71 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     mode: 'jit',
3 |     content: [ './resources/**/*.vue' ],
4 |     important: '.nova-slider-filter'
5 | }
6 | 


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
 1 | const mix = require('laravel-mix')
 2 | 
 3 | require('./nova.mix')
 4 | require('mix-tailwindcss')
 5 | 
 6 | mix
 7 |     .setPublicPath('dist')
 8 |     .js('resources/js/filter.js', 'js')
 9 |     .vue({ version: 3 })
10 |     .postCss('resources/css/filter.css', 'css')
11 |     .tailwind()
12 |     .nova('digital-creative/nova-slider-filter')
13 | 


--------------------------------------------------------------------------------