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

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

@@ -1,73 +0,0 @@
-import { html } from 'lit';
-import { classMap } from 'lit/directives/class-map.js';
-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"
-          role="slider"
-          tabindex="0"
-          aria-valuemin=${nileSlider.minValue}
-          aria-valuemax=${nileSlider.maxValue}
-          aria-valuenow=${nileSlider.rangeOneValue}
-          aria-label="Minimum value"
-        ></div>
-      </nile-tooltip>
-      <nile-tooltip
-        content=${nileSlider.rangeTwoValue}
-        placement=${nileSlider.tooltipPosition}
-      >
-        <div
-          id="range-two"
-          class="range-button-two"
-          part="range-button-two"
-          role="slider"
-          tabindex="0"
-          aria-valuemin=${nileSlider.minValue}
-          aria-valuemax=${nileSlider.maxValue}
-          aria-valuenow=${nileSlider.rangeTwoValue}
-          aria-label="Maximum value"
-        ></div>
-      </nile-tooltip>
-    </div>
-  `;
-};
-export const singleSlider = (nileSlider) => {
-    return html `
-    <div>
-      <nile-tooltip
-        content=${nileSlider.value}
-        placement=${nileSlider.tooltipPosition}
-      >
-        <div 
-          class=${classMap({
-        'range-button': true,
-        'range-button-active': nileSlider.activeThumb === 'one',
-    })} 
-          part="range-button"
-          role="slider"
-          tabindex="0"
-          aria-valuemin=${nileSlider.minValue}
-          aria-valuemax=${nileSlider.maxValue}
-          aria-valuenow=${nileSlider.value}
-          aria-label=${nileSlider.ariaLabel || "Slider value"}
-        ></div>
-      </nile-tooltip>
-    </div>
-  `;
-};
-export const lableContaier = (nileSlider) => {
-    return html `
-    <div part="label-container" class="label-container">
-      <span id="label-start">${nileSlider.labelStart}</span>
-      <span id="label-end">${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;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,UAAsB,EAAkB,EAAE;IACpE,OAAO,IAAI,CAAA;;;kBAGK,UAAU,CAAC,aAAa;oBACtB,UAAU,CAAC,eAAe;;;;;;;;0BAQpB,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,aAAa;;;;;kBAKhC,UAAU,CAAC,aAAa;oBACtB,UAAU,CAAC,eAAe;;;;;;;;0BAQpB,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,aAAa;;;;;GAK/C,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;;;kBAG5B,QAAQ,CAAC;QACf,cAAc,EAAE,IAAI;QACpB,qBAAqB,EAAE,UAAU,CAAC,WAAW,KAAK,KAAK;KACxD,CAAC;;;;0BAIc,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,QAAQ;0BACnB,UAAU,CAAC,KAAK;uBACnB,UAAU,CAAC,SAAS,IAAI,cAAc;;;;GAI1D,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAkB,EAAE;IACtE,OAAO,IAAI,CAAA;;+BAEkB,UAAU,CAAC,UAAU;6BACvB,UAAU,CAAC,QAAQ;;GAE7C,CAAC;AACJ,CAAC,CAAC","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};"]}

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,99 +0,0 @@
-export const getClampedPercent = (rect, x) => {
-    const clampedX = Math.max(0, Math.min(x, rect.width));
-    const percent = (clampedX / rect.width) * 100;
-    return percent;
-};
-export const percentToValue = (percent, nileSlider) => {
-    const value = nileSlider.minValue + (percent / 100) * (nileSlider.maxValue - nileSlider.minValue);
-    if (nileSlider.maxValue - nileSlider.minValue < 1) {
-        return parseFloat(value.toFixed(2));
-    }
-    else {
-        return Math.floor(value);
-    }
-};
-export const valueToPercent = (value, nileSlider) => {
-    return ((value - nileSlider.minValue) / (nileSlider.maxValue - nileSlider.minValue)) * 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.rangeOneValue = Math.min(nileSlider.rangeOneValue, nileSlider.rangeTwoValue);
-    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.rangeTwoValue = Math.max(nileSlider.rangeTwoValue, nileSlider.rangeOneValue);
-    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('mousedown', nileSlider.onMouseDown);
-    nileSlider.buttonOne?.addEventListener('mousedown', () => {
-        nileSlider.activeThumb = 'one';
-        addMoveListeners(nileSlider);
-    });
-    nileSlider.buttonTwo?.addEventListener('mousedown', () => {
-        nileSlider.activeThumb = 'two';
-        addMoveListeners(nileSlider);
-    });
-};
-export const addMoveListeners = (nileSlider) => {
-    window.addEventListener('mousemove', nileSlider.onMouseMove);
-    window.addEventListener('mouseup', nileSlider.onMouseUp);
-};
-export const removeMoveListeners = (nileSlider) => {
-    window.removeEventListener('mousemove', nileSlider.onMouseMove);
-    window.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) {
-        const clamped = Math.min(value, nileSlider.rangeTwoValue);
-        nileSlider.rangeOneValue = nileSlider.checkValueValidity(clamped, nileSlider.minValue, nileSlider.maxValue);
-    }
-    else {
-        const clamped = Math.max(value, nileSlider.rangeOneValue);
-        nileSlider.rangeTwoValue = nileSlider.checkValueValidity(clamped, 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 = (\n  rect: DOMRect,\n  x: number,\n): number => {\n  const clampedX = Math.max(0, Math.min(x, rect.width)); \n  const percent = (clampedX / rect.width) * 100;\n  return percent;\n};\n\nexport const percentToValue = (percent: number, nileSlider: NileSlider): number => {\n  const value = nileSlider.minValue + (percent / 100) * (nileSlider.maxValue - nileSlider.minValue);\n  if(nileSlider.maxValue - nileSlider.minValue < 1) {\n    return parseFloat(value.toFixed(2));\n  } else {\n    return Math.floor(value);\n  }\n};\n\nexport const valueToPercent = (value: number, nileSlider: NileSlider): number => {\n  return ((value - nileSlider.minValue) / (nileSlider.maxValue - nileSlider.minValue)) * 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.rangeOneValue = Math.min(nileSlider.rangeOneValue, nileSlider.rangeTwoValue);\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE, {\n    value: nileSlider.rangeOneValue,\n  });\n  if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue) {\n    nileSlider.buttonOne.style.left = `${percent}%`;\n  }\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.rangeTwoValue = Math.max(nileSlider.rangeTwoValue, nileSlider.rangeOneValue);\n  nileSlider.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE, {\n    value: nileSlider.rangeTwoValue,\n  });\n\n  if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue) {\n    nileSlider.buttonTwo.style.left = `${percent}%`;\n  }\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('mousedown', nileSlider.onMouseDown);\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  window.addEventListener('mousemove', nileSlider.onMouseMove);\n  window.addEventListener('mouseup', nileSlider.onMouseUp);\n};\n\nexport const removeMoveListeners = (nileSlider: NileSlider): void => {\n  window.removeEventListener('mousemove', nileSlider.onMouseMove);\n  window.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    const clamped = Math.min(value, nileSlider.rangeTwoValue);\n    nileSlider.rangeOneValue = nileSlider.checkValueValidity(clamped, nileSlider.minValue, nileSlider.maxValue);\n  } else {\n    const clamped = Math.max(value, nileSlider.rangeOneValue);\n    nileSlider.rangeTwoValue = nileSlider.checkValueValidity(clamped, 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"]}

package/dist/src/nile-virtual-select/index.d.ts

@@ -1 +0,0 @@
-export { NileVirtualSelect } from './nile-virtual-select';

package/dist/src/nile-virtual-select/index.js

@@ -1,2 +0,0 @@
-export { NileVirtualSelect } from './nile-virtual-select';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-virtual-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileVirtualSelect } from './nile-virtual-select';\n"]}

package/dist/src/nile-virtual-select/nile-virtual-select.css.d.ts

@@ -1,12 +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.
- */
-/**
- * Select_2 CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;