@redvars/peacock 3.8.1 → 3.8.2

package/dist/slider.js

@@ -0,0 +1,346 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { r } from './state-DkTK9EGF.js';
+import { e } from './query-CHb9Ft_d.js';
+import { o } from './style-map-BQD5Et1D.js';
+import './base-Cl6v8-BZ.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`:host {
+  --_track-height: 4px;
+  --_thumb-size: 20px;
+  --thumb-half: 10px;
+  --_active-track-color: var(--color-primary);
+  --_inactive-track-color: var(--color-secondary-container);
+  --_thumb-color: var(--color-primary);
+  --_label-color: var(--color-primary);
+  --_label-text-color: var(--color-on-primary);
+  display: inline-block;
+  width: 100%;
+  min-width: 200px;
+  vertical-align: middle;
+  touch-action: none;
+}
+
+.slider {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-100, 0.5rem);
+  width: 100%;
+}
+
+.slider.with-value .slider-container {
+  flex: 1;
+}
+
+.slider-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 48px;
+  cursor: pointer;
+}
+.slider-container.disabled {
+  pointer-events: none;
+  opacity: 0.38;
+}
+
+.value-display {
+  min-width: 2.25rem;
+  text-align: end;
+  color: var(--color-on-surface-variant);
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.track {
+  position: absolute;
+  width: 100%;
+  height: var(--_track-height);
+  background-color: var(--_inactive-track-color);
+  border-radius: var(--_track-height);
+  overflow: hidden;
+  pointer-events: none;
+}
+.track .track-active {
+  position: absolute;
+  height: 100%;
+  background-color: var(--_active-track-color);
+  will-change: width;
+}
+
+.thumb {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--_thumb-size);
+  height: var(--_thumb-size);
+  background-color: var(--_thumb-color);
+  border-radius: 50%;
+  box-shadow: var(--md-sys-elevation-1);
+  outline: none;
+  cursor: grab;
+  transition: left 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease;
+  will-change: left;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.thumb::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 40px;
+  height: 40px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: var(--_thumb-color);
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.thumb:hover::before {
+  opacity: 0.08;
+}
+.thumb:focus-visible::before {
+  opacity: 0.12;
+}
+.thumb:active {
+  cursor: grabbing;
+  box-shadow: var(--md-sys-elevation-5);
+}
+.thumb.dragging {
+  transition: none;
+}
+
+.value-label {
+  position: absolute;
+  bottom: 100%;
+  margin-bottom: 8px;
+  padding: 4px 8px;
+  background-color: var(--_label-color);
+  color: var(--_label-text-color);
+  border-radius: 4px;
+  font-size: 12px;
+  white-space: nowrap;
+  opacity: 0;
+  transform: translateY(4px);
+  transition: opacity 0.1s, transform 0.1s;
+  pointer-events: none;
+}
+.value-label::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-top-color: var(--_label-color);
+}
+
+.slider-container.dragging .value-label,
+.slider-container:active .value-label,
+.thumb:focus-visible .value-label {
+  opacity: 1;
+  transform: translateY(0);
+}`;
+
+/**
+ * @label Slider
+ * @tag wc-slider
+ * @rawTag slider
+ *
+ * @summary Sliders allow users to make selections from a range of values.
+ *
+ * @fires {CustomEvent} input - Dispatched when the slider value changes during interaction.
+ * @fires {CustomEvent} change - Dispatched when the slider interaction ends.
+ *
+ * @example
+ * ```html
+ * <wc-slider min="0" max="100" value="50"></wc-slider>
+ * ```
+ */
+let Slider = class Slider extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * The minimum value of the slider.
+         */
+        this.min = 0;
+        /**
+         * The maximum value of the slider.
+         */
+        this.max = 100;
+        /**
+         * The current value of the slider.
+         */
+        this.value = 50;
+        /**
+         * The step increment for the slider.
+         */
+        this.step = 1;
+        /**
+         * Whether the slider is disabled.
+         */
+        this.disabled = false;
+        /**
+         * Whether to show labels on the slider.
+         */
+        this.labeled = true;
+        /**
+         * Whether to show the current value beside the slider.
+         */
+        this.showValue = false;
+        /** True while the user is actively dragging the thumb. */
+        this.isDragging = false;
+        this.onMouseMove = (e) => {
+            if (this.isDragging) {
+                e.preventDefault();
+                this.handleInput(e);
+            }
+        };
+        this.onMouseUp = () => {
+            if (!this.isDragging)
+                return;
+            this.isDragging = false;
+            this.container.classList.remove('dragging');
+            this.thumbElement.classList.remove('dragging');
+            this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value }, bubbles: true, composed: true }));
+            window.removeEventListener('mousemove', this.onMouseMove);
+            window.removeEventListener('mouseup', this.onMouseUp);
+            window.removeEventListener('touchmove', this.onMouseMove);
+            window.removeEventListener('touchend', this.onMouseUp);
+            window.removeEventListener('touchcancel', this.onMouseUp);
+        };
+    }
+    handleInput(event) {
+        if (this.disabled)
+            return;
+        const rect = this.container.getBoundingClientRect();
+        const clientX = 'touches' in event ? event.touches[0].clientX : event.clientX;
+        // Calculate percentage relative to track width
+        let percentage = (clientX - rect.left) / rect.width;
+        percentage = Math.max(0, Math.min(1, percentage));
+        const rawValue = this.min + percentage * (this.max - this.min);
+        const steppedValue = Math.round(rawValue / this.step) * this.step;
+        const oldValue = this.value;
+        this.value = Math.max(this.min, Math.min(this.max, steppedValue));
+        if (oldValue !== this.value) {
+            this.dispatchEvent(new CustomEvent('input', { detail: { value: this.value }, bubbles: true, composed: true }));
+        }
+    }
+    onMouseDown(e) {
+        if (this.disabled)
+            return;
+        e.preventDefault();
+        this.isDragging = true;
+        // Add dragging class for CSS state
+        this.container.classList.add('dragging');
+        this.thumbElement.classList.add('dragging');
+        this.handleInput(e);
+        window.addEventListener('mousemove', this.onMouseMove);
+        window.addEventListener('mouseup', this.onMouseUp);
+        window.addEventListener('touchmove', this.onMouseMove, { passive: false });
+        window.addEventListener('touchend', this.onMouseUp);
+        window.addEventListener('touchcancel', this.onMouseUp);
+    }
+    handleKeyDown(e) {
+        if (this.disabled)
+            return;
+        const increment = e.shiftKey ? this.step * 10 : this.step;
+        let newValue = this.value;
+        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+            newValue = Math.min(this.max, this.value + increment);
+            e.preventDefault();
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+            newValue = Math.max(this.min, this.value - increment);
+            e.preventDefault();
+        }
+        else if (e.key === 'Home') {
+            newValue = this.min;
+            e.preventDefault();
+        }
+        else if (e.key === 'End') {
+            newValue = this.max;
+            e.preventDefault();
+        }
+        if (newValue !== this.value) {
+            this.value = newValue;
+            this.dispatchEvent(new CustomEvent('input', { detail: { value: this.value }, bubbles: true, composed: true }));
+            this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value }, bubbles: true, composed: true }));
+        }
+    }
+    render() {
+        const percentage = ((this.value - this.min) / (this.max - this.min)) * 100;
+        return b `
+      <div class="slider ${this.showValue ? 'with-value' : ''}">
+        <div 
+          class="slider-container ${this.disabled ? 'disabled' : ''}"
+          @mousedown=${this.onMouseDown}
+          @touchstart=${this.onMouseDown}
+        >
+          <div class="track">
+            <div class="track-active" style=${o({ width: `${percentage}%` })}></div>
+          </div>
+
+          <div 
+            class="thumb" 
+            role="slider"
+            aria-label="Slider"
+            tabindex="${this.disabled ? -1 : 0}"
+            aria-valuemin=${this.min}
+            aria-valuemax=${this.max}
+            aria-valuenow=${this.value}
+            aria-disabled=${this.disabled}
+            style=${o({ left: `calc(${percentage}% - var(--thumb-half))` })}
+            @keydown=${this.handleKeyDown}
+          >
+            ${this.labeled ? b `<div class="value-label">${this.value}</div>` : ''}
+          </div>
+        </div>
+
+        ${this.showValue ? b `<output class="value-display" aria-live="polite">${this.value}</output>` : ''}
+      </div>
+    `;
+    }
+};
+Slider.styles = [css_248z];
+__decorate([
+    n({ type: Number })
+], Slider.prototype, "min", void 0);
+__decorate([
+    n({ type: Number })
+], Slider.prototype, "max", void 0);
+__decorate([
+    n({ type: Number, reflect: true })
+], Slider.prototype, "value", void 0);
+__decorate([
+    n({ type: Number })
+], Slider.prototype, "step", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Slider.prototype, "disabled", void 0);
+__decorate([
+    n({ type: Boolean })
+], Slider.prototype, "labeled", void 0);
+__decorate([
+    n({ type: Boolean, attribute: 'show-value' })
+], Slider.prototype, "showValue", void 0);
+__decorate([
+    r()
+], Slider.prototype, "isDragging", void 0);
+__decorate([
+    e('.slider-container')
+], Slider.prototype, "container", void 0);
+__decorate([
+    e('.thumb')
+], Slider.prototype, "thumbElement", void 0);
+Slider = __decorate([
+    IndividualComponent
+], Slider);
+
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../src/slider/slider.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport sliderStyles from './slider.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Slider\n * @tag wc-slider\n * @rawTag slider\n *\n * @summary Sliders allow users to make selections from a range of values.\n *\n * @fires {CustomEvent} input - Dispatched when the slider value changes during interaction.\n * @fires {CustomEvent} change - Dispatched when the slider interaction ends.\n *\n * @example\n * ```html\n * <wc-slider min=\"0\" max=\"100\" value=\"50\"></wc-slider>\n * ```\n */\n@IndividualComponent\nexport class Slider extends LitElement {\n  static styles = [sliderStyles];\n\n  /**\n   * The minimum value of the slider.\n   */\n  @property({ type: Number }) min = 0;\n\n  /**\n   * The maximum value of the slider.\n   */\n  @property({ type: Number }) max = 100;\n\n  /**\n   * The current value of the slider.\n   */\n  @property({ type: Number, reflect: true }) value = 50;\n\n  /**\n   * The step increment for the slider.\n   */\n  @property({ type: Number }) step = 1;\n\n  /**\n   * Whether the slider is disabled.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Whether to show labels on the slider.\n   */\n  @property({ type: Boolean }) labeled = true;\n\n  /**\n   * Whether to show the current value beside the slider.\n   */\n  @property({ type: Boolean, attribute: 'show-value' }) showValue = false;\n\n  /** True while the user is actively dragging the thumb. */\n  @state() private isDragging = false;\n\n  @query('.slider-container') private container!: HTMLElement;\n\n  @query('.thumb') private thumbElement!: HTMLElement;\n\n  private handleInput(event: MouseEvent | TouchEvent) {\n    if (this.disabled) return;\n    \n    const rect = this.container.getBoundingClientRect();\n    const clientX = 'touches' in event ? event.touches[0].clientX : (event as MouseEvent).clientX;\n    \n    // Calculate percentage relative to track width\n    let percentage = (clientX - rect.left) / rect.width;\n    percentage = Math.max(0, Math.min(1, percentage));\n    \n    const rawValue = this.min + percentage * (this.max - this.min);\n    const steppedValue = Math.round(rawValue / this.step) * this.step;\n    \n    const oldValue = this.value;\n    this.value = Math.max(this.min, Math.min(this.max, steppedValue));\n\n    if (oldValue !== this.value) {\n      this.dispatchEvent(new CustomEvent('input', { detail: { value: this.value }, bubbles: true, composed: true }));\n    }\n  }\n\n  private onMouseDown(e: MouseEvent | TouchEvent) {\n    if (this.disabled) return;\n    \n    e.preventDefault();\n    this.isDragging = true;\n    \n    // Add dragging class for CSS state\n    this.container.classList.add('dragging');\n    this.thumbElement.classList.add('dragging');\n    \n    this.handleInput(e);\n    \n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n    window.addEventListener('touchmove', this.onMouseMove, { passive: false });\n    window.addEventListener('touchend', this.onMouseUp);\n    window.addEventListener('touchcancel', this.onMouseUp);\n  }\n\n  private onMouseMove = (e: MouseEvent | TouchEvent) => {\n    if (this.isDragging) {\n      e.preventDefault();\n      this.handleInput(e);\n    }\n  };\n\n  private onMouseUp = () => {\n    if (!this.isDragging) return;\n    \n    this.isDragging = false;\n    this.container.classList.remove('dragging');\n    this.thumbElement.classList.remove('dragging');\n    \n    this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value }, bubbles: true, composed: true }));\n    \n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n    window.removeEventListener('touchmove', this.onMouseMove);\n    window.removeEventListener('touchend', this.onMouseUp);\n    window.removeEventListener('touchcancel', this.onMouseUp);\n  };\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    \n    const increment = e.shiftKey ? this.step * 10 : this.step;\n    let newValue = this.value;\n\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {\n      newValue = Math.min(this.max, this.value + increment);\n      e.preventDefault();\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {\n      newValue = Math.max(this.min, this.value - increment);\n      e.preventDefault();\n    } else if (e.key === 'Home') {\n      newValue = this.min;\n      e.preventDefault();\n    } else if (e.key === 'End') {\n      newValue = this.max;\n      e.preventDefault();\n    }\n\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.dispatchEvent(new CustomEvent('input', { detail: { value: this.value }, bubbles: true, composed: true }));\n      this.dispatchEvent(new CustomEvent('change', { detail: { value: this.value }, bubbles: true, composed: true }));\n    }\n  }\n\n  render() {\n    const percentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    return html`\n      <div class=\"slider ${this.showValue ? 'with-value' : ''}\">\n        <div \n          class=\"slider-container ${this.disabled ? 'disabled' : ''}\"\n          @mousedown=${this.onMouseDown}\n          @touchstart=${this.onMouseDown}\n        >\n          <div class=\"track\">\n            <div class=\"track-active\" style=${styleMap({ width: `${percentage}%` })}></div>\n          </div>\n\n          <div \n            class=\"thumb\" \n            role=\"slider\"\n            aria-label=\"Slider\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            aria-valuemin=${this.min}\n            aria-valuemax=${this.max}\n            aria-valuenow=${this.value}\n            aria-disabled=${this.disabled}\n            style=${styleMap({ left: `calc(${percentage}% - var(--thumb-half))` })}\n            @keydown=${this.handleKeyDown}\n          >\n            ${this.labeled ? html`<div class=\"value-label\">${this.value}</div>` : ''}\n          </div>\n        </div>\n\n        ${this.showValue ? html`<output class=\"value-display\" aria-live=\"polite\">${this.value}</output>` : ''}\n      </div>\n    `;\n  }\n}"],"names":["LitElement","html","styleMap","sliderStyles","property","state","query"],"mappings":"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"}