@aquera/nile-elements 0.1.55-beta-1.1 → 0.1.55-beta-1.2

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

@@ -1,181 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { styles } from './nile-slider.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { rangeSlider, singleSlider, lableContaier } from './nile-slider.template';
-import { handleSingleSlider, handleRangeOne, handleRangeTwo, getHtmlElements, removeMoveListeners, valueToPercent, handleTwoThumbClick } from './utils/nile-slider.utils';
-/**
- * Nile slider component.
- *
- * @tag nile-slider
- */
-let NileSlider = class NileSlider extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.value = 0;
-        this.minValue = 0;
-        this.maxValue = 0;
-        this.rangeOneValue = this.minValue;
-        this.rangeTwoValue = this.maxValue;
-        this.showLabel = false;
-        this.labelStart = "";
-        this.labelEnd = "";
-        this.rangeSlider = false;
-        this.labelPosition = "top";
-        this.tooltipPosition = "top";
-        this.activeThumb = null;
-        this.onMouseMove = (e) => {
-            const rect = this.range.getBoundingClientRect();
-            if (!this.rangeSlider) {
-                handleSingleSlider(e, rect, this);
-            }
-            else {
-                if (this.activeThumb === 'one') {
-                    handleRangeOne(e, rect, this);
-                }
-                else if (this.activeThumb === 'two') {
-                    handleRangeTwo(e, rect, this);
-                }
-                const start = valueToPercent(this.rangeOneValue, this);
-                const end = valueToPercent(this.rangeTwoValue, this);
-                const left = Math.min(start, end);
-                const width = Math.abs(end - start);
-                if (this.rangeTwoValue >= this.rangeOneValue) {
-                    this.completed.style.left = `${left}%`;
-                    this.completed.style.width = `${width}%`;
-                }
-            }
-        };
-        this.onMouseUp = () => {
-            if (!this.rangeSlider)
-                this.emit("nile-change-end" /* NileSliderEvents.NILE_CHANGE_END */, { value: this.value });
-            else {
-                this.emit("nile-button-first-change-end" /* NileSliderEvents.NILE_BUTTON_FIRST_CHANGE_END */, { value: this.rangeOneValue });
-                this.emit("nile-button-last-change-end" /* NileSliderEvents.NILE_BUTTON_LAST_CHANGE_END */, { value: this.rangeTwoValue });
-            }
-            this.activeThumb = null;
-            removeMoveListeners(this);
-        };
-        this.onMouseClick = (e) => {
-            const rect = this.range.getBoundingClientRect();
-            const clickX = e.clientX - rect.left;
-            const percent = (clickX / rect.width) * 100;
-            const value = this.minValue + (percent / 100) * (this.maxValue - this.minValue);
-            if (!this.rangeSlider) {
-                handleSingleSlider(e, rect, this);
-            }
-            else {
-                handleTwoThumbClick(value, this);
-            }
-        };
-    }
-    static get styles() {
-        return [styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.emit("nile-init" /* NileSliderEvents.NILE_INIT */);
-    }
-    firstUpdated(changedProps) {
-        getHtmlElements(this);
-        if (!this.rangeSlider && changedProps.has('value')) {
-            this.value = this.checkValueValidity(this.value, this.minValue, this.maxValue);
-            const percent = valueToPercent(this.value, this);
-            this.buttonOne.style.left = `${percent}%`;
-            this.completed.style.width = `${percent}%`;
-        }
-        else if (this.rangeSlider && changedProps.has('rangeOneValue') || changedProps.has('rangeTwoValue')) {
-            this.rangeOneValue = this.checkValueValidity(this.rangeOneValue, this.minValue, this.maxValue);
-            this.rangeTwoValue = this.checkValueValidity(this.rangeTwoValue, this.minValue, this.maxValue);
-            const percentOne = valueToPercent(this.rangeOneValue, this);
-            const percentTwo = valueToPercent(this.rangeTwoValue, this);
-            if (this.buttonOne)
-                this.buttonOne.style.left = `${percentOne}%`;
-            if (this.buttonTwo)
-                this.buttonTwo.style.left = `${percentTwo}%`;
-            const left = Math.min(percentOne, percentTwo);
-            const width = Math.abs(percentTwo - percentOne);
-            this.completed.style.left = `${left}%`;
-            this.completed.style.width = `${width}%`;
-        }
-    }
-    checkValueValidity(value, min, max) {
-        return Math.max(min, Math.min(value, max));
-    }
-    render() {
-        return html `
-      <div part="base" class=${classMap({
-            container: true,
-            'align-item-center': !this.showLabel
-        })}>
-        <slot class="span" name="prefix"></slot>
-        <div part="range-container" class=${classMap({
-            'range-container': true,
-            'column-reverse': this.labelPosition === "bottom"
-        })}>
-          ${this.showLabel
-            ? lableContaier(this)
-            : html ``}
-          <div class="range" part="range">
-            <span class="range-completed" part="range-completed"></span>
-            ${this.rangeSlider
-            ? rangeSlider(this)
-            : singleSlider(this)}
-          </div>
-        </div>
-        <slot class="span" name="suffix"></slot>
-      </div>
-    `;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.emit("nile-destroy" /* NileSliderEvents.NILE_DESTROY */);
-    }
-};
-__decorate([
-    property({ type: Number })
-], NileSlider.prototype, "value", void 0);
-__decorate([
-    property({ type: Number })
-], NileSlider.prototype, "minValue", void 0);
-__decorate([
-    property({ type: Number })
-], NileSlider.prototype, "maxValue", void 0);
-__decorate([
-    property({ type: Number })
-], NileSlider.prototype, "rangeOneValue", void 0);
-__decorate([
-    property({ type: Number })
-], NileSlider.prototype, "rangeTwoValue", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileSlider.prototype, "showLabel", void 0);
-__decorate([
-    property({ type: String })
-], NileSlider.prototype, "labelStart", void 0);
-__decorate([
-    property({ type: String })
-], NileSlider.prototype, "labelEnd", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileSlider.prototype, "rangeSlider", void 0);
-__decorate([
-    property({ type: String })
-], NileSlider.prototype, "labelPosition", void 0);
-__decorate([
-    property({ type: String })
-], NileSlider.prototype, "tooltipPosition", void 0);
-NileSlider = __decorate([
-    customElement('nile-slider')
-], NileSlider);
-export { NileSlider };
-export default NileSlider;
-//# sourceMappingURL=nile-slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-slider.js","sourceRoot":"","sources":["../../../src/nile-slider/nile-slider.ts"],"names":[],"mappings":"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","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} 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 }) value: number = 0;\n  @property({ type: Number }) minValue: number = 0;\n  @property({ type: Number }) maxValue: number = 0;\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\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 && changedProps.has('rangeOneValue') || changedProps.has('rangeTwoValue')) {\n      this.rangeOneValue = this.checkValueValidity(this.rangeOneValue, this.minValue, this.maxValue);\n      this.rangeTwoValue = this.checkValueValidity(this.rangeTwoValue, this.minValue, this.maxValue);\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    return Math.max(min, Math.min(value, max));\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 onMouseClick = (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    } else {\n      handleTwoThumbClick(value, this);\n    }\n  };\n  \n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=${classMap({\n        container: true,\n        'align-item-center': !this.showLabel\n      })}>\n        <slot class=\"span\" name=\"prefix\"></slot>\n        <div part=\"range-container\" class=${classMap({\n          'range-container': true,\n          'column-reverse': this.labelPosition === \"bottom\"\n        })}>\n          ${this.showLabel\n            ? lableContaier(this)\n            : html``}\n          <div class=\"range\" part=\"range\">\n            <span class=\"range-completed\" part=\"range-completed\"></span>\n            ${this.rangeSlider\n              ? rangeSlider(this)\n              : singleSlider(this)}\n          </div>\n        </div>\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"]}

