@appbaseio/reactivesearch-vue 1.25.0 → 1.27.0-gamma.2

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.
Files changed (67) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +1822 -512
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/{CancelSvg-62d42af4.js → CancelSvg-4aa35935.js} +1 -14
  6. package/dist/cjs/{ComponentWrapper-32481890.js → ComponentWrapper-10bad289.js} +1 -1
  7. package/dist/cjs/DataSearch-37dfdf39.js +2154 -0
  8. package/dist/cjs/DataSearch.js +18 -2101
  9. package/dist/cjs/{DropDown-5847d6e4.js → DropDown-0076babc.js} +18 -13
  10. package/dist/cjs/DynamicRangeSlider.js +48 -12
  11. package/dist/cjs/{Input-3cc3fa59.js → Input-a9ee53ed.js} +1 -1
  12. package/dist/cjs/MultiDropdownList.js +10 -9
  13. package/dist/cjs/MultiList.js +19 -14
  14. package/dist/cjs/MultiRange.js +4 -4
  15. package/dist/cjs/RangeInput.js +10 -6
  16. package/dist/cjs/RangeSlider.js +19 -22
  17. package/dist/cjs/ReactiveBase.js +2 -2
  18. package/dist/cjs/ReactiveComponent.js +3 -3
  19. package/dist/cjs/ReactiveList.js +14 -4
  20. package/dist/cjs/ResultCard.js +1 -1
  21. package/dist/cjs/ResultList.js +1 -1
  22. package/dist/cjs/SelectedFilters.js +8 -6
  23. package/dist/cjs/SingleDropdownList.js +9 -8
  24. package/dist/cjs/SingleList.js +6 -6
  25. package/dist/cjs/SingleRange.js +4 -4
  26. package/dist/cjs/StateProvider.js +7 -3
  27. package/dist/cjs/ToggleButton.js +4 -4
  28. package/dist/cjs/{index-89c39a9e.js → index-4509aa45.js} +10 -4
  29. package/dist/cjs/index.js +14 -13
  30. package/dist/cjs/install-d95c7185.js +1204 -0
  31. package/dist/cjs/install.js +28 -33
  32. package/dist/cjs/ssr-0ee35a09.js +39 -0
  33. package/dist/cjs/version.js +1 -1
  34. package/dist/cjs/{vueTypes-4c19b4c8.js → vueTypes-57d01f18.js} +3 -3
  35. package/dist/es/{CancelSvg-e0cace2d.js → CancelSvg-c2c03a35.js} +1 -14
  36. package/dist/es/{ComponentWrapper-4f85a67e.js → ComponentWrapper-0f3431d1.js} +1 -1
  37. package/dist/es/DataSearch-77325036.js +2141 -0
  38. package/dist/es/DataSearch.js +17 -2100
  39. package/dist/es/{DropDown-1ee01031.js → DropDown-0dd8f2a3.js} +18 -13
  40. package/dist/es/DynamicRangeSlider.js +48 -12
  41. package/dist/es/{Input-08bb1bcf.js → Input-10b1d62d.js} +1 -1
  42. package/dist/es/MultiDropdownList.js +10 -9
  43. package/dist/es/MultiList.js +19 -14
  44. package/dist/es/MultiRange.js +4 -4
  45. package/dist/es/RangeInput.js +10 -6
  46. package/dist/es/RangeSlider.js +19 -22
  47. package/dist/es/ReactiveBase.js +2 -2
  48. package/dist/es/ReactiveComponent.js +3 -3
  49. package/dist/es/ReactiveList.js +14 -4
  50. package/dist/es/ResultCard.js +1 -1
  51. package/dist/es/ResultList.js +1 -1
  52. package/dist/es/SelectedFilters.js +8 -6
  53. package/dist/es/SingleDropdownList.js +9 -8
  54. package/dist/es/SingleList.js +6 -6
  55. package/dist/es/SingleRange.js +4 -4
  56. package/dist/es/StateProvider.js +7 -3
  57. package/dist/es/ToggleButton.js +4 -4
  58. package/dist/es/{index-cb1950b6.js → index-78920565.js} +10 -4
  59. package/dist/es/index.js +10 -10
  60. package/dist/es/install-432674ef.js +1197 -0
  61. package/dist/es/install.js +26 -35
  62. package/dist/es/ssr-a41dfea9.js +33 -0
  63. package/dist/es/version.js +1 -1
  64. package/dist/es/{vueTypes-fb61bb7b.js → vueTypes-687b2304.js} +3 -3
  65. package/package.json +5 -5
  66. package/dist/cjs/ssr-08e95ede.js +0 -39
  67. package/dist/es/ssr-5d255b08.js +0 -33
@@ -7,12 +7,12 @@ import 'emotion';
7
7
  import '@appbaseio/vue-emotion';
8
8
  import 'polished';
9
9
  import './Button-91561391.js';
10
- import './vueTypes-fb61bb7b.js';
11
- import ReactiveList from './ReactiveList.js';
10
+ import './vueTypes-687b2304.js';
11
+ import './ReactiveList.js';
12
12
  import '@appbaseio/reactivecore/lib/utils/transform';
