@aquera/nile-elements 1.8.1 → 1.8.2

package/dist/nile-slider/nile-slider.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-slider.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","lit","lit/decorators.js","./nile-slider.template.cjs.js","./utils/nile-slider.utils.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,a,l,n,r,o,c,p,d,m,u,v,b,y,_templateObject,_templateObject2,g;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileSliderCssCjsJs){s=_nileSliderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_lit){h=_lit.html;},function(_litDecoratorsJs){a=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileSliderTemplateCjsJs){n=_nileSliderTemplateCjsJs.l;r=_nileSliderTemplateCjsJs.r;o=_nileSliderTemplateCjsJs.s;},function(_utilsNileSliderUtilsCjsJs){c=_utilsNileSliderUtilsCjsJs.h;p=_utilsNileSliderUtilsCjsJs.a;d=_utilsNileSliderUtilsCjsJs.b;m=_utilsNileSliderUtilsCjsJs.v;u=_utilsNileSliderUtilsCjsJs.r;v=_utilsNileSliderUtilsCjsJs.c;b=_utilsNileSliderUtilsCjsJs.d;y=_utilsNileSliderUtilsCjsJs.g;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",g=/*#__PURE__*/function(_i){function g(){var _this;_classCallCheck(this,g);_this=_callSuper(this,g,arguments),_this.minValue=0,_this.value=_this.minValue,_this.maxValue=100,_this.rangeOneValue=_this.minValue,_this.rangeTwoValue=_this.maxValue,_this.showLabel=!1,_this.labelStart="",_this.labelEnd="",_this.rangeSlider=!1,_this.labelPosition="top",_this.tooltipPosition="top",_this.activeThumb=null,_this.onMouseMove=function(t){var s=_this.range.getBoundingClientRect();if(_this.rangeSlider){"one"===_this.activeThumb?p(t,s,_assertThisInitialized(_this)):"two"===_this.activeThumb&&d(t,s,_assertThisInitialized(_this));var _i2=m(_this.rangeOneValue,_assertThisInitialized(_this)),_e=m(_this.rangeTwoValue,_assertThisInitialized(_this)),_h=Math.min(_i2,_e),_a=Math.abs(_e-_i2);_this.rangeTwoValue>=_this.rangeOneValue&&(_this.completed.style.left="".concat(_h,"%"),_this.completed.style.width="".concat(_a,"%"));}else c(t,s,_assertThisInitialized(_this));},_this.onMouseUp=function(){_this.rangeSlider?(_this.emit("nile-button-first-change-end",{value:_this.rangeOneValue}),_this.emit("nile-button-last-change-end",{value:_this.rangeTwoValue})):_this.emit("nile-change-end",{value:_this.value}),_this.activeThumb=null,u(_assertThisInitialized(_this));},_this.onMouseDown=function(t){var s=_this.range.getBoundingClientRect(),i=(t.clientX-s.left)/s.width*100,e=_this.minValue+i/100*(_this.maxValue-_this.minValue);if(_this.rangeSlider){b(e,_assertThisInitialized(_this));var _t=Math.abs(e-_this.rangeOneValue),_s=Math.abs(e-_this.rangeTwoValue);_this.activeThumb=_t<=_s?"one":"two",v(_assertThisInitialized(_this));}else c(t,s,_assertThisInitialized(_this)),_this.activeThumb="one",v(_assertThisInitialized(_this));};return _this;}_inherits(g,_i);return _createClass(g,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(g,"connectedCallback",this,3)([]),this.emit("nile-init"),this.rangeSlider&&this.checkRangeValidity();}},{key:"firstUpdated",value:function firstUpdated(t){if(y(this),!this.rangeSlider&&t.has("value")){this.value=this.checkValueValidity(this.value,this.minValue,this.maxValue);var _t2=m(this.value,this);this.buttonOne.style.left="".concat(_t2,"%"),this.completed.style.width="".concat(_t2,"%");}else if(this.rangeSlider){var _t3=m(this.rangeOneValue,this),_s2=m(this.rangeTwoValue,this);this.buttonOne&&(this.buttonOne.style.left="".concat(_t3,"%")),this.buttonTwo&&(this.buttonTwo.style.left="".concat(_s2,"%"));var _i3=Math.min(_t3,_s2),_e2=Math.abs(_s2-_t3);this.completed.style.left="".concat(_i3,"%"),this.completed.style.width="".concat(_e2,"%");}}},{key:"checkValueValidity",value:function checkValueValidity(t,s,i){return i-s<=1?Math.max(s,Math.min(t,i)):Math.floor(Math.max(s,Math.min(t,i)));}},{key:"checkRangeValidity",value:function checkRangeValidity(){this.rangeTwoValue>this.maxValue?this.rangeTwoValue=this.maxValue:this.rangeTwoValue<this.rangeOneValue&&(this.rangeTwoValue=this.rangeOneValue),this.rangeOneValue<this.minValue?this.rangeOneValue=this.minValue:this.rangeOneValue>this.rangeTwoValue&&(this.rangeOneValue=this.rangeTwoValue);}},{key:"render",value:function render(){var t=this.showLabel,s=t?"label-start label-end":void 0;return h(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"base\"\n        class=","\n      >\n        <slot class=\"span\" name=\"prefix\"></slot>\n  \n        <div\n          part=\"range-container\"\n          class=","\n        >\n          ","\n  \n          <div\n            class=\"range\"\n            part=\"range\"\n            role=\"group\"\n            aria-labelledby=","\n          >\n            <span class=\"range-completed\" part=\"range-completed\"></span>\n            ","\n          </div>\n        </div>\n  \n        <slot class=\"span\" name=\"suffix\"></slot>\n      </div>\n    "])),e({container:!0,"align-item-center":!t}),e({"range-container":!0,"column-reverse":"bottom"===this.labelPosition}),t?n(this):h(_templateObject2||(_templateObject2=_taggedTemplateLiteral([""]))),s,this.rangeSlider?r(this):o(this));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(g,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([a({type:Number})],g.prototype,"minValue",void 0),t([a({type:Number})],g.prototype,"value",void 0),t([a({type:Number})],g.prototype,"maxValue",void 0),t([a({type:Number})],g.prototype,"rangeOneValue",void 0),t([a({type:Number})],g.prototype,"rangeTwoValue",void 0),t([a({type:Boolean})],g.prototype,"showLabel",void 0),t([a({type:String})],g.prototype,"labelStart",void 0),t([a({type:String})],g.prototype,"labelEnd",void 0),t([a({type:Boolean})],g.prototype,"rangeSlider",void 0),t([a({type:String})],g.prototype,"labelPosition",void 0),t([a({type:String})],g.prototype,"tooltipPosition",void 0),_export("N",g=t([l("nile-slider")],g));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","./nile-slider.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","lit","lit/decorators.js","./nile-slider.template.cjs.js","./utils/nile-slider.utils.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,s,i,e,h,a,l,r,n,o,c,p,d,m,u,v,b,y,f,g,_templateObject,_templateObject2,_templateObject3,_templateObject4,j;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_nileSliderCssCjsJs){s=_nileSliderCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_lit){h=_lit.html;},function(_litDecoratorsJs){a=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileSliderTemplateCjsJs){r=_nileSliderTemplateCjsJs.f;n=_nileSliderTemplateCjsJs.l;o=_nileSliderTemplateCjsJs.r;c=_nileSliderTemplateCjsJs.s;p=_nileSliderTemplateCjsJs.b;},function(_utilsNileSliderUtilsCjsJs){d=_utilsNileSliderUtilsCjsJs.h;m=_utilsNileSliderUtilsCjsJs.a;u=_utilsNileSliderUtilsCjsJs.b;v=_utilsNileSliderUtilsCjsJs.v;b=_utilsNileSliderUtilsCjsJs.r;y=_utilsNileSliderUtilsCjsJs.c;f=_utilsNileSliderUtilsCjsJs.d;g=_utilsNileSliderUtilsCjsJs.g;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",j=/*#__PURE__*/function(_i){function j(){var _this;_classCallCheck(this,j);_this=_callSuper(this,j,arguments),_this.minValue=0,_this.value=_this.minValue,_this.maxValue=100,_this.rangeOneValue=_this.minValue,_this.rangeTwoValue=_this.maxValue,_this.showLabel=!1,_this.labelStart="",_this.labelEnd="",_this.rangeSlider=!1,_this.labelPosition="top",_this.tooltipPosition="top",_this.label="",_this.disabled=!1,_this.error=!1,_this.valueLabel="tooltip",_this.activeThumb=null,_this.onMouseMove=function(t){if(_this.disabled)return;var s=_this.range.getBoundingClientRect();if(_this.rangeSlider){"one"===_this.activeThumb?m(t,s,_assertThisInitialized(_this)):"two"===_this.activeThumb&&u(t,s,_assertThisInitialized(_this));var _i2=v(_this.rangeOneValue,_assertThisInitialized(_this)),_e=v(_this.rangeTwoValue,_assertThisInitialized(_this)),_h=Math.min(_i2,_e),_a=Math.abs(_e-_i2);_this.rangeTwoValue>=_this.rangeOneValue&&(_this.completed.style.left="".concat(_h,"%"),_this.completed.style.width="".concat(_a,"%"));}else d(t,s,_assertThisInitialized(_this));},_this.onMouseUp=function(){_this.rangeSlider?(_this.emit("nile-button-first-change-end",{value:_this.rangeOneValue}),_this.emit("nile-button-last-change-end",{value:_this.rangeTwoValue})):_this.emit("nile-change-end",{value:_this.value}),_this.activeThumb=null,b(_assertThisInitialized(_this));},_this.onMouseDown=function(t){if(_this.disabled)return;var s=_this.range.getBoundingClientRect(),i=(t.clientX-s.left)/s.width*100,e=_this.minValue+i/100*(_this.maxValue-_this.minValue);if(_this.rangeSlider){f(e,_assertThisInitialized(_this));var _t=Math.abs(e-_this.rangeOneValue),_s=Math.abs(e-_this.rangeTwoValue);_this.activeThumb=_t<=_s?"one":"two",y(_assertThisInitialized(_this));}else d(t,s,_assertThisInitialized(_this)),_this.activeThumb="one",y(_assertThisInitialized(_this));};return _this;}_inherits(j,_i);return _createClass(j,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(j,"connectedCallback",this,3)([]),this.emit("nile-init"),this.rangeSlider&&this.checkRangeValidity();}},{key:"firstUpdated",value:function firstUpdated(t){if(g(this),!this.rangeSlider&&t.has("value")){this.value=this.checkValueValidity(this.value,this.minValue,this.maxValue);var _t2=v(this.value,this);this.buttonOne.style.left="".concat(_t2,"%"),this.completed.style.width="".concat(_t2,"%");}else if(this.rangeSlider){var _t3=v(this.rangeOneValue,this),_s2=v(this.rangeTwoValue,this);this.buttonOne&&(this.buttonOne.style.left="".concat(_t3,"%")),this.buttonTwo&&(this.buttonTwo.style.left="".concat(_s2,"%"));var _i3=Math.min(_t3,_s2),_e2=Math.abs(_s2-_t3);this.completed.style.left="".concat(_i3,"%"),this.completed.style.width="".concat(_e2,"%");}}},{key:"checkValueValidity",value:function checkValueValidity(t,s,i){return i-s<=1?Math.max(s,Math.min(t,i)):Math.floor(Math.max(s,Math.min(t,i)));}},{key:"checkRangeValidity",value:function checkRangeValidity(){this.rangeTwoValue>this.maxValue?this.rangeTwoValue=this.maxValue:this.rangeTwoValue<this.rangeOneValue&&(this.rangeTwoValue=this.rangeOneValue),this.rangeOneValue<this.minValue?this.rangeOneValue=this.minValue:this.rangeOneValue>this.rangeTwoValue&&(this.rangeOneValue=this.rangeTwoValue);}},{key:"render",value:function render(){var t=this.showLabel,s=t?"label-start label-end":void 0;return h(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      ","\n      <div\n        part=\"base\"\n        class=","\n      >\n        <slot class=\"span\" name=\"prefix\"></slot>\n  \n        <div\n          part=\"range-container\"\n          class=","\n        >\n          ","\n  \n          <div\n            class=\"range\"\n            part=\"range\"\n            role=\"group\"\n            aria-labelledby=","\n          >\n            <span class=\"range-completed\" part=\"range-completed\"></span>\n            ","\n            ","\n          </div>\n        </div>\n  \n        <slot class=\"span\" name=\"suffix\"></slot>\n      </div>\n    "])),this.label?r(this):h(_templateObject2||(_templateObject2=_taggedTemplateLiteral([""]))),e({container:!0,"align-item-center":!t}),e({"range-container":!0,"column-reverse":"bottom"===this.labelPosition}),t?n(this):h(_templateObject3||(_templateObject3=_taggedTemplateLiteral([""]))),s,this.rangeSlider?o(this):c(this),"bottom"===this.valueLabel?p(this):h(_templateObject4||(_templateObject4=_taggedTemplateLiteral([""]))));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(j,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}}],[{key:"styles",get:function get(){return[s];}}]);}(i));t([a({type:Number})],j.prototype,"minValue",void 0),t([a({type:Number})],j.prototype,"value",void 0),t([a({type:Number})],j.prototype,"maxValue",void 0),t([a({type:Number})],j.prototype,"rangeOneValue",void 0),t([a({type:Number})],j.prototype,"rangeTwoValue",void 0),t([a({type:Boolean})],j.prototype,"showLabel",void 0),t([a({type:String})],j.prototype,"labelStart",void 0),t([a({type:String})],j.prototype,"labelEnd",void 0),t([a({type:Boolean})],j.prototype,"rangeSlider",void 0),t([a({type:String})],j.prototype,"labelPosition",void 0),t([a({type:String})],j.prototype,"tooltipPosition",void 0),t([a({type:String})],j.prototype,"label",void 0),t([a({type:Boolean,reflect:!0})],j.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],j.prototype,"error",void 0),t([a({type:String,reflect:!0})],j.prototype,"valueLabel",void 0),_export("N",j=t([l("nile-slider")],j));}};});
 //# sourceMappingURL=nile-slider.cjs.js.map