package/dist/src/nile-slider/nile-slider.template.d.ts

@@ -1,5 +0,0 @@
-import { TemplateResult } from 'lit';
-import NileSlider from './nile-slider';
-export declare const rangeSlider: (nileSlider: NileSlider) => TemplateResult;
-export declare const singleSlider: (nileSlider: NileSlider) => TemplateResult;
-export declare const lableContaier: (nileSlider: NileSlider) => TemplateResult;

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

@@ -1,44 +0,0 @@
-import { html } from 'lit';
-export const rangeSlider = (nileSlider) => {
-    return html `
-    <div>
-      <nile-tooltip
-        content=${nileSlider.rangeOneValue}
-        placement=${nileSlider.tooltipPosition}
-      >
-        <div id="range-one" class="range-button" part="range-button"></div>
-      </nile-tooltip>
-      <nile-tooltip
-        content=${nileSlider.rangeTwoValue}
-        placement=${nileSlider.tooltipPosition}
-      >
-        <div
-          id="range-two"
-          class="range-button-two"
-          part="range-button-two"
-        ></div>
-      </nile-tooltip>
-    </div>
-  `;
-};
-export const singleSlider = (nileSlider) => {
-    return html `
-    <div>
-      <nile-tooltip
-        content=${nileSlider.value}
-        placement=${nileSlider.tooltipPosition}
-      >
-        <div class="range-button" part="range-button"></div>
-      </nile-tooltip>
-    </div>
-  `;
-};
-export const lableContaier = (nileSlider) => {
-    return html `
-    <div part="label-container" class="label-container">
-      <span>${nileSlider.labelStart}</span>
-      <span>${nileSlider.labelEnd}</span>
-    </div>
-  `;
-};
-//# sourceMappingURL=nile-slider.template.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-slider.template.js","sourceRoot":"","sources":["../../../src/nile-slider/nile-slider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,UAAsB,EAAkB,EAAE;IACpE,OAAO,IAAI,CAAA;;;kBAGK,UAAU,CAAC,aAAa;oBACtB,UAAU,CAAC,eAAe;;;;;kBAK5B,UAAU,CAAC,aAAa;oBACtB,UAAU,CAAC,eAAe;;;;;;;;;GAS3C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAAsB,EAAkB,EAAE;IACrE,OAAO,IAAI,CAAA;;;kBAGK,UAAU,CAAC,KAAK;oBACd,UAAU,CAAC,eAAe;;;;;GAK3C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAkB,EAAE;IACtE,OAAO,IAAI,CAAA;;cAEC,UAAU,CAAC,UAAU;cACrB,UAAU,CAAC,QAAQ;;GAE9B,CAAC;AACJ,CAAC,CAAA","sourcesContent":["import { TemplateResult, html } from 'lit';\nimport NileSlider from './nile-slider';\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 id=\"range-one\" class=\"range-button\" part=\"range-button\"></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        ></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 class=\"range-button\" part=\"range-button\"></div>\n      </nile-tooltip>\n    </div>\n  `;\n};\n\nexport const lableContaier = (nileSlider: NileSlider): TemplateResult => {\n  return html`\n    <div part=\"label-container\" class=\"label-container\">\n      <span>${nileSlider.labelStart}</span>\n      <span>${nileSlider.labelEnd}</span>\n    </div>\n  `;\n}"]}

