@htmlbricks/range-slider-component - npm Package Compare versions

Comparing version 0.1.36 to 0.2.0

package.json

@@ -5,3 +5,3 @@ {
 	"description": "Svelte Boostrap Video Card WebComponent",
-	"version": "0.1.36",
+	"version": "0.2.0",
 	"main": "release/rangeslider.js",
@@ -70,3 +70,3 @@ "publishConfig": {
 	"contributors": [],
-	"gitHead": "fced2adf9fd0ab5b9b15f93497fdf9175888b71a"
+	"gitHead": "8cc73a52a36502504fd59c72872d0ce5ffc42468"
 }

release/rangeslider.js

@@ -1,2 +0,2 @@
-var rangeslider=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function r(t){t.forEach(e)}function i(t){return"function"==typeof t}function o(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function a(t,e){t.appendChild(e)}function s(t,e,n){t.insertBefore(e,n||null)}function l(t){t.parentNode.removeChild(t)}function u(t){return document.createElement(t)}function c(t){return document.createTextNode(t)}function p(){return c(" ")}function d(t,e,n,r){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n,r)}function h(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function f(t){return""===t?null:+t}function m(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}function g(t,e){t.value=null==e?"":e}function b(t,e,n,r){t.style.setProperty(e,n,r?"important":"")}function x(t){const e={};for(const n of t)e[n.name]=n.value;return e}let v;function $(t){v=t}function y(){if(!v)throw new Error("Function called outside component initialization");return v}function w(){const t=y();return(e,n)=>{const r=t.$$.callbacks[e];if(r){const i=function(t,e,n=!1){const r=document.createEvent("CustomEvent");return r.initCustomEvent(t,n,!1,e),r}(e,n);r.slice().forEach((e=>{e.call(t,i)}))}}}const k=[],_=[],E=[],N=[],C=Promise.resolve();let z=!1;function M(t){E.push(t)}const j=new Set;let A=0;function T(){const t=v;do{for(;A<k.length;){const t=k[A];A++,$(t),L(t.$$)}for($(null),k.length=0,A=0;_.length;)_.pop()();for(let t=0;t<E.length;t+=1){const e=E[t];j.has(e)||(j.add(e),e())}E.length=0}while(k.length);for(;N.length;)N.pop()();z=!1,j.clear(),$(t)}function L(t){if(null!==t.fragment){t.update(),r(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(M)}}const R=new Set;function O(t,e){-1===t.$$.dirty[0]&&(k.push(t),z||(z=!0,C.then(T)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function P(o,a,s,u,c,p,d,h=[-1]){const f=v;$(o);const m=o.$$={fragment:null,ctx:null,props:p,update:t,not_equal:c,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(a.context||(f?f.$$.context:[])),callbacks:n(),dirty:h,skip_bound:!1,root:a.target||f.$$.root};d&&d(m.root);let g=!1;if(m.ctx=s?s(o,a.props||{},((t,e,...n)=>{const r=n.length?n[0]:e;return m.ctx&&c(m.ctx[t],m.ctx[t]=r)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](r),g&&O(o,t)),e})):[],m.update(),g=!0,r(m.before_update),m.fragment=!!u&&u(m.ctx),a.target){if(a.hydrate){const t=function(t){return Array.from(t.childNodes)}(a.target);m.fragment&&m.fragment.l(t),t.forEach(l)}else m.fragment&&m.fragment.c();a.intro&&((b=o.$$.fragment)&&b.i&&(R.delete(b),b.i(x))),function(t,n,o,a){const{fragment:s,on_mount:l,on_destroy:u,after_update:c}=t.$$;s&&s.m(n,o),a||M((()=>{const n=l.map(e).filter(i);u?u.push(...n):r(n),t.$$.on_mount=[]})),c.forEach(M)}(o,a.target,a.anchor,a.customElement),T()}var b,x;$(f)}let H;function S(t){let e,n,r,i,o,d,f,g=Math.round(t[3])+"",x=Math.round(t[4])+"";return{c(){e=u("div"),n=u("span"),r=c(g),i=p(),o=u("div"),d=u("span"),f=c(x),h(n,"id","value"),h(e,"class","sign"),h(e,"part","sign"),b(e,"left",t[5]+"%"),h(d,"id","value"),h(o,"class","sign"),h(o,"part","sign"),b(o,"left",t[6]+"%")},m(t,l){s(t,e,l),a(e,n),a(n,r),s(t,i,l),s(t,o,l),a(o,d),a(d,f)},p(t,n){8&n&&g!==(g=Math.round(t[3])+"")&&m(r,g),32&n&&b(e,"left",t[5]+"%"),16&n&&x!==(x=Math.round(t[4])+"")&&m(f,x),64&n&&b(o,"left",t[6]+"%")},d(t){t&&l(e),t&&l(i),t&&l(o)}}}function V(e){let n,i,o,c,f,m,x,v,$,y,w,k,_,E,N,C,z,M,j,A=e[0]&&S(e);return{c(){n=u("div"),i=u("div"),o=u("div"),c=p(),f=u("div"),m=p(),x=u("div"),v=p(),$=u("span"),y=p(),w=u("span"),k=p(),A&&A.c(),_=p(),E=u("input"),N=p(),C=u("input"),this.c=t,h(o,"class","inverse"),h(o,"part","inverse"),h(o,"id","inverse-left"),b(o,"width",e[5]+100-e[6]+"%"),h(f,"class","inverse"),h(f,"part","inverse"),h(f,"id","inverse-right"),b(f,"width",e[5]+100-e[6]+"%"),h(x,"id","the-range"),h(x,"part","the-range"),b(x,"left",e[5]+"%"),b(x,"right",100-e[6]+"%"),h($,"class","the-thumb"),h($,"part","the-thumb"),b($,"left",e[5]+"%"),h(w,"class","the-thumb"),h(w,"part","the-thumb"),b(w,"left",e[6]+"%"),h(i,"id","slider-distance-content"),h(E,"type","range"),h(E,"tabindex","0"),h(E,"max",B),h(E,"min",q),h(E,"step","0.0001"),h(C,"type","range"),h(C,"tabindex","0"),h(C,"max",B),h(C,"min",q),h(C,"step","0.0001"),h(n,"id","slider-distance-container"),h(n,"style",z=e[0]?"margin: 45px 0 10px 0;":"")},m(t,r){s(t,n,r),a(n,i),a(i,o),a(i,c),a(i,f),a(i,m),a(i,x),a(i,v),a(i,$),a(i,y),a(i,w),a(i,k),A&&A.m(i,null),a(n,_),a(n,E),g(E,e[1]),a(n,N),a(n,C),g(C,e[2]),M||(j=[d(E,"change",e[15]),d(E,"input",e[15]),d(E,"input",e[16]),d(E,"change",e[7]),d(C,"change",e[17]),d(C,"input",e[17]),d(C,"input",e[18]),d(C,"change",e[7])],M=!0)},p(t,[e]){96&e&&b(o,"width",t[5]+100-t[6]+"%"),96&e&&b(f,"width",t[5]+100-t[6]+"%"),32&e&&b(x,"left",t[5]+"%"),64&e&&b(x,"right",100-t[6]+"%"),32&e&&b($,"left",t[5]+"%"),64&e&&b(w,"left",t[6]+"%"),t[0]?A?A.p(t,e):(A=S(t),A.c(),A.m(i,null)):A&&(A.d(1),A=null),2&e&&g(E,t[1]),4&e&&g(C,t[2]),1&e&&z!==(z=t[0]?"margin: 45px 0 10px 0;":"")&&h(n,"style",z)},i:t,o:t,d(t){t&&l(n),A&&A.d(),M=!1,r(j)}}}"function"==typeof HTMLElement&&(H=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(i);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,e,n){this[t]=n}disconnectedCallback(){r(this.$$.on_disconnect)}$destroy(){!function(t,e){const n=t.$$;null!==n.fragment&&(r(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});const q=0,B=100;function D(t,e,n){const r=y(),i=w();let o,a,s,l,u,c,{id:p}=e,{min:d}=e,{max:h}=e,{minval:m}=e,{maxval:g}=e,{withbubbles:b}=e;function x(t){var e,r;if(!(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.value)||Number(t.target.value)===1/0||isNaN(Number(t.target.value)))return console.error(`invalid value ${null===(r=null==t?void 0:t.target)||void 0===r?void 0:r.value}`);Number(t.target.value)<B&&Number(t.target.value)<l?n(1,s=Number(t.target.value)):n(1,s=B>l?l:B)}function v(t){var e,r;if(!(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.value)||Number(t.target.value)===1/0||isNaN(Number(t.target.value)))return console.error(`invalid value ${null===(r=null==t?void 0:t.target)||void 0===r?void 0:r.value}`);Number(t.target.value)>q&&Number(t.target.value)>s?n(2,l=Number(t.target.value)):n(2,l=q>s?q:s)}return t.$$set=t=>{"id"in t&&n(10,p=t.id),"min"in t&&n(11,d=t.min),"max"in t&&n(12,h=t.max),"minval"in t&&n(13,m=t.minval),"maxval"in t&&n(14,g=t.maxval),"withbubbles"in t&&n(0,b=t.withbubbles)},t.$$.update=()=>{31751&t.$$.dirty&&(p||n(10,p=""),n(0,b=!(!b&&""!==b)),n(11,d=d?Number(d):q),n(12,h=h?Number(h):B),m&&(d>m&&n(13,m=d),n(1,s=100*(m-d)/(h-d)),n(13,m=null)),g&&(h<g&&n(14,g=h),n(2,l=100*(g-d)/(h-d)),n(14,g=null)),s||n(1,s=q),l||n(2,l=B),n(3,o=d+(h-d)/100*s),n(4,a=d+(h-d)/100*l),n(5,u=s/B*100),n(6,c=l/B*100))},[b,s,l,o,a,u,c,function(){const t={minValue:o,maxValue:a,minPercent:s,maxPercent:l};var e,n;i(e="changeRangeValues",n=t),r.dispatchEvent&&r.dispatchEvent(new CustomEvent(e,{detail:n})),console.log("status",t,s,l)},x,v,p,d,h,m,g,function(){s=f(this.value),n(1,s),n(10,p),n(0,b),n(11,d),n(12,h),n(13,m),n(14,g),n(2,l)},t=>x(t),function(){l=f(this.value),n(2,l),n(10,p),n(0,b),n(11,d),n(12,h),n(13,m),n(14,g),n(1,s)},t=>v(t)]}class F extends H{constructor(t){super(),this.shadowRoot.innerHTML='<style>@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css");:host{font-family:"Roboto", sans-serif}#slider-distance-container{position:relative;height:14px;border-radius:10px;text-align:left}#slider-distance-content{position:absolute;left:13px;right:15px;height:14px}.inverse{position:absolute;height:14px;border-radius:10px;background-color:#ccc;margin:0 7px}#inverse-left{left:0}#inverse-right{right:0}#the-range{position:absolute;left:0;height:14px;border-radius:14px;background-color:#1abc9c}.the-thumb{position:absolute;top:-7px;z-index:2;height:28px;width:28px;text-align:left;margin-left:-11px;cursor:pointer;box-shadow:0 3px 8px rgba(0, 0, 0, 0.4);background-color:#fff;border-radius:50%;outline:none}input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:3;height:14px;top:-2px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}input[type=range]::-ms-track{-webkit-appearance:none;background:transparent;color:transparent}input[type=range]::-moz-range-track{-moz-appearance:none;background:transparent;color:transparent}input[type=range]:focus::-webkit-slider-runnable-track{background:transparent;border:transparent}input[type=range]:focus{outline:none}input[type=range]::-ms-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red}input[type=range]::-moz-range-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red;-webkit-appearance:none}input[type=range]::-ms-fill-lower{background:transparent;border:0 none}input[type=range]::-ms-fill-upper{background:transparent;border:0 none}input[type=range]::-ms-tooltip{display:none}.sign{position:absolute;margin-left:-11px;top:-39px;z-index:3;background-color:#1abc9c;color:#fff;width:28px;height:28px;border-radius:28px;-webkit-border-radius:28px;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.sign:after{position:absolute;content:"";left:0;border-radius:16px;top:19px;border-left:14px solid transparent;border-right:14px solid transparent;border-top-width:16px;border-top-style:solid;border-top-color:#1abc9c}.sign>span{font-size:12px;font-weight:700;line-height:28px}</style>',P(this,{target:this.shadowRoot,props:x(this.attributes),customElement:!0},D,V,o,{id:10,min:11,max:12,minval:13,maxval:14,withbubbles:0},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),T()))}static get observedAttributes(){return["id","min","max","minval","maxval","withbubbles"]}get id(){return this.$$.ctx[10]}set id(t){this.$$set({id:t}),T()}get min(){return this.$$.ctx[11]}set min(t){this.$$set({min:t}),T()}get max(){return this.$$.ctx[12]}set max(t){this.$$set({max:t}),T()}get minval(){return this.$$.ctx[13]}set minval(t){this.$$set({minval:t}),T()}get maxval(){return this.$$.ctx[14]}set maxval(t){this.$$set({maxval:t}),T()}get withbubbles(){return this.$$.ctx[0]}set withbubbles(t){this.$$set({withbubbles:t}),T()}}return customElements.define("range-slider-component",F),F}();
+var rangeslider=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function r(t){t.forEach(e)}function i(t){return"function"==typeof t}function o(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function a(t,e){t.appendChild(e)}function s(t,e,n){t.insertBefore(e,n||null)}function l(t){t.parentNode.removeChild(t)}function u(t){return document.createElement(t)}function c(t){return document.createTextNode(t)}function p(){return c(" ")}function d(t,e,n,r){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n,r)}function h(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function f(t){return""===t?null:+t}function m(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}function g(t,e){t.value=null==e?"":e}function b(t,e,n,r){t.style.setProperty(e,n,r?"important":"")}function x(t){const e={};for(const n of t)e[n.name]=n.value;return e}let v;function $(t){v=t}function y(){if(!v)throw new Error("Function called outside component initialization");return v}function w(){const t=y();return(e,n)=>{const r=t.$$.callbacks[e];if(r){const i=function(t,e,n=!1){const r=document.createEvent("CustomEvent");return r.initCustomEvent(t,n,!1,e),r}(e,n);r.slice().forEach((e=>{e.call(t,i)}))}}}const k=[],_=[],E=[],N=[],C=Promise.resolve();let z=!1;function M(t){E.push(t)}let j=!1;const A=new Set;function T(){if(!j){j=!0;do{for(let t=0;t<k.length;t+=1){const e=k[t];$(e),L(e.$$)}for($(null),k.length=0;_.length;)_.pop()();for(let t=0;t<E.length;t+=1){const e=E[t];A.has(e)||(A.add(e),e())}E.length=0}while(k.length);for(;N.length;)N.pop()();z=!1,j=!1,A.clear()}}function L(t){if(null!==t.fragment){t.update(),r(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(M)}}const R=new Set;function O(t,e){-1===t.$$.dirty[0]&&(k.push(t),z||(z=!0,C.then(T)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function P(o,a,s,u,c,p,d,h=[-1]){const f=v;$(o);const m=o.$$={fragment:null,ctx:null,props:p,update:t,not_equal:c,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(a.context||(f?f.$$.context:[])),callbacks:n(),dirty:h,skip_bound:!1,root:a.target||f.$$.root};d&&d(m.root);let g=!1;if(m.ctx=s?s(o,a.props||{},((t,e,...n)=>{const r=n.length?n[0]:e;return m.ctx&&c(m.ctx[t],m.ctx[t]=r)&&(!m.skip_bound&&m.bound[t]&&m.bound[t](r),g&&O(o,t)),e})):[],m.update(),g=!0,r(m.before_update),m.fragment=!!u&&u(m.ctx),a.target){if(a.hydrate){const t=function(t){return Array.from(t.childNodes)}(a.target);m.fragment&&m.fragment.l(t),t.forEach(l)}else m.fragment&&m.fragment.c();a.intro&&((b=o.$$.fragment)&&b.i&&(R.delete(b),b.i(x))),function(t,n,o,a){const{fragment:s,on_mount:l,on_destroy:u,after_update:c}=t.$$;s&&s.m(n,o),a||M((()=>{const n=l.map(e).filter(i);u?u.push(...n):r(n),t.$$.on_mount=[]})),c.forEach(M)}(o,a.target,a.anchor,a.customElement),T()}var b,x;$(f)}let H;function S(t){let e,n,r,i,o,d,f,g=Math.round(t[3])+"",x=Math.round(t[4])+"";return{c(){e=u("div"),n=u("span"),r=c(g),i=p(),o=u("div"),d=u("span"),f=c(x),h(n,"id","value"),h(e,"class","sign"),h(e,"part","sign"),b(e,"left",t[5]+"%"),h(d,"id","value"),h(o,"class","sign"),h(o,"part","sign"),b(o,"left",t[6]+"%")},m(t,l){s(t,e,l),a(e,n),a(n,r),s(t,i,l),s(t,o,l),a(o,d),a(d,f)},p(t,n){8&n&&g!==(g=Math.round(t[3])+"")&&m(r,g),32&n&&b(e,"left",t[5]+"%"),16&n&&x!==(x=Math.round(t[4])+"")&&m(f,x),64&n&&b(o,"left",t[6]+"%")},d(t){t&&l(e),t&&l(i),t&&l(o)}}}function V(e){let n,i,o,c,f,m,x,v,$,y,w,k,_,E,N,C,z,M,j,A=e[0]&&S(e);return{c(){n=u("div"),i=u("div"),o=u("div"),c=p(),f=u("div"),m=p(),x=u("div"),v=p(),$=u("span"),y=p(),w=u("span"),k=p(),A&&A.c(),_=p(),E=u("input"),N=p(),C=u("input"),this.c=t,h(o,"class","inverse"),h(o,"part","inverse"),h(o,"id","inverse-left"),b(o,"width",e[5]+100-e[6]+"%"),h(f,"class","inverse"),h(f,"part","inverse"),h(f,"id","inverse-right"),b(f,"width",e[5]+100-e[6]+"%"),h(x,"id","the-range"),h(x,"part","the-range"),b(x,"left",e[5]+"%"),b(x,"right",100-e[6]+"%"),h($,"class","the-thumb"),h($,"part","the-thumb"),b($,"left",e[5]+"%"),h(w,"class","the-thumb"),h(w,"part","the-thumb"),b(w,"left",e[6]+"%"),h(i,"id","slider-distance-content"),h(E,"type","range"),h(E,"tabindex","0"),h(E,"max",B),h(E,"min",q),h(E,"step","0.0001"),h(C,"type","range"),h(C,"tabindex","0"),h(C,"max",B),h(C,"min",q),h(C,"step","0.0001"),h(n,"id","slider-distance-container"),h(n,"style",z=e[0]?"margin: 45px 0 10px 0;":"")},m(t,r){s(t,n,r),a(n,i),a(i,o),a(i,c),a(i,f),a(i,m),a(i,x),a(i,v),a(i,$),a(i,y),a(i,w),a(i,k),A&&A.m(i,null),a(n,_),a(n,E),g(E,e[1]),a(n,N),a(n,C),g(C,e[2]),M||(j=[d(E,"change",e[15]),d(E,"input",e[15]),d(E,"input",e[16]),d(E,"change",e[7]),d(C,"change",e[17]),d(C,"input",e[17]),d(C,"input",e[18]),d(C,"change",e[7])],M=!0)},p(t,[e]){96&e&&b(o,"width",t[5]+100-t[6]+"%"),96&e&&b(f,"width",t[5]+100-t[6]+"%"),32&e&&b(x,"left",t[5]+"%"),64&e&&b(x,"right",100-t[6]+"%"),32&e&&b($,"left",t[5]+"%"),64&e&&b(w,"left",t[6]+"%"),t[0]?A?A.p(t,e):(A=S(t),A.c(),A.m(i,null)):A&&(A.d(1),A=null),2&e&&g(E,t[1]),4&e&&g(C,t[2]),1&e&&z!==(z=t[0]?"margin: 45px 0 10px 0;":"")&&h(n,"style",z)},i:t,o:t,d(t){t&&l(n),A&&A.d(),M=!1,r(j)}}}"function"==typeof HTMLElement&&(H=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(e).filter(i);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,e,n){this[t]=n}disconnectedCallback(){r(this.$$.on_disconnect)}$destroy(){!function(t,e){const n=t.$$;null!==n.fragment&&(r(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});const q=0,B=100;function D(t,e,n){const r=y(),i=w();let o,a,s,l,u,c,{id:p}=e,{min:d}=e,{max:h}=e,{minval:m}=e,{maxval:g}=e,{withbubbles:b}=e;function x(t){var e,r;if(!(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.value)||Number(t.target.value)===1/0||isNaN(Number(t.target.value)))return console.error(`invalid value ${null===(r=null==t?void 0:t.target)||void 0===r?void 0:r.value}`);Number(t.target.value)<B&&Number(t.target.value)<l?n(1,s=Number(t.target.value)):n(1,s=B>l?l:B)}function v(t){var e,r;if(!(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.value)||Number(t.target.value)===1/0||isNaN(Number(t.target.value)))return console.error(`invalid value ${null===(r=null==t?void 0:t.target)||void 0===r?void 0:r.value}`);Number(t.target.value)>q&&Number(t.target.value)>s?n(2,l=Number(t.target.value)):n(2,l=q>s?q:s)}return t.$$set=t=>{"id"in t&&n(10,p=t.id),"min"in t&&n(11,d=t.min),"max"in t&&n(12,h=t.max),"minval"in t&&n(13,m=t.minval),"maxval"in t&&n(14,g=t.maxval),"withbubbles"in t&&n(0,b=t.withbubbles)},t.$$.update=()=>{31751&t.$$.dirty&&(p||n(10,p=""),n(0,b=!(!b&&""!==b)),n(11,d=d?Number(d):q),n(12,h=h?Number(h):B),m&&(d>m&&n(13,m=d),n(1,s=100*(m-d)/(h-d)),n(13,m=null)),g&&(h<g&&n(14,g=h),n(2,l=100*(g-d)/(h-d)),n(14,g=null)),s||n(1,s=q),l||n(2,l=B),n(3,o=d+(h-d)/100*s),n(4,a=d+(h-d)/100*l),n(5,u=s/B*100),n(6,c=l/B*100))},[b,s,l,o,a,u,c,function(){const t={minValue:o,maxValue:a,minPercent:s,maxPercent:l};var e,n;i(e="changeRangeValues",n=t),r.dispatchEvent&&r.dispatchEvent(new CustomEvent(e,{detail:n})),console.log("status",t,s,l)},x,v,p,d,h,m,g,function(){s=f(this.value),n(1,s),n(10,p),n(0,b),n(11,d),n(12,h),n(13,m),n(14,g),n(2,l)},t=>x(t),function(){l=f(this.value),n(2,l),n(10,p),n(0,b),n(11,d),n(12,h),n(13,m),n(14,g),n(1,s)},t=>v(t)]}class F extends H{constructor(t){super(),this.shadowRoot.innerHTML='<style>@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css");:host{font-family:"Roboto", sans-serif}#slider-distance-container{position:relative;height:14px;border-radius:10px;text-align:left}#slider-distance-content{position:absolute;left:13px;right:15px;height:14px}.inverse{position:absolute;height:14px;border-radius:10px;background-color:#ccc;margin:0 7px}#inverse-left{left:0}#inverse-right{right:0}#the-range{position:absolute;left:0;height:14px;border-radius:14px;background-color:#1abc9c}.the-thumb{position:absolute;top:-7px;z-index:2;height:28px;width:28px;text-align:left;margin-left:-11px;cursor:pointer;box-shadow:0 3px 8px rgba(0, 0, 0, 0.4);background-color:#fff;border-radius:50%;outline:none}input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:3;height:14px;top:-2px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}input[type=range]::-ms-track{-webkit-appearance:none;background:transparent;color:transparent}input[type=range]::-moz-range-track{-moz-appearance:none;background:transparent;color:transparent}input[type=range]:focus::-webkit-slider-runnable-track{background:transparent;border:transparent}input[type=range]:focus{outline:none}input[type=range]::-ms-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red}input[type=range]::-moz-range-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:28px;height:28px;border-radius:0px;border:0 none;background:red;-webkit-appearance:none}input[type=range]::-ms-fill-lower{background:transparent;border:0 none}input[type=range]::-ms-fill-upper{background:transparent;border:0 none}input[type=range]::-ms-tooltip{display:none}.sign{position:absolute;margin-left:-11px;top:-39px;z-index:3;background-color:#1abc9c;color:#fff;width:28px;height:28px;border-radius:28px;-webkit-border-radius:28px;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.sign:after{position:absolute;content:"";left:0;border-radius:16px;top:19px;border-left:14px solid transparent;border-right:14px solid transparent;border-top-width:16px;border-top-style:solid;border-top-color:#1abc9c}.sign>span{font-size:12px;font-weight:700;line-height:28px}</style>',P(this,{target:this.shadowRoot,props:x(this.attributes),customElement:!0},D,V,o,{id:10,min:11,max:12,minval:13,maxval:14,withbubbles:0},null),t&&(t.target&&s(t.target,this,t.anchor),t.props&&(this.$set(t.props),T()))}static get observedAttributes(){return["id","min","max","minval","maxval","withbubbles"]}get id(){return this.$$.ctx[10]}set id(t){this.$$set({id:t}),T()}get min(){return this.$$.ctx[11]}set min(t){this.$$set({min:t}),T()}get max(){return this.$$.ctx[12]}set max(t){this.$$set({max:t}),T()}get minval(){return this.$$.ctx[13]}set minval(t){this.$$set({minval:t}),T()}get maxval(){return this.$$.ctx[14]}set maxval(t){this.$$set({maxval:t}),T()}get withbubbles(){return this.$$.ctx[0]}set withbubbles(t){this.$$set({withbubbles:t}),T()}}return customElements.define("range-slider-component",F),F}();
 //# sourceMappingURL=rangeslider.js.map

New alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

103736

-1.34%

No dependency changes