package/dist/nile-slider/nile-slider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slider.cjs.js","sources":["../../../src/nile-slider/nile-slider.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-slider.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TooltipPosition } from './types/nile-slider.types';\nimport { NileSliderEvents } from './types/nile-slider.enums';\nimport { rangeSlider, singleSlider, lableContaier } from './nile-slider.template';\nimport { \n  handleSingleSlider, \n  handleRangeOne, \n  handleRangeTwo, \n  getHtmlElements, \n  removeMoveListeners,\n  valueToPercent,\n  handleTwoThumbClick,\n  addMoveListeners\n} from './utils/nile-slider.utils'\n\n/** \n * Nile slider component.\n *\n * @tag nile-slider\n */\n@customElement('nile-slider')\nexport class NileSlider extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Number }) minValue: number = 0;\n  @property({ type: Number }) value: number = this.minValue;\n  @property({ type: Number }) maxValue: number = 100;\n  @property({ type: Number }) rangeOneValue: number = this.minValue;\n  @property({ type: Number }) rangeTwoValue: number = this.maxValue;\n  @property({ type: Boolean}) showLabel: boolean = false;\n  @property({ type: String }) labelStart: string = \"\";\n  @property({ type: String }) labelEnd: string = \"\";\n  @property({ type: Boolean}) rangeSlider: boolean = false;\n  @property({ type: String }) labelPosition: string = \"top\";\n  @property({ type: String }) tooltipPosition: TooltipPosition = \"top\";\n\n  public buttonOne!: HTMLElement;\n  public buttonTwo!: HTMLElement;\n  public range!: HTMLElement;\n  public completed!: HTMLElement;\n  public activeThumb: 'one' | 'two' | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit(NileSliderEvents.NILE_INIT); \n\n    if(this.rangeSlider) {\n      this.checkRangeValidity();\n    }\n  }\n\n  firstUpdated(changedProps: Map<string, any>): void {\n    getHtmlElements(this);\n\n    if (!this.rangeSlider && changedProps.has('value')) {\n      this.value = this.checkValueValidity(this.value, this.minValue, this.maxValue);\n      const percent = valueToPercent(this.value, this);\n      \n      this.buttonOne.style.left = `${percent}%`;\n      this.completed.style.width = `${percent}%`;\n    } else if (this.rangeSlider) {\n      \n      const percentOne = valueToPercent(this.rangeOneValue, this);\n      const percentTwo = valueToPercent(this.rangeTwoValue, this);\n      \n      if (this.buttonOne) this.buttonOne.style.left = `${percentOne}%`;\n      if (this.buttonTwo) this.buttonTwo.style.left = `${percentTwo}%`;\n      \n      const left = Math.min(percentOne, percentTwo);\n      const width = Math.abs(percentTwo - percentOne);\n      \n      this.completed.style.left = `${left}%`;\n      this.completed.style.width = `${width}%`;\n    }\n  }\n\n  checkValueValidity(value: number, min: number, max: number): number {\n    if(max - min <= 1) { \n      return Math.max(min, Math.min(value, max));\n    }\n    return Math.floor(Math.max(min, Math.min(value, max)));\n  }\n\n  checkRangeValidity(): void {\n    if(this.rangeTwoValue > this.maxValue) {\n      this.rangeTwoValue = this.maxValue;\n    } else if(this.rangeTwoValue < this.rangeOneValue) {\n      this.rangeTwoValue = this.rangeOneValue;\n    }\n\n    if(this.rangeOneValue < this.minValue) {\n      this.rangeOneValue = this.minValue;\n    } else if(this.rangeOneValue > this.rangeTwoValue) {\n      this.rangeOneValue = this.rangeTwoValue;\n    }\n  }  \n\n  public onMouseMove = (e: MouseEvent): void => {\n    const rect = this.range.getBoundingClientRect();\n\n    if (!this.rangeSlider) {\n      handleSingleSlider(e, rect, this);\n    } else {\n      if (this.activeThumb === 'one') {\n        handleRangeOne(e, rect, this);\n      } else if (this.activeThumb === 'two') {\n        handleRangeTwo(e, rect, this);\n      }\n\n      const start = valueToPercent(this.rangeOneValue, this);\n      const end = valueToPercent(this.rangeTwoValue, this);\n      const left = Math.min(start, end);\n      const width = Math.abs(end - start);\n\n      if(this.rangeTwoValue >= this.rangeOneValue) {\n        this.completed.style.left = `${left}%`;\n        this.completed.style.width = `${width}%`;\n      }\n    }\n  };\n\n  public onMouseUp = (): void => {\n    if(!this.rangeSlider) this.emit(NileSliderEvents.NILE_CHANGE_END, { value: this.value });\n    else {\n      this.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE_END, { value: this.rangeOneValue });\n      this.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE_END, { value: this.rangeTwoValue });\n    }\n    this.activeThumb = null;\n    removeMoveListeners(this);\n  };\n\n  public onMouseDown = (e: MouseEvent): void => {\n    const rect = this.range.getBoundingClientRect();\n    const clickX = e.clientX - rect.left;\n    const percent = (clickX / rect.width) * 100;\n    const value = this.minValue + (percent / 100) * (this.maxValue - this.minValue);\n  \n    if (!this.rangeSlider) {\n      handleSingleSlider(e, rect, this);\n      this.activeThumb = 'one';\n      addMoveListeners(this);\n    } else {\n      handleTwoThumbClick(value, this);\n      const distToOne = Math.abs(value - this.rangeOneValue);\n      const distToTwo = Math.abs(value - this.rangeTwoValue);\n      this.activeThumb = distToOne <= distToTwo ? 'one' : 'two';\n      addMoveListeners(this);\n    }\n  };\n\n  public render(): TemplateResult {\n    const hasLabels = this.showLabel;\n    const ariaLabelledby = hasLabels ? 'label-start label-end' : undefined;\n  \n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'container': true,\n          'align-item-center': !hasLabels\n        })}\n      >\n        <slot class=\"span\" name=\"prefix\"></slot>\n  \n        <div\n          part=\"range-container\"\n          class=${classMap({\n            'range-container': true,\n            'column-reverse': this.labelPosition === 'bottom'\n          })}\n        >\n          ${hasLabels ? lableContaier(this) : html``}\n  \n          <div\n            class=\"range\"\n            part=\"range\"\n            role=\"group\"\n            aria-labelledby=${ariaLabelledby}\n          >\n            <span class=\"range-completed\" part=\"range-completed\"></span>\n            ${this.rangeSlider ? rangeSlider(this) : singleSlider(this)}\n          </div>\n        </div>\n  \n        <slot class=\"span\" name=\"suffix\"></slot>\n      </div>\n    `;\n  }  \n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.emit(NileSliderEvents.NILE_DESTROY);\n  }\n}\n\nexport default NileSlider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-slider': NileSlider;\n  }\n}\n"],"names":["NileSlider","_i","g","constructor","this","minValue","value","maxValue","rangeOneValue","rangeTwoValue","showLabel","labelStart","labelEnd","rangeSlider","labelPosition","tooltipPosition","activeThumb","onMouseMove","e","rect","range","getBoundingClientRect","handleRangeOne","handleRangeTwo","start","valueToPercent","end","left","Math","min","width","abs","completed","style","concat","handleSingleSlider","onMouseUp","emit","removeMoveListeners","onMouseDown","percent","clientX","handleTwoThumbClick","distToOne","distToTwo","addMoveListeners","_this","_inherits","_createClass","key","connectedCallback","super","checkRangeValidity","firstUpdated","changedProps","getHtmlElements","has","checkValueValidity","buttonOne","percentOne","percentTwo","buttonTwo","max","floor","render","hasLabels","ariaLabelledby","undefined","html","_templateObject","_taggedTemplateLiteral","classMap","container","lableContaier","_templateObject2","singleSlider","disconnectedCallback","__decorate","get","styles","NileElement","property","type","Number","prototype","Boolean","String","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-slider.cjs.js","sources":["../../../src/nile-slider/nile-slider.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { styles } from './nile-slider.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { TooltipPosition, ValueLabelMode } from './types/nile-slider.types';\nimport { NileSliderEvents } from './types/nile-slider.enums';\nimport { rangeSlider, singleSlider, lableContaier, fieldHeader, bottomValueLabels } from './nile-slider.template';\nimport { \n  handleSingleSlider, \n  handleRangeOne, \n  handleRangeTwo, \n  getHtmlElements, \n  removeMoveListeners,\n  valueToPercent,\n  handleTwoThumbClick,\n  addMoveListeners\n} from './utils/nile-slider.utils'\n\n/** \n * Nile slider component.\n *\n * @tag nile-slider\n */\n@customElement('nile-slider')\nexport class NileSlider extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Number }) minValue: number = 0;\n  @property({ type: Number }) value: number = this.minValue;\n  @property({ type: Number }) maxValue: number = 100;\n  @property({ type: Number }) rangeOneValue: number = this.minValue;\n  @property({ type: Number }) rangeTwoValue: number = this.maxValue;\n  @property({ type: Boolean}) showLabel: boolean = false;\n  @property({ type: String }) labelStart: string = \"\";\n  @property({ type: String }) labelEnd: string = \"\";\n  @property({ type: Boolean}) rangeSlider: boolean = false;\n  @property({ type: String }) labelPosition: string = \"top\";\n  @property({ type: String }) tooltipPosition: TooltipPosition = \"top\";\n  @property({ type: String }) label  = \"\";\n  @property({ type: Boolean, reflect: true }) disabled  = false;\n  @property({ type: Boolean, reflect: true }) error = false;\n  @property({ type: String, reflect: true }) valueLabel: ValueLabelMode = 'tooltip';\n\n  public buttonOne!: HTMLElement;\n  public buttonTwo!: HTMLElement;\n  public range!: HTMLElement;\n  public completed!: HTMLElement;\n  public activeThumb: 'one' | 'two' | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit(NileSliderEvents.NILE_INIT); \n\n    if(this.rangeSlider) {\n      this.checkRangeValidity();\n    }\n  }\n\n  firstUpdated(changedProps: Map<string, any>): void {\n    getHtmlElements(this);\n\n    if (!this.rangeSlider && changedProps.has('value')) {\n      this.value = this.checkValueValidity(this.value, this.minValue, this.maxValue);\n      const percent = valueToPercent(this.value, this);\n      \n      this.buttonOne.style.left = `${percent}%`;\n      this.completed.style.width = `${percent}%`;\n    } else if (this.rangeSlider) {\n      \n      const percentOne = valueToPercent(this.rangeOneValue, this);\n      const percentTwo = valueToPercent(this.rangeTwoValue, this);\n      \n      if (this.buttonOne) this.buttonOne.style.left = `${percentOne}%`;\n      if (this.buttonTwo) this.buttonTwo.style.left = `${percentTwo}%`;\n      \n      const left = Math.min(percentOne, percentTwo);\n      const width = Math.abs(percentTwo - percentOne);\n      \n      this.completed.style.left = `${left}%`;\n      this.completed.style.width = `${width}%`;\n    }\n  }\n\n  checkValueValidity(value: number, min: number, max: number): number {\n    if(max - min <= 1) {\n      return Math.max(min, Math.min(value, max));\n    }\n    return Math.floor(Math.max(min, Math.min(value, max)));\n  }\n\n  checkRangeValidity(): void {\n    if(this.rangeTwoValue > this.maxValue) {\n      this.rangeTwoValue = this.maxValue;\n    } else if(this.rangeTwoValue < this.rangeOneValue) {\n      this.rangeTwoValue = this.rangeOneValue;\n    }\n\n    if(this.rangeOneValue < this.minValue) {\n      this.rangeOneValue = this.minValue;\n    } else if(this.rangeOneValue > this.rangeTwoValue) {\n      this.rangeOneValue = this.rangeTwoValue;\n    }\n  }  \n\n  public onMouseMove = (e: MouseEvent): void => {\n    if (this.disabled) return;\n    const rect = this.range.getBoundingClientRect();\n\n    if (!this.rangeSlider) {\n      handleSingleSlider(e, rect, this);\n    } else {\n      if (this.activeThumb === 'one') {\n        handleRangeOne(e, rect, this);\n      } else if (this.activeThumb === 'two') {\n        handleRangeTwo(e, rect, this);\n      }\n\n      const start = valueToPercent(this.rangeOneValue, this);\n      const end = valueToPercent(this.rangeTwoValue, this);\n      const left = Math.min(start, end);\n      const width = Math.abs(end - start);\n\n      if(this.rangeTwoValue >= this.rangeOneValue) {\n        this.completed.style.left = `${left}%`;\n        this.completed.style.width = `${width}%`;\n      }\n    }\n  };\n\n  public onMouseUp = (): void => {\n    if(!this.rangeSlider) this.emit(NileSliderEvents.NILE_CHANGE_END, { value: this.value });\n    else {\n      this.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE_END, { value: this.rangeOneValue });\n      this.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE_END, { value: this.rangeTwoValue });\n    }\n    this.activeThumb = null;\n    removeMoveListeners(this);\n  };\n\n  public onMouseDown = (e: MouseEvent): void => {\n    if (this.disabled) return;\n    const rect = this.range.getBoundingClientRect();\n    const clickX = e.clientX - rect.left;\n    const percent = (clickX / rect.width) * 100;\n    const value = this.minValue + (percent / 100) * (this.maxValue - this.minValue);\n  \n    if (!this.rangeSlider) {\n      handleSingleSlider(e, rect, this);\n      this.activeThumb = 'one';\n      addMoveListeners(this);\n    } else {\n      handleTwoThumbClick(value, this);\n      const distToOne = Math.abs(value - this.rangeOneValue);\n      const distToTwo = Math.abs(value - this.rangeTwoValue);\n      this.activeThumb = distToOne <= distToTwo ? 'one' : 'two';\n      addMoveListeners(this);\n    }\n  };\n\n  public render(): TemplateResult {\n    const hasLabels = this.showLabel;\n    const ariaLabelledby = hasLabels ? 'label-start label-end' : undefined;\n  \n    return html`\n      ${this.label ? fieldHeader(this) : html``}\n      <div\n        part=\"base\"\n        class=${classMap({\n          'container': true,\n          'align-item-center': !hasLabels\n        })}\n      >\n        <slot class=\"span\" name=\"prefix\"></slot>\n  \n        <div\n          part=\"range-container\"\n          class=${classMap({\n            'range-container': true,\n            'column-reverse': this.labelPosition === 'bottom'\n          })}\n        >\n          ${hasLabels ? lableContaier(this) : html``}\n  \n          <div\n            class=\"range\"\n            part=\"range\"\n            role=\"group\"\n            aria-labelledby=${ariaLabelledby}\n          >\n            <span class=\"range-completed\" part=\"range-completed\"></span>\n            ${this.rangeSlider ? rangeSlider(this) : singleSlider(this)}\n            ${this.valueLabel === 'bottom' ? bottomValueLabels(this) : html``}\n          </div>\n        </div>\n  \n        <slot class=\"span\" name=\"suffix\"></slot>\n      </div>\n    `;\n  }  \n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.emit(NileSliderEvents.NILE_DESTROY);\n  }\n}\n\nexport default NileSlider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-slider': NileSlider;\n  }\n}\n"],"names":["NileSlider","_i","j","constructor","this","minValue","value","maxValue","rangeOneValue","rangeTwoValue","showLabel","labelStart","labelEnd","rangeSlider","labelPosition","tooltipPosition","label","disabled","error","valueLabel","activeThumb","onMouseMove","e","rect","range","getBoundingClientRect","handleRangeOne","handleRangeTwo","start","valueToPercent","end","left","Math","min","width","abs","completed","style","concat","handleSingleSlider","onMouseUp","emit","removeMoveListeners","onMouseDown","percent","clientX","handleTwoThumbClick","distToOne","distToTwo","addMoveListeners","_this","_inherits","_createClass","key","connectedCallback","super","checkRangeValidity","firstUpdated","changedProps","getHtmlElements","has","checkValueValidity","buttonOne","percentOne","percentTwo","buttonTwo","max","floor","render","hasLabels","ariaLabelledby","undefined","html","_templateObject","_taggedTemplateLiteral","fieldHeader","_templateObject2","classMap","container","lableContaier","_templateObject3","singleSlider","bottomValueLabels","_templateObject4","disconnectedCallback","get","styles","NileElement","__decorate","property","type","Number","prototype","Boolean","String","reflect","customElement"],"mappings":"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"}