package/dist/src/nile-slider/types/nile-slider.enums.d.ts

@@ -1,10 +0,0 @@
-export declare const enum NileSliderEvents {
-    NILE_INIT = "nile-init",
-    NILE_CHANGE = "nile-change",
-    NILE_CHANGE_END = "nile-change-end",
-    NILE_BUTTON_FIRST_CHANGE = "nile-button-first-change",
-    NILE_BUTTON_LAST_CHANGE = "nile-button-last-change",
-    NILE_BUTTON_FIRST_CHANGE_END = "nile-button-first-change-end",
-    NILE_BUTTON_LAST_CHANGE_END = "nile-button-last-change-end",
-    NILE_DESTROY = "nile-destroy"
-}

package/dist/src/nile-slider/types/nile-slider.enums.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=nile-slider.enums.js.map

package/dist/src/nile-slider/types/nile-slider.enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-slider.enums.js","sourceRoot":"","sources":["../../../../src/nile-slider/types/nile-slider.enums.ts"],"names":[],"mappings":"","sourcesContent":["export const enum NileSliderEvents {\n  NILE_INIT = \"nile-init\",\n  NILE_CHANGE = \"nile-change\",\n  NILE_CHANGE_END = \"nile-change-end\",\n  NILE_BUTTON_FIRST_CHANGE = \"nile-button-first-change\",\n  NILE_BUTTON_LAST_CHANGE =  \"nile-button-last-change\",\n  NILE_BUTTON_FIRST_CHANGE_END = \"nile-button-first-change-end\",\n  NILE_BUTTON_LAST_CHANGE_END =  \"nile-button-last-change-end\",\n  NILE_DESTROY = \"nile-destroy\",\n}"]}

