PageSourceSearch

https://www.nivea.com.vn/dist/NiveaX/modules/RangeInputWithEvent.633b9d3d.js

js nivea.com.vn collected 2026-10-06 04:44:02 UTC 5,723 bytes, 2 lines download raw bytes

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[306,8874,8966],{6929:(t,e,i)=>{i.r(e),i.d(e,{default:()=>s});const s=i(16038).default},16038:(t,e,i)=>{i.r(e),i.d(e,{default:()=>l});var s=i(98684),n=i(21464);const u='[data-module="RangeInput"]';class l{static setup(t=u){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new l(t),t.dataset.moduleInitialized="true"})}constructor(t,e={}){this.element=t,this.generatedList=!1,this.options=(0,n.$E)(this.element,Object.assign(this.getDefaultOptions(),e)),this.inputField=this.element.querySelector(`.${this.options.InputFieldClass}`),this.rangeValueList=this.element.querySelectorAll(`.${this.options.InputValueClass}`),this.inputFieldActiveBackground=this.element.querySelector(`.${this.options.InputFieldClass}--active`),this.inputFieldThumb=this.element.querySelector(`.${this.options.InputFieldClass}--thumb`),this.inputFieldThumbHover=this.element.querySelector(`.${this.options.InputFieldClass}--thumb-hover`),this.inputFieldThumbHoverContent=this.element.querySelector(`.${this.options.InputFieldClass}--thumb-hover-text`),this.inputField.step||(this.inputField.step=1),this.numberOfSteps=(this.inputField.max-this.inputField.min)/this.inputField.step+1,this.numberOfSteps>20&&this.element.querySelector(`.${this.options.InputValueClass}-list`).classList.add(`${this.options.InputValueClass}-list--show-first-and-last`),0===this.rangeValueList.length&&(this.generatedList=!0,this.generateHoverContentList()),this.positionItemLabels(),this.init()}init(){this.activeInputElementBackground(this.correctInputValue(this.inputField.value)).moveInputThumb(this.correctInputValue(this.inputField.value)).moveInputThumbHover(this.correctInputValue(this.inputField.value)).focusInputThumb().onInputChange()}generateHoverContentList(){let t=this.inputField.min;for(let e=0;e<this.numberOfSteps;e++){e>0&&(t=parseFloat(t)+parseFloat(this.inputField.step));let i=(0,s.cg)(`${this.options.InputValueClass}`);i.innerHTML=t,i.setAttribute("data-hover-value",t),this.element.querySelector(`.${this.options.InputValueClass}-list`).appendChild(i)}return this.rangeValueList=this.element.querySelectorAll(`.${this.options.InputValueClass}`),this}onInputChange(){return this.inputField.oninput=t=>{this.doOnInputChange(t)},this}doOnInputChange(t){return this.activeInputElementBackground(this.correctInputValue(this.inputField.value)).moveInputThumb(this.correctInputValue(this.inputField.value)).moveInputThumbHover(this.correctInputValue(this.inputField.value)),this}correctInputValue(t){let e;return e=t===this.inputField.min?0:(this.inputField.value-this.inputField.min)/this.inputField.step,e}activeInputElementBackground(t){return this.inputFieldActiveBackground.style.width=this.getPositionCalculation(t),this}moveInputThumb(t){return this.inputFieldThumb.style.left=this.getPositionCalculation(t),this.addFirstAndLastClasses(this.inputFieldThumb,`${this.options.InputFieldClass}--thumb`),this}moveInputThumbHover(t){return this.inputThumbHoverContent(),this.inputField.value===this.inputField.max?(this.inputFieldThumbHover.style.right="0%",this.inputFieldThumbHover.style.left="auto"):(this.inputFieldThumbHover.style.left=this.getPositionCalculation(t),this.inputFieldThumbHover.style.right="auto"),this.addFirstAndLastClasses(this.inputFieldThumbHover,`${this.options.InputFieldClass}--thumb-hover`),this}inputThumbHoverContent(){return this.inputFieldThumbHoverContent.innerHTML=this.rangeValueList[this.correctInputValue(this.inputField.value)].getAttribute("data-hover-value"),this}focusInputThumb(){return this.inputField.addEventListener("mousedown",()=>{this.inputFieldThumb.classList.add(`${this.options.InputFieldClass}--thumb-active`)}),this.inputField.addEventListener("mouseup",()=>{this.inputFieldThumb.classList.remove(`${this.options.InputFieldClass}--thumb-active`)}),this.inputField.addEventListener("touchstart",()=>{this.inputFieldThumb.classList.add(`${this.options.InputFieldClass}--thumb-active`)},{passive:!0}),this.inputField.addEventListener("touchend",()=>{this.inputFieldThumb.classList.remove(`${this.options.InputFieldClass}--thumb-active`)},{passive:!0}),this}getPositionCalculation(t){return 100*t/(this.numberOfSteps-1)+"%"}addFirstAndLastClasses(t,e){this.resetFirstAndLastClasses(t,`${e}`),parseFloat(this.inputField.value)===parseFloat(this.inputField.min)&&this.addFirstClass(t,`${e}`),parseFloat(this.inputField.value)===parseFloat(this.inputField.max)&&this.addLastClass(t,`${e}`)}addFirstClass(t,e){return t.classList.add(`${e}-first`),this}addLastClass(t,e){return t.classList.add(`${e}-last`),this}resetFirstAndLastClasses(t,e){return t.classList.remove(`${e}-first`),t.classList.remove(`${e}-last`),this}positionItemLabels(){if(0!==this.rangeValueList.length){for(let t=0;t<this.numberOfSteps;t++)this.rangeValueList[t].style.left=100/(this.inputField.max-this.inputField.min)*(t*this.inputField.step)+"
1%";return this}}getDefaultOptions(){return{InputFieldClass:"nx-range-slider-input",InputValueClass:"nx-range-slider-value"}}}l.setup(u)},68096:(t,e,i)=>{i.r(e),i.d(e,{default:()=>u});var s=i(6929);const n='[data-module="RangeInputWithEvent"]';class u extends s.default{static setup(t=n){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new u(t),t.dataset.moduleInitialized="true"})}constructor(t){super(t)}doOnInputChange(t){return super.doOnInputChange(t),this.dispatchSliderEvent(t.target.value),this}dispatchSliderEvent(t){this.inputField.dispatchEvent(new CustomEvent("niveax:RangeInput",{detail:{inputValue:t}}))}}u.setup(n)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/RangeInputWithEvent.633b9d3d.js.d61199c7.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.