package/dist/nile-slider/nile-slider.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",a=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    height: 100px;\n  }\n\n  .align-item-center {\n    align-items: center;\n  }\n\n  slot.span {\n    font-size: var(--nile-font-size-micro);\n    margin-top: 14px;\n  }\n\n  .range-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-sm);\n  }\n\n  .column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .label-container span {\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n    font-size: var(--nile-font-size-micro);\n  }\n\n  .range {\n    position: relative;\n    width: 228px;\n    height: 4px;\n    background-color: var(--nile-colors-neutral-400);\n    user-select: none;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range:hover {\n    cursor: pointer;\n  }\n\n  .range-completed {\n    position: absolute;\n    height: 100%;\n    width: 0%;\n    background-color: var(--nile-colors-primary-600);\n    top: 0px;\n    left: 0px;\n    z-index: 98;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range-button {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 0;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n\n  .range-button:hover, .range-button-two:hover {\n    cursor: pointer;\n    background-color: var(--nile-colors-primary-700);\n  }\n\n  .range-button:active, .range-button-two:active {\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n    background-color: var(--nile-colors-primary-700);\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;\n  }\n\n  .range-button-two {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 100%;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  /* Field header  */\n\n  .field-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .field-label {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Layout  */\n\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    min-height: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .align-item-center {\n    align-items: center;\n  }\n\n  slot.span {\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n  }\n\n  .range-container {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .label-container span {\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  /* track & fill  */\n\n  .range {\n    position: relative;\n    width: var(--nile-slider-width, 228px);\n    height: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n    user-select: none;\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n  }\n\n  .range:hover {\n    cursor: pointer;\n  }\n\n  .range-completed {\n    position: absolute;\n    height: 100%;\n    width: 0%;\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    top: 0px;\n    left: 0px;\n    z-index: 98;\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n  }\n\n  /* ------------------------------------------------------------------ */\n  /* Inline value label (valueLabel=\"bottom\")                            */\n  /* ------------------------------------------------------------------ */\n\n  .value-label {\n    position: absolute;\n    /* Start at the track bottom, then push down past the handle and the\n       largest (pressed, 8px) ring */\n    top: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    transform: translateX(-50%);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n    font-variant-numeric: tabular-nums;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n    white-space: nowrap;\n    pointer-events: none;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* Reserve room below the track for the inline value label */\n  :host([valuelabel='bottom']) .container {\n    padding-bottom: var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n  }\n\n  /* Handles    */\n\n  .range-button,\n  .range-button-two {\n    height: var(--nile-spacing-lg, var(--ng-spacing-2xl));\n    width: var(--nile-spacing-lg, var(--ng-spacing-2xl));\n    box-sizing: border-box;\n    /* Enterprise: solid brand dot - NextGen: white fill + brand border */\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary));\n    border: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) solid\n      var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n    left: 0;\n    z-index: 100;\n    cursor: grab;\n    transition:\n      box-shadow var(--nile-transition-duration-short, 120ms) ease,\n      background-color var(--nile-transition-duration-short, 120ms) ease,\n      transform var(--nile-transition-duration-shorter, 80ms) ease;\n  }\n\n  .range-button-two {\n    left: 100%;\n  }\n\n  /* Hover: ring (Enterprise 2px - NextGen 6px) */\n  .range-button:hover,\n  .range-button-two:hover {\n    cursor: grab;\n    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))\n      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n  }\n\n  /* Focused: theme focus ring */\n  .range-button:focus-visible,\n  .range-button-two:focus-visible {\n    outline: none;\n    box-shadow: var(--nile-focus-ring,\n      var(--ng-focus-ring,\n        0 0 0 var(--nile-spacing-xs) var(--nile-colors-primary-100)));\n  }\n\n  /* Pressed: ring (Enterprise 4px - NextGen 8px) + 1.1x scale */\n  .range-button:active,\n  .range-button-two:active {\n    cursor: grabbing;\n    transform: translate(-50%, -50%) scale(1.1);\n    box-shadow: 0 0 0 var(--nile-spacing-xs, var(--ng-spacing-md))\n      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n  }\n\n  /* Error state    */\n  :host([error]) .range-completed {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n  }\n\n  :host([error]) .range-button,\n  :host([error]) .range-button-two {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-red-700, var(--ng-colors-border-error));\n  }\n\n  :host([error]) .range-button:hover,\n  :host([error]) .range-button-two:hover {\n    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))\n      var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary, var(--ng-color-error-100)));\n  }\n\n  :host([error]) .range-button:focus-visible,\n  :host([error]) .range-button-two:focus-visible {\n    box-shadow: var(--nile-focus-ring-error,\n      var(--ng-focus-ring-error,\n        0 0 0 var(--nile-spacing-xs) var(--nile-colors-red-100)));\n  }\n\n  /* Disabled state */\n  :host([disabled]) .range,\n  :host([disabled]) .range:hover {\n    cursor: not-allowed;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n  }\n\n  :host([disabled]) .range-completed {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n  }\n\n  :host([disabled]) .range-button,\n  :host([disabled]) .range-button-two {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .range-button:hover,\n  :host([disabled]) .range-button-two:hover,\n  :host([disabled]) .range-button:active,\n  :host([disabled]) .range-button-two:active {\n    box-shadow: none;\n    transform: translate(-50%, -50%);\n  }\n\n  :host([disabled]) .field-label,\n  :host([disabled]) .value-label,\n  :host([disabled]) .label-container span {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    user-select: none;\n    -webkit-user-select: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-slider.css.cjs.js.map