package/dist/src/nile-slider/types/nile-slider.types.d.ts

@@ -1 +0,0 @@
-export type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';

package/dist/src/nile-slider/types/nile-slider.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=nile-slider.types.js.map

package/dist/src/nile-slider/types/nile-slider.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-slider.types.js","sourceRoot":"","sources":["../../../../src/nile-slider/types/nile-slider.types.ts"],"names":[],"mappings":"","sourcesContent":["export type TooltipPosition =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n"]}

package/dist/src/nile-slider/utils/nile-slider.utils.d.ts

@@ -1,11 +0,0 @@
-import NileSlider from '../nile-slider';
-export declare const getClampedPercent: (rect: DOMRect, x: number) => number;
-export declare const percentToValue: (percent: number, nileSlider: NileSlider) => number;
-export declare const valueToPercent: (value: number, nileSlider: NileSlider) => number;
-export declare const handleSingleSlider: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
-export declare const handleRangeOne: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
-export declare const handleRangeTwo: (e: MouseEvent, rect: DOMRect, nileSlider: NileSlider) => void;
-export declare const getHtmlElements: (nileSlider: NileSlider) => void;
-export declare const addMoveListeners: (nileSlider: NileSlider) => void;
-export declare const removeMoveListeners: (nileSlider: NileSlider) => void;
-export declare const handleTwoThumbClick: (value: number, nileSlider: NileSlider) => void;

package/dist/src/nile-slider/utils/nile-slider.utils.js