13
13
  import 'redux';
14
- import './index-cb1950b6.js';
15
- import './ComponentWrapper-4f85a67e.js';
14
+ import './index-78920565.js';
15
+ import './ComponentWrapper-0f3431d1.js';
16
16
  import '@vue/babel-helper-vue-jsx-merge-props';
17
17
  import './Title-3522ff56.js';
18
18
  import './ListItem-8e8fb535.js';
@@ -21,42 +21,33 @@ import './Flex-8770345d.js';
21
21
  import '@appbaseio/reactivecore/lib/actions/analytics';
22
22
  import 'appbase-js';
23
23
  import 'url-search-params-polyfill';
24
- import ReactiveBase from './ReactiveBase.js';
24
+ import './ReactiveBase.js';
25
25
  import 'hotkeys-js';
26
- import DataSearch from './DataSearch.js';
27
- import './CancelSvg-e0cace2d.js';
28
- import './Input-08bb1bcf.js';
26
+ import './DataSearch-77325036.js';
27
+ import './CancelSvg-c2c03a35.js';
28
+ import './Input-10b1d62d.js';
29
29
  import 'compute-scroll-into-view';
30
30
  import './Container-18b03fde.js';
31
31
  import 'vue-highlight-words';
32
+ export { i as default } from './install-432674ef.js';
32
33
  import '@appbaseio/reactivecore/lib/utils/suggestions';
33
34
  import './FormControlList-704f8dee.js';
34
35
  import './utils-64a2e5f0.js';
35
- import SingleList from './SingleList.js';
36
- import MultiList from './MultiList.js';
37
- import './DropDown-1ee01031.js';
38
- import SingleDropdownList from './SingleDropdownList.js';
39
- import MultiDropdownList from './MultiDropdownList.js';
40
- import ToggleButton from './ToggleButton.js';
41
- import ReactiveComponent from './ReactiveComponent.js';
42
- import SelectedFilters from './SelectedFilters.js';
43
- import SingleRange from './SingleRange.js';
44
- import MultiRange from './MultiRange.js';
45
- import ResultCard from './ResultCard.js';
46
- import ResultList from './ResultList.js';
36
+ import './SingleList.js';
37
+ import './MultiList.js';
38
+ import './DropDown-0dd8f2a3.js';
39
+ import './SingleDropdownList.js';
40
+ import './MultiDropdownList.js';
41
+ import './ToggleButton.js';
42
+ import './ReactiveComponent.js';
43
+ import './SelectedFilters.js';
44
+ import './SingleRange.js';
45
+ import './MultiRange.js';
46
+ import './ResultCard.js';
47
+ import './ResultList.js';
47
48
  import 'vue-no-ssr';
48
- import './ssr-5d255b08.js';
49
- import RangeSlider from './RangeSlider.js';
50
- import DynamicRangeSlider from './DynamicRangeSlider.js';
51
- import StateProvider from './StateProvider.js';
52
- import RangeInput from './RangeInput.js';
53
-
54
- var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
55
- function install (Vue) {
56
- components.map(function (component) {
57
- Vue.use(component);
58
- return null;
59
- });
60
- }
61
-
62
- export default install;
49
+ import './ssr-a41dfea9.js';
50
+ import './RangeSlider.js';
51
+ import './DynamicRangeSlider.js';
52
+ import './StateProvider.js';
53
+ import './RangeInput.js';
@@ -0,0 +1,33 @@
1
+ import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
2
+ import styled from '@appbaseio/vue-emotion';
3
+ import NoSSR from 'vue-no-ssr';
4
+
5
+ var _templateObject;
6
+ var Slider = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
7
+
8
+ /**
9
+ * Caution: Please do not change this file without having a discussion with the Team.
10
+ * Any change may break the umd build, we're directly replacing the line no: 14
11
+ * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
12
+ */
13
+ // eslint-disable-next-line
14
+
15
+ var getComponents = function getComponents() {
16
+ var components = {
17
+ NoSSR: NoSSR
18
+ };
19
+
20
+ if (process.browser) {
21
+ try {
22
+ // in older versions of nuxt, it's process.BROWSER_BUILD
23
+ // eslint-disable-next-line
24
+ components['vue-slider-component'] = require('vue-slider-component');
25
+ } catch (e) {
26
+ console.error('Unable to load vue-slider', e);
27
+ }
28
+ }
29
+
30
+ return components;
31
+ };
32
+
33
+ export { Slider as S, getComponents as g };
@@ -1,3 +1,3 @@
1
- var version = "1.25.0";
1
+ var version = "1.27.0-gamma.2";
2
2
 
3
3
  export default version;