package/dist/nile-slider/nile-slider.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slider.css.cjs.js","sources":["../../../src/nile-slider/nile-slider.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\nimport { css } from 'lit';\n\n/**\n* Slider CSS\n*/\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    height: 100px;\n  }\n\n  .align-item-center {\n    align-items: center;\n  }\n\n  slot.span {\n    font-size: var(--nile-font-size-micro);\n    margin-top: 14px;\n  }\n\n  .range-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-sm);\n  }\n\n  .column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .label-container span {\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n    font-size: var(--nile-font-size-micro);\n  }\n\n  .range {\n    position: relative;\n    width: 228px;\n    height: 4px;\n    background-color: var(--nile-colors-neutral-400);\n    user-select: none;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range:hover {\n    cursor: pointer;\n  }\n\n  .range-completed {\n    position: absolute;\n    height: 100%;\n    width: 0%;\n    background-color: var(--nile-colors-primary-600);\n    top: 0px;\n    left: 0px;\n    z-index: 98;\n    border-radius: var(--nile-radius-radius-3xl);\n  }\n\n  .range-button {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 0;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n\n  .range-button:hover, .range-button-two:hover {\n    cursor: pointer;\n    background-color: var(--nile-colors-primary-700);\n  }\n\n  .range-button:active, .range-button-two:active {\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n    background-color: var(--nile-colors-primary-700);\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;\n  }\n\n  .range-button-two {\n    height: 12px;\n    width: 12px;\n    background-color: var(--nile-colors-primary-600);\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl);\n    left: 100%;\n    z-index: 100;\n    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;\n    transition: box-shadow var(--nile-transition-duration-default) ease;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAWaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-slider.css.cjs.js","sources":["../../../src/nile-slider/nile-slider.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\nimport { css } from 'lit';\n\n/**\n* Slider CSS\n*/\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  /* Field header  */\n\n  .field-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .field-label {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Layout  */\n\n  .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    min-height: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .align-item-center {\n    align-items: center;\n  }\n\n  slot.span {\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n  }\n\n  .range-container {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .column-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .label-container {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .label-container span {\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  /* track & fill  */\n\n  .range {\n    position: relative;\n    width: var(--nile-slider-width, 228px);\n    height: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n    user-select: none;\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n  }\n\n  .range:hover {\n    cursor: pointer;\n  }\n\n  .range-completed {\n    position: absolute;\n    height: 100%;\n    width: 0%;\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    top: 0px;\n    left: 0px;\n    z-index: 98;\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n  }\n\n  /* ------------------------------------------------------------------ */\n  /* Inline value label (valueLabel=\"bottom\")                            */\n  /* ------------------------------------------------------------------ */\n\n  .value-label {\n    position: absolute;\n    /* Start at the track bottom, then push down past the handle and the\n       largest (pressed, 8px) ring */\n    top: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    transform: translateX(-50%);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));\n    font-variant-numeric: tabular-nums;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));\n    white-space: nowrap;\n    pointer-events: none;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  /* Reserve room below the track for the inline value label */\n  :host([valuelabel='bottom']) .container {\n    padding-bottom: var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n  }\n\n  /* Handles    */\n\n  .range-button,\n  .range-button-two {\n    height: var(--nile-spacing-lg, var(--ng-spacing-2xl));\n    width: var(--nile-spacing-lg, var(--ng-spacing-2xl));\n    box-sizing: border-box;\n    /* Enterprise: solid brand dot - NextGen: white fill + brand border */\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary));\n    border: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) solid\n      var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));\n    left: 0;\n    z-index: 100;\n    cursor: grab;\n    transition:\n      box-shadow var(--nile-transition-duration-short, 120ms) ease,\n      background-color var(--nile-transition-duration-short, 120ms) ease,\n      transform var(--nile-transition-duration-shorter, 80ms) ease;\n  }\n\n  .range-button-two {\n    left: 100%;\n  }\n\n  /* Hover: ring (Enterprise 2px - NextGen 6px) */\n  .range-button:hover,\n  .range-button-two:hover {\n    cursor: grab;\n    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))\n      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n  }\n\n  /* Focused: theme focus ring */\n  .range-button:focus-visible,\n  .range-button-two:focus-visible {\n    outline: none;\n    box-shadow: var(--nile-focus-ring,\n      var(--ng-focus-ring,\n        0 0 0 var(--nile-spacing-xs) var(--nile-colors-primary-100)));\n  }\n\n  /* Pressed: ring (Enterprise 4px - NextGen 8px) + 1.1x scale */\n  .range-button:active,\n  .range-button-two:active {\n    cursor: grabbing;\n    transform: translate(-50%, -50%) scale(1.1);\n    box-shadow: 0 0 0 var(--nile-spacing-xs, var(--ng-spacing-md))\n      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));\n  }\n\n  /* Error state    */\n  :host([error]) .range-completed {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n  }\n\n  :host([error]) .range-button,\n  :host([error]) .range-button-two {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-red-700, var(--ng-colors-border-error));\n  }\n\n  :host([error]) .range-button:hover,\n  :host([error]) .range-button-two:hover {\n    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))\n      var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary, var(--ng-color-error-100)));\n  }\n\n  :host([error]) .range-button:focus-visible,\n  :host([error]) .range-button-two:focus-visible {\n    box-shadow: var(--nile-focus-ring-error,\n      var(--ng-focus-ring-error,\n        0 0 0 var(--nile-spacing-xs) var(--nile-colors-red-100)));\n  }\n\n  /* Disabled state */\n  :host([disabled]) .range,\n  :host([disabled]) .range:hover {\n    cursor: not-allowed;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n  }\n\n  :host([disabled]) .range-completed {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n  }\n\n  :host([disabled]) .range-button,\n  :host([disabled]) .range-button-two {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .range-button:hover,\n  :host([disabled]) .range-button-two:hover,\n  :host([disabled]) .range-button:active,\n  :host([disabled]) .range-button-two:active {\n    box-shadow: none;\n    transform: translate(-50%, -50%);\n  }\n\n  :host([disabled]) .field-label,\n  :host([disabled]) .value-label,\n  :host([disabled]) .label-container span {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    user-select: none;\n    -webkit-user-select: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAWaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-slider/nile-slider.css.esm.js

@@ -1,14 +1,33 @@
-import{css as r}from"lit";const a=r`
+import{css as r}from"lit";const e=r`
   :host {
     display: block;
   }
 
+  /* Field header  */
+
+  .field-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));
+  }
+
+  .field-label {
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
+  }
+
+  /* Layout  */
+
   .container {
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 10px;
-    height: 100px;
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    min-height: var(--nile-spacing-5xl, var(--ng-spacing-5xl));
   }
 
   .align-item-center {
@@ -16,14 +35,14 @@ import{css as r}from"lit";const a=r`
   }
 
   slot.span {
-    font-size: var(--nile-font-size-micro);
-    margin-top: 14px;
+    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));
   }
 
   .range-container {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-sm);
+    flex: 1 1 auto;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
   }
 
   .column-reverse {
@@ -36,18 +55,21 @@ import{css as r}from"lit";const a=r`
   }
 
   .label-container span {
-    margin: var(--nile-spacing-none);
-    padding: var(--nile-spacing-none);
-    font-size: var(--nile-font-size-micro);
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+    padding: var(--nile-spacing-none, var(--ng-spacing-none));
+    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
   }
 
