\n \n `;\n\n this.events();\n\n return output;\n\n};\n\n\n\n\n\n","import {debounce} from 'throttle-debounce'; \n\nexport function events(){\n\n\t/*\n\t$(\"body\").on(\"input propertychange change\", \".\"+this.rangeInputClass, ()=>{\n\n\t\treturn this.valueHasChanged({\n\t\t\tchangedFrom: \"slider\"\n\t\t});\n\n\t});\n\t*/\n\n\t$(\"body\").on(\"input propertychange change\", \".\"+this.rangeInputClass, debounce(150, ()=>{\n\n\t\treturn this.valueHasChanged({\n\t\t\tchangedFrom: \"slider\"\n\t\t});\n\n\t}));\t\n\n\t$(\"body\").on(\"keyup\", \".\"+this.editableInputClass, debounce(250, ()=>{\n\n\t\treturn this.valueHasChanged({\n\t\t\tchangedFrom: \"input\"\n\t\t});\n\n\t}));\n\n\n\t$(\"body\").on(\"mousedown\", \".\"+this.resetBtnClass, ()=>{\n\n\t\t$(\".\"+this.rangeInputClass).val(this.defaultValue);\n\n\t\treturn this.valueHasChanged({\n\t\t\tchangedFrom: \"slider\"\n\t\t});\t\t\n\n\t});\n\n\t\n\n};","\nexport function valueHasChanged(obj={}){\n\n\tconst changedFrom = obj.changedFrom;\n\n\tconst value_fromSlider = $(\".\"+this.rangeInputClass).val();\n\n\t//console.log(value_fromSlider+\" from slider\");\n\n\tconst value_fromInput = $(\".\"+this.editableInputClass).val();\n\n\tlet value = value_fromSlider;\n\n\tif(changedFrom == \"input\"){\n\n\t\tvalue = value_fromInput;\n\n\t};\n\n\t//const value = $(\".\"+this.rangeInputClass).val();\n\n\tif(this.isEmpty(value)){\n\n\t\tvalue = this.defaultValue;\n\n\t};\n\n\tif(value > this.max){\n\n\t\tvalue = this.max;\n\t\t\n\t}else if(value < this.min){\n\n\t\tvalue = this.min;\n\n\t};\n\n\tif(changedFrom != \"slider\"){\n\n\t\t$(\".\"+this.rangeInputClass).val(value);\n\n\t};\n\n\t$(\".\"+this.editableInputClass).val(value);\n\n\t$(\".\"+this.editableInputClass).trigger(\"focusout\");\n\n\t\n\tif( !this.onChangeFunc || !$.isFunction(this.onChangeFunc) ){\n\n\t\treturn false;\n\n\t};\n\n\t//console.log(value+\" before function\");\n\n\tthis.onChangeFunc({\n\t\tvalue: value,\n\t\tunit: this.unit,\n\t\tproperty: this.property,\n\t\tdefaultValue:this.defaultValue, \n\t\tstorageObj: this.storageObj\n\t});\n\n\t//return false;\n\n};","export function changeMinimumValue(data={}){\n\n\tconst newValue = data.newValue;\n\tconst type = data.type || \"all\";\n\n\tif(type == \"textOnly\" || type == \"all\"){\n\n\t\t$(\".\"+this.minTextClass).html(newValue);\n\n\t};\n\n\tif(type == \"valueOnly\" || type == \"all\"){\n\n\t\tthis.min = newValue;\n\t\t$(\".\"+this.rangeInputClass).attr(\"min\", newValue);\n\t\t\n\t};\n\t\n\n};","export function changeMaximumValue(data={}){\n\n\tconst newValue = data.newValue;\n\tconst type = data.type || \"all\";\n\n\tif(type == \"textOnly\" || type == \"all\"){\n\n\t\t$(\".\"+this.maxTextClass).html(newValue);\n\n\t};\n\n\tif(type == \"valueOnly\" || type == \"all\"){\n\n\t\tthis.max = newValue;\n\t\t\n\t\t$(\".\"+this.rangeInputClass).attr(\"max\", newValue);\n\t\t\n\t};\n\n\t\n\t\n\n};","export function changeValue(newValue){\n\n\t$(\".\"+this.rangeInputClass).val(newValue);\n\n};","import {setId} from \n \"./../universal_methods/setId.js\";\n\nimport {getId} from \n \"./../universal_methods/getId.js\"; \nimport {isEmpty} from \"./../universal_methods/isEmpty.js\"; \nimport {getAttributes} from \"./../universal_methods/getAttributes.js\"; \n\nimport {render} from \"./methods/render.js\";\nimport {events} from \"./methods/events.js\";\nimport {valueHasChanged} from \"./methods/valueHasChanged.js\";\nimport {changeMinimumValue} from \"./methods/changeMinimumValue.js\";\nimport {changeMaximumValue} from \"./methods/changeMaximumValue.js\";\nimport {changeValue} from \"./methods/changeValue.js\";\n\n\n\nexport class SmetioRangeSlider {\n\n constructor(){\n \n this.setId = setId;\n this.getId = getId;\n this.getAttributes = getAttributes;\n this.isEmpty = isEmpty;\n this.render = render;\n this.events = events;\n this.valueHasChanged = valueHasChanged;\n this.changeMinimumValue = changeMinimumValue;\n this.changeMaximumValue = changeMaximumValue;\n this.changeValue = changeValue;\n\n this.setId();\n //this.getId();\n\n this.withOutEditableTextInput = false;\n this.withOutResetBtn = false;\n this.min = 0;\n this.max = 100;\n this.minText = this.min;\n this.maxText = this.max;\n this.defaultValue = 50;\n this.sliderText = \"\";\n this.onChangeFunc = \"\";\n this.property = \"\";\n this.unit = \"\";\n\n /***** \n * IS AN OBJECT THAT CAN BE USED BY OTHER FUNCTIONS TO STORE THE DETAILS THAT ARE PASSED \n * TO THE this.onChangeFunc\n * \n * THIS COULD BE A LOCAL VARIABLES OBJECT WITHIN A FUNCTION OR ANOTHER CLASS \n * \n * OBJECTS ARE PASSED BY REFERENCE AND THIS MEANS THE CONTENT OF THE this.storageObj\n * WILL THEN BE AVAILABLE TO OTHER PARTS/FUNCTIONS OF THE CLASS\n * \n * FOR EXAMPLE ONE PASSES this.test AS storageObj, IF storageObj[\"isOpen\"] = true THEN \n * this.test[\"isOpen\"] IS ALSO EQUAL TO true \n * \n * ****/ \n this.storageObj = {};\n\n\n this.mainDivClass = \"smetio-ui-rangeSlider-\"+this.id;\n\n this.mainAttributes = {\n\n class:[\"smetio-ui-rangeSlider\", this.mainDivClass],\n\n };\n\n this.rangeInputClass = \"smetio-ui-rangeSlider-rangeInput-\"+this.id;\n this.rangeInputAttributes = {\n \n class:[\"smetio-ui-rangeSlider-rangeInput\", this.rangeInputClass],\n type: \"range\"\n };\n\n this.editableInputClass = \"smetio-ui-rangeSlider-editableInput-\"+this.id;\n this.editableInputAttributes = {\n\n class:[\"smetio-ui-rangeSlider-editableInput\", this.editableInputClass],\n type: \"text\",\n hidden: this.withEditableTextInput\n\n };\n\n this.resetBtnClass = \"smetio-ui-rangeSlider-resetBtn-\"+this.id;\n this.resetBtnAttributes = {\n\n class:[\"smetio-ui-rangeSlider-resetBtn\", this.resetBtnClass],\n hidden:this.withOutResetBtn\n\n };\n\n this.minTextClass = \"smetio-ui-rangeSlider-miniText-\"+this.id;\n this.minTextAttributes = {\n\n class:[\n \"smetio-ui-rangeSlider-miniText\", \n this.minTextClass\n\n ]\n \n }; \n\n this.maxTextClass = \"smetio-ui-rangeSlider-maxText-\"+this.id;\n this.maxTextAttributes = {\n\n class:[\n \"smetio-ui-rangeSlider-maxText\", \n this.maxTextClass\n\n ]\n \n }; \n\n\n };\n\n};\n","\nimport {cssFiltersForCanvas} from \n \"./../../../variables/cssFiltersForCanvas.js\";\n\n\n\nimport {changeIfEmpty} from\n \"./../../change/changeIfEmpty.js\";\n\nimport {SmetioRangeSlider} from\n \"./../../../classes/smetioRangeSlider/SmetioRangeSlider.js\";\n\nexport function getRangeSlidersForCanvasFilters(obj={}){\n\n\t/**** \n\t * \n\t * THIS FUNCTION RECEIVES THE cssFiltersForCanvas AND THEN CREATES A SLIDER FOR EACH OF THE FILTERS\n\t * IF THE cssFiltersForCanvas IS NOT PASSED TO IT, THE FUNCTION WILL USE THE DEFAULT VALUES OF\n\t * THE cssFiltersForCanvas AS STORED IN THE cssFiltersForCanvas.js FILE\n\t * \n\t * THE cssFiltersForCanvas CAN BE ALTERED BY OTHER FILES BEFORE IT IS PASSED TO THIS FUNCTION\n\t * \t\tFOR EXAMPLE THE FUNCTION THAT WILL BE CALLED WHEN EACH FILTER VALUE IS CHANGED \n\t * \t\tNEEDS TO BE SET BEFORE THE cssFiltersForCanvas IS PASSED TO THIS FUNCTION\n\t * \n\t * \t\tONE CAN ALSO REMOVE SOME FILTER BY CHANGING THEIR isNeeded VALUE TO false\n\t * \n\t * ****/\n\n\tlet myCssFiltersForCanvas = changeIfEmpty(obj.filtersObj, cssFiltersForCanvas); \n\n\tconst storageObj = obj.storageObj;\n\n\tlet output = \"\";\n\n\t/**** GET ALL THE FILTERS OPTIONS FROM THE CSS PROPERTIES ****/\n\n\t$.each(myCssFiltersForCanvas, (key, value)=>{\n\n\t\tif(!value.isNeeded){\n\n\t\t\treturn true;\n\n\t\t};\n\n\t\tconst smetioRangeSlider = new SmetioRangeSlider();\n\t\tsmetioRangeSlider.sliderText = value.text;\n\t\tsmetioRangeSlider.min = value.minValue;\n\t\tsmetioRangeSlider.max = value.maxValue;\n\t\tsmetioRangeSlider.defaultValue = value.defaultValue;\n\t\tsmetioRangeSlider.unit = value.unit;\n\t\tsmetioRangeSlider.property = value.property;\n\t\tsmetioRangeSlider.onChangeFunc = value.onChangeFunc;\n\t\tsmetioRangeSlider.storageObj = storageObj;\n\n\t\toutput += smetioRangeSlider.render();\n\n\t});\n\n\treturn output;\n\n};"],"names":["SmetioPreloader","render","output","preloader","extra_attributes","openOnClick_preloader","openOnClick_divs","createOpenOnClickDivs","concat","id","extraClass","tab_toggle_id","text","textToken","isActive","icon","text_extra_attributes","getOpenOnClickDivs","SmetioSideMenuItem","_classCallCheck","checkIfItIsEmpty","changeIfEmpty","itemOne","itemTwo","cssFiltersForCanvas","blur","property","window","smetioTxts","txt15","unit","minValue","maxValue","defaultValue","isNeeded","onChangeFunc","brightness","smetioTxt","txt16","contrast","txt17","grayscale","txt18","hueRotate","txt19","invert","txt20","opacity","txt21","saturation","txt22","sepia","txt23","shrink","currentWidth","widthMovement","minWidth","$","attr","maxWidth","css","expand","hideExpandableMenu","arrowHolderWidth","showExpandableMenu","globalVar","getId","menuType","getDefaultSideMenu","getExpandableSideMenu","setId","SmetioSideMenu","side","position","closeStatus","content","rangeInputAttributes","min","max","isEmpty","minText","maxText","resetBtnAttributes","withOutResetBtn","editableInputAttributes","withOutEditableTextInput","getAttributes","mainAttributes","sliderText","minTextAttributes","maxTextAttributes","events","debounce","_this","on","rangeInputClass","valueHasChanged","changedFrom","editableInputClass","resetBtnClass","val","obj","arguments","length","undefined","value_fromSlider","value_fromInput","value","trigger","isFunction","storageObj","changeMinimumValue","data","newValue","type","minTextClass","html","changeMaximumValue","maxTextClass","changeValue","SmetioRangeSlider","mainDivClass","hidden","withEditableTextInput","getRangeSlidersForCanvasFilters","myCssFiltersForCanvas","filtersObj","each","key","smetioRangeSlider"],"sourceRoot":""}