@duskmoon-dev/el-slider 0.4.0

package/dist/cjs/index.js

@@ -0,0 +1,377 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  register: () => register,
+  ElDmSlider: () => ElDmSlider
+});
+module.exports = __toCommonJS(exports_src);
+
+// src/el-dm-slider.ts
+var import_el_core = require("@duskmoon-dev/el-core");
+var import_slider = require("@duskmoon-dev/core/components/slider");
+var SIZE_CLASSES = {
+  sm: "slider-sm",
+  md: "",
+  lg: "slider-lg"
+};
+var COLOR_CLASSES = {
+  primary: "",
+  secondary: "slider-secondary",
+  tertiary: "slider-tertiary",
+  success: "slider-success",
+  warning: "slider-warning",
+  error: "slider-error"
+};
+var coreStyles = import_slider.css.replace(/@layer\s+components\s*\{/, "").replace(/\}\s*$/, "");
+var styles = import_el_core.css`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  ${coreStyles}
+
+  /* Web component specific adjustments */
+  .slider {
+    font-family: inherit;
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 2.5rem;
+    touch-action: none;
+  }
+
+  .slider-track {
+    position: relative;
+    flex: 1;
+    height: 0.375rem;
+    background-color: var(--color-surface-container-high, #e0e0e0);
+    border-radius: 0.1875rem;
+    cursor: pointer;
+  }
+
+  .slider-track-filled {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    background-color: var(--color-primary);
+    border-radius: 0.1875rem;
+    transition: width 0.1s ease;
+  }
+
+  .slider-thumb {
+    position: absolute;
+    top: 50%;
+    width: 1.25rem;
+    height: 1.25rem;
+    background-color: var(--color-primary);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    cursor: grab;
+    transition: box-shadow 0.15s ease;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+
+  .slider-thumb:hover {
+    box-shadow: 0 0 0 8px rgba(var(--color-primary-rgb, 98, 0, 238), 0.1);
+  }
+
+  .slider-thumb:active {
+    cursor: grabbing;
+    box-shadow: 0 0 0 12px rgba(var(--color-primary-rgb, 98, 0, 238), 0.2);
+  }
+
+  .slider-thumb-label {
+    position: absolute;
+    bottom: calc(100% + 8px);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 0.25rem 0.5rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    color: var(--color-on-primary);
+    background-color: var(--color-primary);
+    border-radius: 0.25rem;
+    white-space: nowrap;
+    opacity: 0;
+    transition: opacity 0.15s ease;
+  }
+
+  .slider-thumb:hover .slider-thumb-label,
+  .slider-thumb:active .slider-thumb-label,
+  .slider.show-value .slider-thumb-label {
+    opacity: 1;
+  }
+
+  /* Size variants */
+  .slider-sm .slider-track {
+    height: 0.25rem;
+  }
+
+  .slider-sm .slider-thumb {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .slider-lg .slider-track {
+    height: 0.5rem;
+  }
+
+  .slider-lg .slider-thumb {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+
+  /* Color variants */
+  .slider-secondary .slider-track-filled,
+  .slider-secondary .slider-thumb {
+    background-color: var(--color-secondary);
+  }
+
+  .slider-tertiary .slider-track-filled,
+  .slider-tertiary .slider-thumb {
+    background-color: var(--color-tertiary);
+  }
+
+  .slider-success .slider-track-filled,
+  .slider-success .slider-thumb {
+    background-color: var(--color-success);
+  }
+
+  .slider-warning .slider-track-filled,
+  .slider-warning .slider-thumb {
+    background-color: var(--color-warning);
+  }
+
+  .slider-error .slider-track-filled,
+  .slider-error .slider-thumb {
+    background-color: var(--color-error);
+  }
+
+  /* Disabled state */
+  :host([disabled]) .slider {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  :host([disabled]) .slider-thumb {
+    cursor: not-allowed;
+  }
+
+  /* Labels container */
+  .slider-labels {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.25rem;
+    font-size: 0.75rem;
+    color: var(--color-on-surface);
+    opacity: 0.7;
+  }
+`;
+
+class ElDmSlider extends import_el_core.BaseElement {
+  static properties = {
+    value: { type: Number, reflect: true, default: 0 },
+    min: { type: Number, reflect: true, default: 0 },
+    max: { type: Number, reflect: true, default: 100 },
+    step: { type: Number, reflect: true, default: 1 },
+    disabled: { type: Boolean, reflect: true },
+    size: { type: String, reflect: true },
+    color: { type: String, reflect: true, default: "primary" },
+    showValue: {
+      type: Boolean,
+      reflect: true,
+      attribute: "show-value"
+    }
+  };
+  _isDragging = false;
+  constructor() {
+    super();
+    this.attachStyles(styles);
+  }
+  _getClasses() {
+    const classes = ["slider"];
+    if (this.size && SIZE_CLASSES[this.size]) {
+      classes.push(SIZE_CLASSES[this.size]);
+    }
+    if (this.color && COLOR_CLASSES[this.color]) {
+      classes.push(COLOR_CLASSES[this.color]);
+    }
+    if (this.showValue) {
+      classes.push("show-value");
+    }
+    return classes.join(" ");
+  }
+  _getPercentage() {
+    const range = this.max - this.min;
+    if (range === 0)
+      return 0;
+    return (this.value - this.min) / range * 100;
+  }
+  _valueFromPosition(clientX) {
+    const track = this.shadowRoot?.querySelector(".slider-track");
+    if (!track)
+      return this.value;
+    const rect = track.getBoundingClientRect();
+    const percentage = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+    const rawValue = this.min + percentage * (this.max - this.min);
+    const steppedValue = Math.round(rawValue / this.step) * this.step;
+    return Math.max(this.min, Math.min(this.max, steppedValue));
+  }
+  _handleTrackClick(e) {
+    if (this.disabled)
+      return;
+    const newValue = this._valueFromPosition(e.clientX);
+    if (newValue !== this.value) {
+      this.value = newValue;
+      this._updateUI();
+      this.emit("input", { value: this.value });
+      this.emit("change", { value: this.value });
+    }
+  }
+  _handleThumbMouseDown(e) {
+    if (this.disabled)
+      return;
+    e.preventDefault();
+    this._isDragging = true;
+    const handleMouseMove = (moveEvent) => {
+      const newValue = this._valueFromPosition(moveEvent.clientX);
+      if (newValue !== this.value) {
+        this.value = newValue;
+        this._updateUI();
+        this.emit("input", { value: this.value });
+      }
+    };
+    const handleMouseUp = () => {
+      this._isDragging = false;
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      this.emit("change", { value: this.value });
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+  }
+  _handleKeyDown(e) {
+    if (this.disabled)
+      return;
+    let newValue = this.value;
+    const bigStep = (this.max - this.min) / 10;
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        newValue = Math.min(this.max, this.value + this.step);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        newValue = Math.max(this.min, this.value - this.step);
+        break;
+      case "PageUp":
+        newValue = Math.min(this.max, this.value + bigStep);
+        break;
+      case "PageDown":
+        newValue = Math.max(this.min, this.value - bigStep);
+        break;
+      case "Home":
+        newValue = this.min;
+        break;
+      case "End":
+        newValue = this.max;
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    if (newValue !== this.value) {
+      this.value = newValue;
+      this._updateUI();
+      this.emit("input", { value: this.value });
+      this.emit("change", { value: this.value });
+    }
+  }
+  _updateUI() {
+    const percentage = this._getPercentage();
+    const filled = this.shadowRoot?.querySelector(".slider-track-filled");
+    const thumb = this.shadowRoot?.querySelector(".slider-thumb");
+    const label = this.shadowRoot?.querySelector(".slider-thumb-label");
+    if (filled) {
+      filled.style.width = `${percentage}%`;
+    }
+    if (thumb) {
+      thumb.style.left = `${percentage}%`;
+    }
+    if (label) {
+      label.textContent = String(this.value);
+    }
+  }
+  render() {
+    const classes = this._getClasses();
+    const percentage = this._getPercentage();
+    return `
+      <div class="${classes}" part="slider" role="slider"
+           aria-valuemin="${this.min}"
+           aria-valuemax="${this.max}"
+           aria-valuenow="${this.value}"
+           tabindex="${this.disabled ? -1 : 0}">
+        <div class="slider-track" part="track">
+          <div class="slider-track-filled" style="width: ${percentage}%"></div>
+          <div class="slider-thumb" part="thumb" style="left: ${percentage}%">
+            <span class="slider-thumb-label">${this.value}</span>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  update() {
+    super.update();
+    const track = this.shadowRoot?.querySelector(".slider-track");
+    const thumb = this.shadowRoot?.querySelector(".slider-thumb");
+    const slider = this.shadowRoot?.querySelector(".slider");
+    track?.addEventListener("click", (e) => this._handleTrackClick(e));
+    thumb?.addEventListener("mousedown", (e) => this._handleThumbMouseDown(e));
+    slider?.addEventListener("keydown", (e) => this._handleKeyDown(e));
+  }
+}
+
+// src/index.ts
+function register() {
+  if (!customElements.get("el-dm-slider")) {
+    customElements.define("el-dm-slider", ElDmSlider);
+  }
+}
+
+//# debugId=BF9B2E1BF7539B1564756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../src/el-dm-slider.ts", "../../src/index.ts"],
+  "sourcesContent": [
+    "/**\n * DuskMoon Slider Element\n *\n * A range slider component for selecting numeric values.\n * Uses styles from @duskmoon-dev/core for consistent theming.\n *\n * @element el-dm-slider\n *\n * @attr {number} value - Current slider value\n * @attr {number} min - Minimum value\n * @attr {number} max - Maximum value\n * @attr {number} step - Step increment\n * @attr {boolean} disabled - Whether the slider is disabled\n * @attr {string} size - Size: sm, md, lg\n * @attr {string} color - Color: primary, secondary, tertiary\n * @attr {boolean} show-value - Show current value label\n *\n * @csspart slider - The slider container\n * @csspart track - The slider track\n * @csspart thumb - The slider thumb\n *\n * @fires change - Fired when value changes (on release)\n * @fires input - Fired during drag\n */\n\nimport { BaseElement, css } from '@duskmoon-dev/el-core';\nimport { css as sliderCSS } from '@duskmoon-dev/core/components/slider';\n\nexport type SliderSize = 'sm' | 'md' | 'lg';\nexport type SliderColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error';\n\nconst SIZE_CLASSES: Record<string, string> = {\n  sm: 'slider-sm',\n  md: '',\n  lg: 'slider-lg',\n};\n\nconst COLOR_CLASSES: Record<string, string> = {\n  primary: '',\n  secondary: 'slider-secondary',\n  tertiary: 'slider-tertiary',\n  success: 'slider-success',\n  warning: 'slider-warning',\n  error: 'slider-error',\n};\n\n// Strip @layer wrapper for Shadow DOM compatibility\nconst coreStyles = sliderCSS.replace(/@layer\\s+components\\s*\\{/, '').replace(/\\}\\s*$/, '');\n\nconst styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  ${coreStyles}\n\n  /* Web component specific adjustments */\n  .slider {\n    font-family: inherit;\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 2.5rem;\n    touch-action: none;\n  }\n\n  .slider-track {\n    position: relative;\n    flex: 1;\n    height: 0.375rem;\n    background-color: var(--color-surface-container-high, #e0e0e0);\n    border-radius: 0.1875rem;\n    cursor: pointer;\n  }\n\n  .slider-track-filled {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    background-color: var(--color-primary);\n    border-radius: 0.1875rem;\n    transition: width 0.1s ease;\n  }\n\n  .slider-thumb {\n    position: absolute;\n    top: 50%;\n    width: 1.25rem;\n    height: 1.25rem;\n    background-color: var(--color-primary);\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    cursor: grab;\n    transition: box-shadow 0.15s ease;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  }\n\n  .slider-thumb:hover {\n    box-shadow: 0 0 0 8px rgba(var(--color-primary-rgb, 98, 0, 238), 0.1);\n  }\n\n  .slider-thumb:active {\n    cursor: grabbing;\n    box-shadow: 0 0 0 12px rgba(var(--color-primary-rgb, 98, 0, 238), 0.2);\n  }\n\n  .slider-thumb-label {\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 0.25rem 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--color-on-primary);\n    background-color: var(--color-primary);\n    border-radius: 0.25rem;\n    white-space: nowrap;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n  }\n\n  .slider-thumb:hover .slider-thumb-label,\n  .slider-thumb:active .slider-thumb-label,\n  .slider.show-value .slider-thumb-label {\n    opacity: 1;\n  }\n\n  /* Size variants */\n  .slider-sm .slider-track {\n    height: 0.25rem;\n  }\n\n  .slider-sm .slider-thumb {\n    width: 1rem;\n    height: 1rem;\n  }\n\n  .slider-lg .slider-track {\n    height: 0.5rem;\n  }\n\n  .slider-lg .slider-thumb {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  /* Color variants */\n  .slider-secondary .slider-track-filled,\n  .slider-secondary .slider-thumb {\n    background-color: var(--color-secondary);\n  }\n\n  .slider-tertiary .slider-track-filled,\n  .slider-tertiary .slider-thumb {\n    background-color: var(--color-tertiary);\n  }\n\n  .slider-success .slider-track-filled,\n  .slider-success .slider-thumb {\n    background-color: var(--color-success);\n  }\n\n  .slider-warning .slider-track-filled,\n  .slider-warning .slider-thumb {\n    background-color: var(--color-warning);\n  }\n\n  .slider-error .slider-track-filled,\n  .slider-error .slider-thumb {\n    background-color: var(--color-error);\n  }\n\n  /* Disabled state */\n  :host([disabled]) .slider {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  :host([disabled]) .slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* Labels container */\n  .slider-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 0.25rem;\n    font-size: 0.75rem;\n    color: var(--color-on-surface);\n    opacity: 0.7;\n  }\n`;\n\nexport class ElDmSlider extends BaseElement {\n  static properties = {\n    value: { type: Number, reflect: true, default: 0 },\n    min: { type: Number, reflect: true, default: 0 },\n    max: { type: Number, reflect: true, default: 100 },\n    step: { type: Number, reflect: true, default: 1 },\n    disabled: { type: Boolean, reflect: true },\n    size: { type: String, reflect: true },\n    color: { type: String, reflect: true, default: 'primary' },\n    showValue: {\n      type: Boolean,\n      reflect: true,\n      attribute: 'show-value',\n    },\n  };\n\n  declare value: number;\n  declare min: number;\n  declare max: number;\n  declare step: number;\n  declare disabled: boolean;\n  declare size: SliderSize;\n  declare color: SliderColor;\n  declare showValue: boolean;\n\n  private _isDragging = false;\n\n  constructor() {\n    super();\n    this.attachStyles(styles);\n  }\n\n  private _getClasses(): string {\n    const classes = ['slider'];\n\n    if (this.size && SIZE_CLASSES[this.size]) {\n      classes.push(SIZE_CLASSES[this.size]);\n    }\n\n    if (this.color && COLOR_CLASSES[this.color]) {\n      classes.push(COLOR_CLASSES[this.color]);\n    }\n\n    if (this.showValue) {\n      classes.push('show-value');\n    }\n\n    return classes.join(' ');\n  }\n\n  private _getPercentage(): number {\n    const range = this.max - this.min;\n    if (range === 0) return 0;\n    return ((this.value - this.min) / range) * 100;\n  }\n\n  private _valueFromPosition(clientX: number): number {\n    const track = this.shadowRoot?.querySelector('.slider-track');\n    if (!track) return this.value;\n\n    const rect = track.getBoundingClientRect();\n    const percentage = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n    const rawValue = this.min + percentage * (this.max - this.min);\n\n    // Snap to step\n    const steppedValue = Math.round(rawValue / this.step) * this.step;\n    return Math.max(this.min, Math.min(this.max, steppedValue));\n  }\n\n  private _handleTrackClick(e: MouseEvent): void {\n    if (this.disabled) return;\n    const newValue = this._valueFromPosition(e.clientX);\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this._updateUI();\n      this.emit('input', { value: this.value });\n      this.emit('change', { value: this.value });\n    }\n  }\n\n  private _handleThumbMouseDown(e: MouseEvent): void {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._isDragging = true;\n\n    const handleMouseMove = (moveEvent: MouseEvent) => {\n      const newValue = this._valueFromPosition(moveEvent.clientX);\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this._updateUI();\n        this.emit('input', { value: this.value });\n      }\n    };\n\n    const handleMouseUp = () => {\n      this._isDragging = false;\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      this.emit('change', { value: this.value });\n    };\n\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n  }\n\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (this.disabled) return;\n\n    let newValue = this.value;\n    const bigStep = (this.max - this.min) / 10;\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        newValue = Math.min(this.max, this.value + this.step);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        newValue = Math.max(this.min, this.value - this.step);\n        break;\n      case 'PageUp':\n        newValue = Math.min(this.max, this.value + bigStep);\n        break;\n      case 'PageDown':\n        newValue = Math.max(this.min, this.value - bigStep);\n        break;\n      case 'Home':\n        newValue = this.min;\n        break;\n      case 'End':\n        newValue = this.max;\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this._updateUI();\n      this.emit('input', { value: this.value });\n      this.emit('change', { value: this.value });\n    }\n  }\n\n  private _updateUI(): void {\n    const percentage = this._getPercentage();\n    const filled = this.shadowRoot?.querySelector('.slider-track-filled') as HTMLElement;\n    const thumb = this.shadowRoot?.querySelector('.slider-thumb') as HTMLElement;\n    const label = this.shadowRoot?.querySelector('.slider-thumb-label') as HTMLElement;\n\n    if (filled) {\n      filled.style.width = `${percentage}%`;\n    }\n    if (thumb) {\n      thumb.style.left = `${percentage}%`;\n    }\n    if (label) {\n      label.textContent = String(this.value);\n    }\n  }\n\n  render(): string {\n    const classes = this._getClasses();\n    const percentage = this._getPercentage();\n\n    return `\n      <div class=\"${classes}\" part=\"slider\" role=\"slider\"\n           aria-valuemin=\"${this.min}\"\n           aria-valuemax=\"${this.max}\"\n           aria-valuenow=\"${this.value}\"\n           tabindex=\"${this.disabled ? -1 : 0}\">\n        <div class=\"slider-track\" part=\"track\">\n          <div class=\"slider-track-filled\" style=\"width: ${percentage}%\"></div>\n          <div class=\"slider-thumb\" part=\"thumb\" style=\"left: ${percentage}%\">\n            <span class=\"slider-thumb-label\">${this.value}</span>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  update(): void {\n    super.update();\n\n    const track = this.shadowRoot?.querySelector('.slider-track');\n    const thumb = this.shadowRoot?.querySelector('.slider-thumb');\n    const slider = this.shadowRoot?.querySelector('.slider');\n\n    track?.addEventListener('click', ((e: MouseEvent) =>\n      this._handleTrackClick(e)) as EventListener);\n    thumb?.addEventListener('mousedown', ((e: MouseEvent) =>\n      this._handleThumbMouseDown(e)) as EventListener);\n    slider?.addEventListener('keydown', ((e: KeyboardEvent) =>\n      this._handleKeyDown(e)) as EventListener);\n  }\n}\n",
+    "/**\n * @duskmoon-dev/el-slider\n *\n * DuskMoon Slider custom element\n */\n\nimport { ElDmSlider } from './el-dm-slider.js';\n\nexport { ElDmSlider };\nexport type { SliderSize, SliderColor } from './el-dm-slider.js';\n\n/**\n * Register the el-dm-slider custom element\n *\n * @example\n * ```ts\n * import { register } from '@duskmoon-dev/el-slider';\n * register();\n * ```\n */\nexport function register(): void {\n  if (!customElements.get('el-dm-slider')) {\n    customElements.define('el-dm-slider', ElDmSlider);\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "BF9B2E1BF7539B1564756E2164756E21",
+  "names": []
+}