+  /* track & fill  */
+
   .range {
     position: relative;
-    width: 228px;
-    height: 4px;
-    background-color: var(--nile-colors-neutral-400);
+    width: var(--nile-slider-width, 228px);
+    height: var(--nile-spacing-xs, var(--ng-spacing-sm));
+    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));
     user-select: none;
-    border-radius: var(--nile-radius-radius-3xl);
+    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));
   }
 
   .range:hover {
@@ -58,49 +80,148 @@ import{css as r}from"lit";const a=r`
     position: absolute;
     height: 100%;
     width: 0%;
-    background-color: var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
     top: 0px;
     left: 0px;
     z-index: 98;
-    border-radius: var(--nile-radius-radius-3xl);
+    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));
+  }
+
+  /* ------------------------------------------------------------------ */
+  /* Inline value label (valueLabel="bottom")                            */
+  /* ------------------------------------------------------------------ */
+
+  .value-label {
+    position: absolute;
+    /* Start at the track bottom, then push down past the handle and the
+       largest (pressed, 8px) ring */
+    top: 100%;
+    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    transform: translateX(-50%);
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-font-size-micro, var(--ng-font-size-text-xs));
+    font-variant-numeric: tabular-nums;
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
+    white-space: nowrap;
+    pointer-events: none;
+    user-select: none;
+    -webkit-user-select: none;
   }
 
-  .range-button {
-    height: 12px;
-    width: 12px;
-    background-color: var(--nile-colors-primary-600);
+  /* Reserve room below the track for the inline value label */
+  :host([valuelabel='bottom']) .container {
+    padding-bottom: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
+  }
+
+  /* Handles    */
+
+  .range-button,
+  .range-button-two {
+    height: var(--nile-spacing-lg, var(--ng-spacing-2xl));
+    width: var(--nile-spacing-lg, var(--ng-spacing-2xl));
+    box-sizing: border-box;
+    /* Enterprise: solid brand dot - NextGen: white fill + brand border */
+    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary));
+    border: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) solid
+      var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
-    border-radius: var(--nile-radius-radius-3xl);
+    border-radius: var(--nile-radius-radius-3xl, var(--ng-radius-full));
     left: 0;
     z-index: 100;
-    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;
-    transition: box-shadow var(--nile-transition-duration-default) ease;
+    cursor: grab;
+    transition:
+      box-shadow var(--nile-transition-duration-short, 120ms) ease,
+      background-color var(--nile-transition-duration-short, 120ms) ease,
+      transform var(--nile-transition-duration-shorter, 80ms) ease;
   }
 
-  .range-button:hover, .range-button-two:hover {
-    cursor: pointer;
-    background-color: var(--nile-colors-primary-700);
+  .range-button-two {
+    left: 100%;
   }
 
-  .range-button:active, .range-button-two:active {
-    transition: box-shadow var(--nile-transition-duration-default) ease;
-    background-color: var(--nile-colors-primary-700);
-    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;
+  /* Hover: ring (Enterprise 2px - NextGen 6px) */
+  .range-button:hover,
+  .range-button-two:hover {
+    cursor: grab;
+    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))
+      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));
   }
 
-  .range-button-two {
-    height: 12px;
-    width: 12px;
-    background-color: var(--nile-colors-primary-600);
-    position: absolute;
-    top: 50%;
+  /* Focused: theme focus ring */
+  .range-button:focus-visible,
+  .range-button-two:focus-visible {
+    outline: none;
+    box-shadow: var(--nile-focus-ring,
+      var(--ng-focus-ring,
+        0 0 0 var(--nile-spacing-xs) var(--nile-colors-primary-100)));
+  }
+
+  /* Pressed: ring (Enterprise 4px - NextGen 8px) + 1.1x scale */
+  .range-button:active,
+  .range-button-two:active {
+    cursor: grabbing;
+    transform: translate(-50%, -50%) scale(1.1);
+    box-shadow: 0 0 0 var(--nile-spacing-xs, var(--ng-spacing-md))
+      var(--nile-colors-primary-100, var(--ng-colors-bg-brand-secondary));
+  }
+
+  /* Error state    */
+  :host([error]) .range-completed {
+    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));
+  }
+
+  :host([error]) .range-button,
+  :host([error]) .range-button-two {
+    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-primary));
+    border-color: var(--nile-colors-red-700, var(--ng-colors-border-error));
+  }
+
+  :host([error]) .range-button:hover,
+  :host([error]) .range-button-two:hover {
+    box-shadow: 0 0 0 var(--nile-spacing-xxs, var(--ng-spacing-sm))
+      var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary, var(--ng-color-error-100)));
+  }
+
+  :host([error]) .range-button:focus-visible,
+  :host([error]) .range-button-two:focus-visible {
+    box-shadow: var(--nile-focus-ring-error,
+      var(--ng-focus-ring-error,
+        0 0 0 var(--nile-spacing-xs) var(--nile-colors-red-100)));
+  }
+
+  /* Disabled state */
+  :host([disabled]) .range,
+  :host([disabled]) .range:hover {
+    cursor: not-allowed;
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));
+  }
+
+  :host([disabled]) .range-completed {
+    background-color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));
+  }
+
+  :host([disabled]) .range-button,
+  :host([disabled]) .range-button-two {
+    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) .range-button:hover,
+  :host([disabled]) .range-button-two:hover,
+  :host([disabled]) .range-button:active,
+  :host([disabled]) .range-button-two:active {
+    box-shadow: none;
     transform: translate(-50%, -50%);
-    border-radius: var(--nile-radius-radius-3xl);
-    left: 100%;
-    z-index: 100;
-    box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 2px;
-    transition: box-shadow var(--nile-transition-duration-default) ease;
   }
-`;export{a as s};
+
+  :host([disabled]) .field-label,
+  :host([disabled]) .value-label,
+  :host([disabled]) .label-container span {
+    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));
+    user-select: none;
+    -webkit-user-select: none;
+  }
+`;export{e as s};

package/dist/nile-slider/nile-slider.esm.js

@@ -1,4 +1,5 @@
-import{__decorate as t}from"tslib";import{s}from"./nile-slider.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{html as h}from"lit";import{property as a,customElement as l}from"lit/decorators.js";import{l as n,r,s as o}from"./nile-slider.template.esm.js";import{h as c,a as m,b as p,v as d,r as u,c as v,d as b,g as y}from"./utils/nile-slider.utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let g=class extends i{constructor(){super(...arguments),this.minValue=0,this.value=this.minValue,this.maxValue=100,this.rangeOneValue=this.minValue,this.rangeTwoValue=this.maxValue,this.showLabel=!1,this.labelStart="",this.labelEnd="",this.rangeSlider=!1,this.labelPosition="top",this.tooltipPosition="top",this.activeThumb=null,this.onMouseMove=t=>{const s=this.range.getBoundingClientRect();if(this.rangeSlider){"one"===this.activeThumb?m(t,s,this):"two"===this.activeThumb&&p(t,s,this);const i=d(this.rangeOneValue,this),e=d(this.rangeTwoValue,this),h=Math.min(i,e),a=Math.abs(e-i);this.rangeTwoValue>=this.rangeOneValue&&(this.completed.style.left=`${h}%`,this.completed.style.width=`${a}%`)}else c(t,s,this)},this.onMouseUp=()=>{this.rangeSlider?(this.emit("nile-button-first-change-end",{value:this.rangeOneValue}),this.emit("nile-button-last-change-end",{value:this.rangeTwoValue})):this.emit("nile-change-end",{value:this.value}),this.activeThumb=null,u(this)},this.onMouseDown=t=>{const s=this.range.getBoundingClientRect(),i=(t.clientX-s.left)/s.width*100,e=this.minValue+i/100*(this.maxValue-this.minValue);if(this.rangeSlider){b(e,this);const t=Math.abs(e-this.rangeOneValue),s=Math.abs(e-this.rangeTwoValue);this.activeThumb=t<=s?"one":"two",v(this)}else c(t,s,this),this.activeThumb="one",v(this)}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit("nile-init"),this.rangeSlider&&this.checkRangeValidity()}firstUpdated(t){if(y(this),!this.rangeSlider&&t.has("value")){this.value=this.checkValueValidity(this.value,this.minValue,this.maxValue);const t=d(this.value,this);this.buttonOne.style.left=`${t}%`,this.completed.style.width=`${t}%`}else if(this.rangeSlider){const t=d(this.rangeOneValue,this),s=d(this.rangeTwoValue,this);this.buttonOne&&(this.buttonOne.style.left=`${t}%`),this.buttonTwo&&(this.buttonTwo.style.left=`${s}%`);const i=Math.min(t,s),e=Math.abs(s-t);this.completed.style.left=`${i}%`,this.completed.style.width=`${e}%`}}checkValueValidity(t,s,i){return i-s<=1?Math.max(s,Math.min(t,i)):Math.floor(Math.max(s,Math.min(t,i)))}checkRangeValidity(){this.rangeTwoValue>this.maxValue?this.rangeTwoValue=this.maxValue:this.rangeTwoValue<this.rangeOneValue&&(this.rangeTwoValue=this.rangeOneValue),this.rangeOneValue<this.minValue?this.rangeOneValue=this.minValue:this.rangeOneValue>this.rangeTwoValue&&(this.rangeOneValue=this.rangeTwoValue)}render(){const t=this.showLabel,s=t?"label-start label-end":void 0;return h`
+import{__decorate as t}from"tslib";import{s}from"./nile-slider.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";import{classMap as e}from"lit/directives/class-map.js";import{html as h}from"lit";import{property as a,customElement as l}from"lit/decorators.js";import{f as r,l as n,r as o,s as c,b as p}from"./nile-slider.template.esm.js";import{h as d,a as m,b as u,v,r as b,c as y,d as f,g}from"./utils/nile-slider.utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let $=class extends i{constructor(){super(...arguments),this.minValue=0,this.value=this.minValue,this.maxValue=100,this.rangeOneValue=this.minValue,this.rangeTwoValue=this.maxValue,this.showLabel=!1,this.labelStart="",this.labelEnd="",this.rangeSlider=!1,this.labelPosition="top",this.tooltipPosition="top",this.label="",this.disabled=!1,this.error=!1,this.valueLabel="tooltip",this.activeThumb=null,this.onMouseMove=t=>{if(this.disabled)return;const s=this.range.getBoundingClientRect();if(this.rangeSlider){"one"===this.activeThumb?m(t,s,this):"two"===this.activeThumb&&u(t,s,this);const i=v(this.rangeOneValue,this),e=v(this.rangeTwoValue,this),h=Math.min(i,e),a=Math.abs(e-i);this.rangeTwoValue>=this.rangeOneValue&&(this.completed.style.left=`${h}%`,this.completed.style.width=`${a}%`)}else d(t,s,this)},this.onMouseUp=()=>{this.rangeSlider?(this.emit("nile-button-first-change-end",{value:this.rangeOneValue}),this.emit("nile-button-last-change-end",{value:this.rangeTwoValue})):this.emit("nile-change-end",{value:this.value}),this.activeThumb=null,b(this)},this.onMouseDown=t=>{if(this.disabled)return;const s=this.range.getBoundingClientRect(),i=(t.clientX-s.left)/s.width*100,e=this.minValue+i/100*(this.maxValue-this.minValue);if(this.rangeSlider){f(e,this);const t=Math.abs(e-this.rangeOneValue),s=Math.abs(e-this.rangeTwoValue);this.activeThumb=t<=s?"one":"two",y(this)}else d(t,s,this),this.activeThumb="one",y(this)}}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.emit("nile-init"),this.rangeSlider&&this.checkRangeValidity()}firstUpdated(t){if(g(this),!this.rangeSlider&&t.has("value")){this.value=this.checkValueValidity(this.value,this.minValue,this.maxValue);const t=v(this.value,this);this.buttonOne.style.left=`${t}%`,this.completed.style.width=`${t}%`}else if(this.rangeSlider){const t=v(this.rangeOneValue,this),s=v(this.rangeTwoValue,this);this.buttonOne&&(this.buttonOne.style.left=`${t}%`),this.buttonTwo&&(this.buttonTwo.style.left=`${s}%`);const i=Math.min(t,s),e=Math.abs(s-t);this.completed.style.left=`${i}%`,this.completed.style.width=`${e}%`}}checkValueValidity(t,s,i){return i-s<=1?Math.max(s,Math.min(t,i)):Math.floor(Math.max(s,Math.min(t,i)))}checkRangeValidity(){this.rangeTwoValue>this.maxValue?this.rangeTwoValue=this.maxValue:this.rangeTwoValue<this.rangeOneValue&&(this.rangeTwoValue=this.rangeOneValue),this.rangeOneValue<this.minValue?this.rangeOneValue=this.minValue:this.rangeOneValue>this.rangeTwoValue&&(this.rangeOneValue=this.rangeTwoValue)}render(){const t=this.showLabel,s=t?"label-start label-end":void 0;return h`
+      ${this.label?r(this):h``}
       <div
         part="base"
         class=${e({container:!0,"align-item-center":!t})}