@@ -95,19 +95,19 @@ var types = {
95
95
  unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
96
96
  value: VueTypes.string.def(undefined),
97
97
  analyticsConfig: VueTypes.shape({
98
- searchStateHeader: VueTypes.bool,
99
98
  emptyQuery: VueTypes.bool,
100
99
  suggestionAnalytics: VueTypes.bool,
101
100
  userId: VueTypes.string,
102
101
  customEvents: VueTypes.object
103
102
  }),
104
103
  appbaseConfig: VueTypes.shape({
105
- enableQueryRules: VueTypes.bool,
106
104
  recordAnalytics: VueTypes.bool,
107
- searchStateHeader: VueTypes.bool,
108
105
  emptyQuery: VueTypes.bool,
109
106
  suggestionAnalytics: VueTypes.bool,
107
+ enableQueryRules: VueTypes.bool,
108
+ enableSearchRelevancy: VueTypes.bool,
110
109
  userId: VueTypes.string,
110
+ useCache: VueTypes.bool,
111
111
  customEvents: VueTypes.object,
112
112
  enableTelemetry: VueTypes.bool.def(true)
113
113
  }).def({}),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appbaseio/reactivesearch-vue",
3
- "version": "1.25.0",
3
+ "version": "1.27.0-gamma.2",
4
4
  "private": false,
5
5
  "main": "dist/cjs/index.js",
6
6
  "jsnext:main": "dist/es/index.js",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "sideEffects": false,
36
36
  "dependencies": {
37
- "@appbaseio/reactivecore": "9.13.3",
37
+ "@appbaseio/reactivecore": "9.14.0",
38
38
  "@appbaseio/vue-emotion": "0.4.4",
39
39
  "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
40
- "appbase-js": "^4.5.1",
40
+ "appbase-js": "^5.0.0",
41
41
  "compute-scroll-into-view": "^1.0.11",
42
42
  "emotion": "9.2.12",
43
43
  "hotkeys-js": "^3.8.7",
@@ -46,7 +46,7 @@
46
46
  "url-search-params-polyfill": "^7.0.0",
47
47
  "vue-highlight-words": "^1.2.0",
48
48
  "vue-no-ssr": "^1.1.0",
49
- "vue-slider-component": "^2.8.16",
49
+ "vue-slider-component": "^3.2.15",
50
50
  "vue-types": "^1.3.3"
51
51
  },
52
52
  "peerDependencies": {
@@ -62,10 +62,10 @@
62
62
  "@babel/preset-env": "^7.5.5",
63
63
  "@babel/preset-stage-2": "^7.0.0",
64
64
  "@vue/babel-preset-jsx": "^1.1.0",
65
+ "eslint": "^4.12.0",
65
66
  "eslint-config-airbnb-base": "^13.1.0",
66
67
  "eslint-config-prettier": "^3.1.0",
67
68
  "eslint-plugin-vue": "^4.7.1",
68
- "eslint": "^4.12.0",
69
69
  "nps": "^5.9.3",
70
70
  "nps-utils": "^1.7.0",
71
71
  "rollup": "^1.20.3",
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
6
- var styled = require('@appbaseio/vue-emotion');
7
- var styled__default = _interopDefault(styled);
8
- var NoSSR = _interopDefault(require('vue-no-ssr'));
9
-
10
- var _templateObject;
11
- var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot{\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder-color: #000;\n\t\tbackground-color: #000;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot -tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
12
-
13
- /**
14
- * Caution: Please do not change this file without having a discussion with the Team.
15
- * Any change may break the umd build, we're directly replacing the line no: 14
16
- * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
17
- */
18
- // eslint-disable-next-line
19
-
20
- var getComponents = function getComponents() {
21
- var components = {
22
- NoSSR: NoSSR
23
- };
24
-
25
- if (process.browser) {
26
- try {
27
- // in older versions of nuxt, it's process.BROWSER_BUILD
28
- // eslint-disable-next-line
29
- components['vue-slider-component'] = require('vue-slider-component');
30
- } catch (e) {
31
- console.error('Unable to load vue-slider', e);
32
- }
33
- }
34
-
35
- return components;
36
- };
37
-
38
- exports.Slider = Slider;
39
- exports.getComponents = getComponents;
@@ -1,33 +0,0 @@
1
- import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
2
- import styled from '@appbaseio/vue-emotion';
3
- import NoSSR from 'vue-no-ssr';
4
-
5
- var _templateObject;
6
- var Slider = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot{\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder-color: #000;\n\t\tbackground-color: #000;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot -tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
7
-
8
- /**
9
- * Caution: Please do not change this file without having a discussion with the Team.
10
- * Any change may break the umd build, we're directly replacing the line no: 14
11
- * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
12
- */
13
- // eslint-disable-next-line
14
-
15
- var getComponents = function getComponents() {
16
- var components = {
17
- NoSSR: NoSSR
18
- };
19
-
20
- if (process.browser) {
21
- try {
22
- // in older versions of nuxt, it's process.BROWSER_BUILD
23
- // eslint-disable-next-line
24
- components['vue-slider-component'] = require('vue-slider-component');
25
- } catch (e) {
26
- console.error('Unable to load vue-slider', e);
27
- }
28
- }
29
-
30
- return components;
31
- };
32
-
33
- export { Slider as S, getComponents as g };