{"version":3,"file":"Src_Scripts_components_range-picker_js.ebc1943ed86c16a41894.js","sources":["webpack://haveselskabet/./Src/Scripts/components/range-picker.js"],"sourcesContent":["import noUiSlider from \"nouislider\";\n\nexport default class RangePicker {\n    constructor(elm, args) {\n        var fromInput = elm.querySelector(\"#from-range\");\n        var toInput = elm.querySelector(\"#to-range\");\n        var rangePicker = elm.querySelector(\"#range-picker\");\n        var minValueSpan = elm.querySelector(\"[data-min-value]\");\n        var maxValueSpan = elm.querySelector(\"[data-max-value]\");\n        fromInput.addEventListener(\"reset\", () => {\n            var values = slider.get();\n            values[0] = args.min;\n            slider.set(values);\n        });\n        toInput.addEventListener(\"reset\", () => {\n            var values = slider.get();\n            values[1] = args.max;\n            slider.set(values);\n        });\n\n        var slider = noUiSlider.create(rangePicker, {\n            start: [args.min, args.max],\n            connect: true,\n            range: {\n                min: args.min,\n                max: args.max,\n            },\n            step: 100,\n        });\n\n        rangePicker.noUiSlider.on(\"update\", function (values, handle) {\n            fromInput.value = values[0] == args.min ? null : values[0];\n            toInput.value = values[1] == args.max ? null : values[1];\n            minValueSpan.innerText = Math.round(values[0]);\n            maxValueSpan.innerText = `+ ${Math.round(values[1])}`;\n            fromInput.dispatchEvent(new Event(\"change\", { bubbles: true }));\n        }); \n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;;A;;A","sourceRoot":""}