@@ -18,10 +19,11 @@ import{__decorate as t}from"tslib";import{s}from"./nile-slider.css.esm.js";impor
             aria-labelledby=${s}
           >
             <span class="range-completed" part="range-completed"></span>
-            ${this.rangeSlider?r(this):o(this)}
+            ${this.rangeSlider?o(this):c(this)}
+            ${"bottom"===this.valueLabel?p(this):h``}
           </div>
         </div>
   
         <slot class="span" name="suffix"></slot>
       </div>
-    `}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}};t([a({type:Number})],g.prototype,"minValue",void 0),t([a({type:Number})],g.prototype,"value",void 0),t([a({type:Number})],g.prototype,"maxValue",void 0),t([a({type:Number})],g.prototype,"rangeOneValue",void 0),t([a({type:Number})],g.prototype,"rangeTwoValue",void 0),t([a({type:Boolean})],g.prototype,"showLabel",void 0),t([a({type:String})],g.prototype,"labelStart",void 0),t([a({type:String})],g.prototype,"labelEnd",void 0),t([a({type:Boolean})],g.prototype,"rangeSlider",void 0),t([a({type:String})],g.prototype,"labelPosition",void 0),t([a({type:String})],g.prototype,"tooltipPosition",void 0),g=t([l("nile-slider")],g);export{g as N};
+    `}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}};t([a({type:Number})],$.prototype,"minValue",void 0),t([a({type:Number})],$.prototype,"value",void 0),t([a({type:Number})],$.prototype,"maxValue",void 0),t([a({type:Number})],$.prototype,"rangeOneValue",void 0),t([a({type:Number})],$.prototype,"rangeTwoValue",void 0),t([a({type:Boolean})],$.prototype,"showLabel",void 0),t([a({type:String})],$.prototype,"labelStart",void 0),t([a({type:String})],$.prototype,"labelEnd",void 0),t([a({type:Boolean})],$.prototype,"rangeSlider",void 0),t([a({type:String})],$.prototype,"labelPosition",void 0),t([a({type:String})],$.prototype,"tooltipPosition",void 0),t([a({type:String})],$.prototype,"label",void 0),t([a({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),t([a({type:Boolean,reflect:!0})],$.prototype,"error",void 0),t([a({type:String,reflect:!0})],$.prototype,"valueLabel",void 0),$=t([l("nile-slider")],$);export{$ as N};

package/dist/nile-slider/nile-slider.template.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit","lit/directives/class-map.js"],function(_export,_context){"use strict";var a,e,_templateObject,_templateObject2,_templateObject3,i,t,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.html;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("r",i=function i(e){return a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div>\n      <nile-tooltip\n        content=","\n        placement=","\n      >\n        <div \n          id=\"range-one\" \n          class=\"range-button\"\n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=\"Minimum value\"\n        ></div>\n      </nile-tooltip>\n      <nile-tooltip\n        content=","\n        placement=","\n      >\n        <div\n          id=\"range-two\"\n          class=\"range-button-two\"\n          part=\"range-button-two\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=\"Maximum value\"\n        ></div>\n      </nile-tooltip>\n    </div>\n  "])),e.rangeOneValue,e.tooltipPosition,e.minValue,e.maxValue,e.rangeOneValue,e.rangeTwoValue,e.tooltipPosition,e.minValue,e.maxValue,e.rangeTwoValue);}),_export("s",t=function t(i){return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div>\n      <nile-tooltip\n        content=","\n        placement=","\n      >\n        <div \n          class="," \n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=","\n        ></div>\n      </nile-tooltip>\n    </div>\n  "])),i.value,i.tooltipPosition,e({"range-button":!0,"range-button-active":"one"===i.activeThumb}),i.minValue,i.maxValue,i.value,i.ariaLabel||"Slider value");}),_export("l",l=function l(e){return a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div part=\"label-container\" class=\"label-container\">\n      <span id=\"label-start\">","</span>\n      <span id=\"label-end\">","</span>\n    </div>\n  "])),e.labelStart,e.labelEnd);});}};});
+System.register(["lit","lit/directives/class-map.js","./utils/nile-slider.utils.cjs.js"],function(_export,_context){"use strict";var a,l,e,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,i,t,n,s,r,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.html;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_utilsNileSliderUtilsCjsJs){e=_utilsNileSliderUtilsCjsJs.v;}],execute:function execute(){i=function i(a){return a.disabled||"tooltip"!==a.valueLabel;},_export("r",t=function t(l){return a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div>\n      <nile-tooltip\n        content=","\n        placement=","\n        ?disabled=","\n      >\n        <div \n          id=\"range-one\" \n          class=\"range-button\"\n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=\"Minimum value\"\n        ></div>\n      </nile-tooltip>\n      <nile-tooltip\n        content=","\n        placement=","\n        ?disabled=","\n      >\n        <div\n          id=\"range-two\"\n          class=\"range-button-two\"\n          part=\"range-button-two\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=\"Maximum value\"\n        ></div>\n      </nile-tooltip>\n    </div>\n  "])),l.rangeOneValue,l.tooltipPosition,i(l),l.minValue,l.maxValue,l.rangeOneValue,l.rangeTwoValue,l.tooltipPosition,i(l),l.minValue,l.maxValue,l.rangeTwoValue);}),_export("s",n=function n(e){return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    <div>\n      <nile-tooltip\n        content=","\n        placement=","\n        ?disabled=","\n      >\n        <div \n          class="," \n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=","\n          aria-valuemax=","\n          aria-valuenow=","\n          aria-label=","\n        ></div>\n      </nile-tooltip>\n    </div>\n  "])),e.value,e.tooltipPosition,i(e),l({"range-button":!0,"range-button-active":"one"===e.activeThumb}),e.minValue,e.maxValue,e.value,e.ariaLabel||e.label||"Slider value");}),_export("l",s=function s(l){return a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    <div part=\"label-container\" class=\"label-container\">\n      <span id=\"label-start\">","</span>\n      <span id=\"label-end\">","</span>\n    </div>\n  "])),l.labelStart,l.labelEnd);}),_export("f",r=function r(l){return a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div part=\"field-header\" class=\"field-header\">\n      <label id=\"field-label\" part=\"field-label\" class=\"field-label\">\n        ","\n      </label>\n    </div>\n  "])),l.label);}),_export("b",o=function o(l){return l.rangeSlider?a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    <span\n      part=\"value-label\"\n      class=\"value-label\"\n      style=\"left: ","%\"\n    >","</span>\n    <span\n      part=\"value-label\"\n      class=\"value-label\"\n      style=\"left: ","%\"\n    >","</span>\n  "])),e(l.rangeOneValue,l),l.rangeOneValue,e(l.rangeTwoValue,l),l.rangeTwoValue):a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <span\n        part=\"value-label\"\n        class=\"value-label\"\n        style=\"left: ","%\"\n      >","</span>\n    "])),e(l.value,l),l.value);});}};});
 //# sourceMappingURL=nile-slider.template.cjs.js.map