@@ -1,86 +0,0 @@
-export const getClampedPercent = (rect, x) => {
-    const clamped = Math.max(0, Math.min(x, rect.width));
-    return (clamped / rect.width) * 100;
-};
-export const percentToValue = (percent, nileSlider) => {
-    return Math.floor((percent / 100) * nileSlider.maxValue);
-};
-export const valueToPercent = (value, nileSlider) => {
-    return (value / nileSlider.maxValue) * 100;
-};
-export const handleSingleSlider = (e, rect, nileSlider) => {
-    const x = e.clientX - rect.left;
-    const percent = getClampedPercent(rect, x);
-    nileSlider.value = percentToValue(percent, nileSlider);
-    nileSlider.emit("nile-change" /* NileSliderEvents.NILE_CHANGE */, { value: nileSlider.value });
-    nileSlider.buttonOne.style.left = `${percent}%`;
-    nileSlider.completed.style.width = `${percent}%`;
-};
-export const handleRangeOne = (e, rect, nileSlider) => {
-    const x = e.clientX - rect.left;
-    const percent = getClampedPercent(rect, x);
-    nileSlider.rangeOneValue = percentToValue(percent, nileSlider);
-    nileSlider.emit("nile-button-first-change" /* NileSliderEvents.NILE_BUTTON_FIRST_CHANGE */, {
-        value: nileSlider.rangeOneValue,
-    });
-    if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue)
-        nileSlider.buttonOne.style.left = `${percent}%`;
-};
-export const handleRangeTwo = (e, rect, nileSlider) => {
-    const x = e.clientX - rect.left;
-    const percent = getClampedPercent(rect, x);
-    nileSlider.rangeTwoValue = percentToValue(percent, nileSlider);
-    nileSlider.emit("nile-button-last-change" /* NileSliderEvents.NILE_BUTTON_LAST_CHANGE */, {
-        value: nileSlider.rangeTwoValue,
-    });
-    if (nileSlider.rangeTwoValue >= nileSlider.rangeOneValue)
-        nileSlider.buttonTwo.style.left = `${percent}%`;
-};
-export const getHtmlElements = (nileSlider) => {
-    nileSlider.range = nileSlider.renderRoot.querySelector('.range');
-    nileSlider.buttonOne = nileSlider.renderRoot.querySelector('.range-button');
-    nileSlider.buttonTwo = nileSlider.renderRoot.querySelector('.range-button-two');
-    nileSlider.completed = nileSlider.renderRoot.querySelector('.range-completed');
-    nileSlider.range.addEventListener('click', nileSlider.onMouseClick);
-    nileSlider.buttonOne?.addEventListener('mousedown', () => {
-        nileSlider.activeThumb = 'one';
-        addMoveListeners(nileSlider);
-    });
-    nileSlider.buttonTwo?.addEventListener('mousedown', () => {
-        nileSlider.activeThumb = 'two';
-        addMoveListeners(nileSlider);
-    });
-};
-export const addMoveListeners = (nileSlider) => {
-    nileSlider.range.addEventListener('mousemove', nileSlider.onMouseMove);
-    nileSlider.range.addEventListener('mouseup', nileSlider.onMouseUp);
-};
-export const removeMoveListeners = (nileSlider) => {
-    nileSlider.range.removeEventListener('mousemove', nileSlider.onMouseMove);
-    nileSlider.range.removeEventListener('mouseup', nileSlider.onMouseUp);
-};
-export const handleTwoThumbClick = (value, nileSlider) => {
-    const distToOne = Math.abs(value - nileSlider.rangeOneValue);
-    const distToTwo = Math.abs(value - nileSlider.rangeTwoValue);
-    if (distToOne <= distToTwo) {
-        nileSlider.rangeOneValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));
-    }
-    else {
-        nileSlider.rangeTwoValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));
-    }
-    const percentOne = valueToPercent(nileSlider.rangeOneValue, nileSlider);
-    const percentTwo = valueToPercent(nileSlider.rangeTwoValue, nileSlider);
-    nileSlider.buttonOne.style.left = `${percentOne}%`;
-    nileSlider.buttonTwo.style.left = `${percentTwo}%`;
-    const left = Math.min(percentOne, percentTwo);
-    const width = Math.abs(percentTwo - percentOne);
-    nileSlider.completed.style.left = `${left}%`;
-    nileSlider.completed.style.width = `${width}%`;
-    nileSlider.emit("nile-button-first-change" /* NileSliderEvents.NILE_BUTTON_FIRST_CHANGE */, {
-        value: nileSlider.rangeOneValue,
-    });
-    nileSlider.emit("nile-button-last-change" /* NileSliderEvents.NILE_BUTTON_LAST_CHANGE */, {
-        value: nileSlider.rangeTwoValue,
-    });
-};
-//# sourceMappingURL=nile-slider.utils.js.map