package/dist/nile-slider/nile-slider.template.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slider.template.cjs.js","sources":["../../../src/nile-slider/nile-slider.template.ts"],"sourcesContent":["import { TemplateResult, html } from 'lit';\nimport NileSlider from './nile-slider';\nimport { classMap } from 'lit/directives/class-map.js';\n\nexport const rangeSlider = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div>\n      <nile-tooltip\n        content=${nileSlider.rangeOneValue}\n        placement=${nileSlider.tooltipPosition}\n      >\n        <div \n          id=\"range-one\" \n          class=\"range-button\"\n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.rangeOneValue}\n          aria-label=\"Minimum value\"\n        ></div>\n      </nile-tooltip>\n      <nile-tooltip\n        content=${nileSlider.rangeTwoValue}\n        placement=${nileSlider.tooltipPosition}\n      >\n        <div\n          id=\"range-two\"\n          class=\"range-button-two\"\n          part=\"range-button-two\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.rangeTwoValue}\n          aria-label=\"Maximum value\"\n        ></div>\n      </nile-tooltip>\n    </div>\n  `;\n};\n\nexport const singleSlider = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div>\n      <nile-tooltip\n        content=${nileSlider.value}\n        placement=${nileSlider.tooltipPosition}\n      >\n        <div \n          class=${classMap({\n            'range-button': true,\n            'range-button-active': nileSlider.activeThumb === 'one',\n          })} \n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.value}\n          aria-label=${nileSlider.ariaLabel || \"Slider value\"}\n        ></div>\n      </nile-tooltip>\n    </div>\n  `;\n};\n\n\nexport const lableContaier = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div part=\"label-container\" class=\"label-container\">\n      <span id=\"label-start\">${nileSlider.labelStart}</span>\n      <span id=\"label-end\">${nileSlider.labelEnd}</span>\n    </div>\n  `;\n};"],"names":["rangeSlider","nileSlider","html","_templateObject","_taggedTemplateLiteral","rangeOneValue","tooltipPosition","minValue","maxValue","rangeTwoValue","singleSlider","_templateObject2","value","classMap","activeThumb","ariaLabel","lableContaier","_templateObject3","labelStart","labelEnd"],"mappings":"ocAIaA,CAAAA,CAAeC,QAAfD,CAAAA,CAAAA,CAAeC,SACnBC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,m1BAGKH,CAAWI,CAAAA,aAAAA,CACTJ,CAAWK,CAAAA,eAAAA,CAQLL,CAAWM,CAAAA,QAAAA,CACXN,CAAWO,CAAAA,QAAAA,CACXP,CAAWI,CAAAA,aAAAA,CAKnBJ,CAAWQ,CAAAA,aAAAA,CACTR,CAAWK,CAAAA,eAAAA,CAQLL,CAAWM,CAAAA,QAAAA,CACXN,CAAWO,CAAAA,QAAAA,CACXP,CAAWQ,CAAAA,aAAAA,GAQxBC,EAAAA,OAAAA,KAAAA,CAAAA,CAAgBT,QAAhBS,CAAAA,CAAAA,CAAgBT,SACpBC,CAAAA,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,iYAGKH,CAAWW,CAAAA,KAAAA,CACTX,CAAWK,CAAAA,eAAAA,CAGbO,CAAAA,CAAS,CACf,cAAA,CAAA,CAAgB,CAChB,CAAA,qBAAA,CAAkD,QAA3BZ,CAAWa,CAAAA,WAAAA,CAAAA,CAAAA,CAKpBb,CAAWM,CAAAA,QAAAA,CACXN,CAAWO,CAAAA,QAAAA,CACXP,CAAWW,CAAAA,KAAAA,CACdX,CAAAA,CAAWc,SAAa,EAAA,cAAA,GAQlCC,EAAAA,OAAAA,KAAAA,CAAAA,CAAiBf,QAAjBe,CAAAA,CAAAA,CAAiBf,SACrBC,CAAAA,CAAI,CAAAe,gBAAA,GAAAA,gBAAA,CAAAb,sBAAA,0KAEkBH,CAAWiB,CAAAA,UAAAA,CACbjB,CAAWkB,CAAAA,QAAAA"}
+{"version":3,"file":"nile-slider.template.cjs.js","sources":["../../../src/nile-slider/nile-slider.template.ts"],"sourcesContent":["import { TemplateResult, html } from 'lit';\nimport NileSlider from './nile-slider';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { valueToPercent } from './utils/nile-slider.utils';\n\nconst tooltipDisabled = (nileSlider: NileSlider): boolean =>\n  nileSlider.disabled || nileSlider.valueLabel !== 'tooltip';\n\nexport const rangeSlider = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div>\n      <nile-tooltip\n        content=${nileSlider.rangeOneValue}\n        placement=${nileSlider.tooltipPosition}\n        ?disabled=${tooltipDisabled(nileSlider)}\n      >\n        <div \n          id=\"range-one\" \n          class=\"range-button\"\n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.rangeOneValue}\n          aria-label=\"Minimum value\"\n        ></div>\n      </nile-tooltip>\n      <nile-tooltip\n        content=${nileSlider.rangeTwoValue}\n        placement=${nileSlider.tooltipPosition}\n        ?disabled=${tooltipDisabled(nileSlider)}\n      >\n        <div\n          id=\"range-two\"\n          class=\"range-button-two\"\n          part=\"range-button-two\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.rangeTwoValue}\n          aria-label=\"Maximum value\"\n        ></div>\n      </nile-tooltip>\n    </div>\n  `;\n};\n\nexport const singleSlider = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div>\n      <nile-tooltip\n        content=${nileSlider.value}\n        placement=${nileSlider.tooltipPosition}\n        ?disabled=${tooltipDisabled(nileSlider)}\n      >\n        <div \n          class=${classMap({\n            'range-button': true,\n            'range-button-active': nileSlider.activeThumb === 'one',\n          })} \n          part=\"range-button\"\n          role=\"slider\"\n          tabindex=\"0\"\n          aria-valuemin=${nileSlider.minValue}\n          aria-valuemax=${nileSlider.maxValue}\n          aria-valuenow=${nileSlider.value}\n          aria-label=${nileSlider.ariaLabel || nileSlider.label || \"Slider value\"}\n        ></div>\n      </nile-tooltip>\n    </div>\n  `;\n};\n\n\nexport const lableContaier = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div part=\"label-container\" class=\"label-container\">\n      <span id=\"label-start\">${nileSlider.labelStart}</span>\n      <span id=\"label-end\">${nileSlider.labelEnd}</span>\n    </div>\n  `;\n};\n\n\nexport const fieldHeader = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div part=\"field-header\" class=\"field-header\">\n      <label id=\"field-label\" part=\"field-label\" class=\"field-label\">\n        ${nileSlider.label}\n      </label>\n    </div>\n  `;\n};\n\n\nexport const bottomValueLabels = (nileSlider: NileSlider): TemplateResult => {\n  if (!nileSlider.rangeSlider) {\n    return html`\n      <span\n        part=\"value-label\"\n        class=\"value-label\"\n        style=\"left: ${valueToPercent(nileSlider.value, nileSlider)}%\"\n      >${nileSlider.value}</span>\n    `;\n  }\n  return html`\n    <span\n      part=\"value-label\"\n      class=\"value-label\"\n      style=\"left: ${valueToPercent(nileSlider.rangeOneValue, nileSlider)}%\"\n    >${nileSlider.rangeOneValue}</span>\n    <span\n      part=\"value-label\"\n      class=\"value-label\"\n      style=\"left: ${valueToPercent(nileSlider.rangeTwoValue, nileSlider)}%\"\n    >${nileSlider.rangeTwoValue}</span>\n  `;\n};\n"],"names":["tooltipDisabled","nileSlider","disabled","valueLabel","rangeSlider","html","_templateObject","_taggedTemplateLiteral","rangeOneValue","tooltipPosition","minValue","maxValue","rangeTwoValue","singleSlider","_templateObject2","value","classMap","activeThumb","ariaLabel","label","lableContaier","_templateObject3","labelStart","labelEnd","fieldHeader","_templateObject4","bottomValueLabels","_templateObject5","valueToPercent","_templateObject6"],"mappings":"4lBAKMA,CAAAA,CAAmBC,QAAnBD,CAAAA,CAAAA,CAAmBC,CACvBA,QAAAA,CAAAA,CAAAA,CAAWC,UAAsC,SAA1BD,GAAAA,CAAAA,CAAWE,UAEvBC,GAAAA,OAAAA,KAAAA,CAAAA,CAAeH,QAAfG,CAAAA,CAAAA,CAAeH,SACnBI,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,i4BAGKN,CAAWO,CAAAA,aAAAA,CACTP,CAAWQ,CAAAA,eAAAA,CACXT,CAAgBC,CAAAA,CAAAA,CAAAA,CAQVA,CAAWS,CAAAA,QAAAA,CACXT,CAAWU,CAAAA,QAAAA,CACXV,CAAWO,CAAAA,aAAAA,CAKnBP,CAAWW,CAAAA,aAAAA,CACTX,CAAWQ,CAAAA,eAAAA,CACXT,CAAgBC,CAAAA,CAAAA,CAAAA,CAQVA,CAAWS,CAAAA,QAAAA,CACXT,CAAWU,CAAAA,QAAAA,CACXV,CAAWW,CAAAA,aAAAA,GAQxBC,EAAAA,OAAAA,KAAAA,CAAAA,CAAgBZ,QAAhBY,CAAAA,CAAAA,CAAgBZ,SACpBI,CAAAA,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,wZAGKN,CAAWc,CAAAA,KAAAA,CACTd,CAAWQ,CAAAA,eAAAA,CACXT,CAAgBC,CAAAA,CAAAA,CAAAA,CAGlBe,CAAAA,CAAS,CACf,cAAA,CAAA,CAAgB,CAChB,CAAA,qBAAA,CAAkD,QAA3Bf,CAAWgB,CAAAA,WAAAA,CAAAA,CAAAA,CAKpBhB,CAAWS,CAAAA,QAAAA,CACXT,CAAWU,CAAAA,QAAAA,CACXV,CAAWc,CAAAA,KAAAA,CACdd,CAAWiB,CAAAA,SAAAA,EAAajB,EAAWkB,KAAS,EAAA,cAAA,GAQtDC,EAAAA,OAAAA,KAAAA,CAAAA,CAAiBnB,QAAjBmB,CAAAA,CAAAA,CAAiBnB,SACrBI,CAAAA,CAAI,CAAAgB,gBAAA,GAAAA,gBAAA,CAAAd,sBAAA,0KAEkBN,CAAWqB,CAAAA,UAAAA,CACbrB,CAAWsB,CAAAA,QAAAA,GAM3BC,EAAAA,OAAAA,KAAAA,CAAAA,CAAevB,QAAfuB,CAAAA,CAAAA,CAAevB,SACnBI,CAAAA,CAAI,CAAAoB,gBAAA,GAAAA,gBAAA,CAAAlB,sBAAA,0LAGHN,CAAWkB,CAAAA,KAAAA,iBAORO,CAAqBzB,CAAAA,QAArByB,CAAAA,CAAqBzB,CAAAA,CAAAA,QAC3BA,CAAAA,CAAWG,CAAAA,WAAAA,CASTC,CAAI,CAAAsB,gBAAA,GAAAA,gBAAA,CAAApB,sBAAA,8OAIQqB,CAAAA,CAAe3B,EAAWO,aAAeP,CAAAA,CAAAA,CAAAA,CACvDA,CAAWO,CAAAA,aAAAA,CAIGoB,CAAAA,CAAe3B,EAAWW,aAAeX,CAAAA,CAAAA,CAAAA,CACvDA,CAAWW,CAAAA,aAAAA,EAlBPP,CAAI,CAAAwB,gBAAA,GAAAA,gBAAA,CAAAtB,sBAAA,yIAIQqB,CAAAA,CAAe3B,EAAWc,KAAOd,CAAAA,CAAAA,CAAAA,CAC/CA,CAAWc,CAAAA,KAAAA"}