package/dist/src/nile-slider/utils/nile-slider.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-slider.utils.js","sourceRoot":"","sources":["../../../../src/nile-slider/utils/nile-slider.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import NileSlider from '../nile-slider';\nimport { NileSliderEvents } from '../types/nile-slider.enums';\n\nexport const getClampedPercent = (rect: DOMRect, x: number): number => {\n  const clamped = Math.max(0, Math.min(x, rect.width));\n  return (clamped / rect.width) * 100;\n};\n\nexport const percentToValue = (percent: number, nileSlider: NileSlider): number => {\n  return Math.floor((percent / 100) * nileSlider.maxValue);\n};\n\nexport const valueToPercent = (value: number, nileSlider: NileSlider): number => {\n  return (value / nileSlider.maxValue) * 100;\n};\n\nexport const handleSingleSlider = (\n  e: MouseEvent,\n  rect: DOMRect,\n  nileSlider: NileSlider\n): void => {\n  const x = e.clientX - rect.left;\n  const percent = getClampedPercent(rect, x);\n  nileSlider.value = percentToValue(percent, nileSlider);\n  nileSlider.emit(NileSliderEvents.NILE_CHANGE, { value: nileSlider.value });\n  nileSlider.buttonOne.style.left = `${percent}%`;\n  nileSlider.completed.style.width = `${percent}%`;\n};\n\nexport const handleRangeOne = (\n  e: MouseEvent,\n  rect: DOMRect,\n  nileSlider: NileSlider\n): void => {\n  const x = e.clientX - rect.left;\n  const percent = getClampedPercent(rect, x);\n  nileSlider.rangeOneValue = percentToValue(percent, nileSlider);\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE, {\n    value: nileSlider.rangeOneValue,\n  });\n  if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue) nileSlider.buttonOne.style.left = `${percent}%`;\n};\n\nexport const handleRangeTwo = (\n  e: MouseEvent,\n  rect: DOMRect,\n  nileSlider: NileSlider\n): void => {\n  const x = e.clientX - rect.left;\n  const percent = getClampedPercent(rect, x);\n  nileSlider.rangeTwoValue = percentToValue(percent, nileSlider);\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE, {\n    value: nileSlider.rangeTwoValue,\n  });\n  if (nileSlider.rangeTwoValue >= nileSlider.rangeOneValue) nileSlider.buttonTwo.style.left = `${percent}%`;\n};\n\nexport const getHtmlElements = (nileSlider: NileSlider) => {\n  nileSlider.range = nileSlider.renderRoot.querySelector('.range') as HTMLElement;\n  nileSlider.buttonOne = nileSlider.renderRoot.querySelector('.range-button') as HTMLElement;\n  nileSlider.buttonTwo = nileSlider.renderRoot.querySelector('.range-button-two') as HTMLElement;\n  nileSlider.completed = nileSlider.renderRoot.querySelector('.range-completed') as HTMLElement;\n\n  nileSlider.range.addEventListener('click', nileSlider.onMouseClick);\n\n  nileSlider.buttonOne?.addEventListener('mousedown', () => {\n    nileSlider.activeThumb = 'one';\n    addMoveListeners(nileSlider);\n  });\n\n  nileSlider.buttonTwo?.addEventListener('mousedown', () => {\n    nileSlider.activeThumb = 'two';\n    addMoveListeners(nileSlider);\n  });\n};\n\nexport const addMoveListeners = (nileSlider: NileSlider): void => {\n  nileSlider.range.addEventListener('mousemove', nileSlider.onMouseMove);\n  nileSlider.range.addEventListener('mouseup', nileSlider.onMouseUp);\n};\n\nexport const removeMoveListeners = (nileSlider: NileSlider): void => {\n  nileSlider.range.removeEventListener('mousemove', nileSlider.onMouseMove);\n  nileSlider.range.removeEventListener('mouseup', nileSlider.onMouseUp);\n};\n\nexport const handleTwoThumbClick = (\n  value: number,\n  nileSlider: NileSlider\n): void => {\n  const distToOne = Math.abs(value - nileSlider.rangeOneValue);\n  const distToTwo = Math.abs(value - nileSlider.rangeTwoValue);\n\n  if (distToOne <= distToTwo) {\n    nileSlider.rangeOneValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));\n  } else {\n    nileSlider.rangeTwoValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));\n  }\n\n  const percentOne = valueToPercent(nileSlider.rangeOneValue, nileSlider);\n  const percentTwo = valueToPercent(nileSlider.rangeTwoValue, nileSlider);\n\n  nileSlider.buttonOne.style.left = `${percentOne}%`;\n  nileSlider.buttonTwo.style.left = `${percentTwo}%`;\n\n  const left = Math.min(percentOne, percentTwo);\n  const width = Math.abs(percentTwo - percentOne);\n\n  nileSlider.completed.style.left = `${left}%`;\n  nileSlider.completed.style.width = `${width}%`;\n\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE, {\n    value: nileSlider.rangeOneValue,\n  });\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE, {\n    value: nileSlider.rangeTwoValue,\n  });\n};\n"]}