@mintplayer/ng-bootstrap 21.29.0 → 21.30.0

package/fesm2022/mintplayer-ng-bootstrap-multi-range.mjs

@@ -0,0 +1,693 @@
+import * as i0 from '@angular/core';
+import { inject, forwardRef, Directive, input, model, output, viewChild, computed, effect, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { html, unsafeCSS, LitElement, nothing } from 'lit';
+
+class BsMultiRangeValueAccessor {
+    constructor() {
+        this.host = inject(BsMultiRangeComponent);
+    }
+    onInputEvent(ev) {
+        if (!this.onValueChange)
+            return;
+        const detail = ev.detail;
+        if (detail)
+            this.onValueChange([...detail]);
+    }
+    onTouchEvent() {
+        if (this.onTouched)
+            this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onValueChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        const ref = this.host.elementRef();
+        if (!ref)
+            return;
+        ref.nativeElement.value = value ?? [];
+    }
+    setDisabledState(isDisabled) {
+        const ref = this.host.elementRef();
+        if (!ref)
+            return;
+        if (isDisabled) {
+            ref.nativeElement.setAttribute('disabled', '');
+        }
+        else {
+            ref.nativeElement.removeAttribute('disabled');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsMultiRangeValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: BsMultiRangeValueAccessor, isStandalone: true, selector: "bs-multi-range", host: { listeners: { "value-input": "onInputEvent($event)", "value-change": "onTouchEvent()" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BsMultiRangeValueAccessor),
+                multi: true,
+            }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsMultiRangeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'bs-multi-range',
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BsMultiRangeValueAccessor),
+                            multi: true,
+                        }],
+                    host: {
+                        '(value-input)': 'onInputEvent($event)',
+                        '(value-change)': 'onTouchEvent()',
+                    },
+                }]
+        }] });
+
+class BsMultiRangeComponent {
+    constructor() {
+        this.min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+        this.max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+        this.step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+        this.minDistance = input(0, ...(ngDevMode ? [{ debugName: "minDistance" }] : /* istanbul ignore next */ []));
+        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.formatValue = input(null, ...(ngDevMode ? [{ debugName: "formatValue" }] : /* istanbul ignore next */ []));
+        this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        // Default is `undefined` so the effect doesn't clobber a writeValue() from a
+        // form-control binding that hasn't fired yet. Once the model is set (either
+        // by [(value)] binding or by user interaction), the effect drives the WC.
+        this.value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.valueChange = output();
+        this.valueInput = output();
+        this.elementRef = viewChild.required('el');
+        this.disabledAttr = computed(() => (this.disabled() ? '' : null), ...(ngDevMode ? [{ debugName: "disabledAttr" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const ref = this.elementRef();
+            if (!ref)
+                return;
+            const v = this.value();
+            if (v === undefined)
+                return;
+            ref.nativeElement.value = v;
+        });
+        effect(() => {
+            const ref = this.elementRef();
+            if (!ref)
+                return;
+            ref.nativeElement.formatValue = this.formatValue();
+        });
+    }
+    onValueInput(event) {
+        const detail = event.detail;
+        if (!detail)
+            return;
+        this.value.set(detail);
+        this.valueInput.emit(detail);
+    }
+    onValueChange(event) {
+        const detail = event.detail;
+        if (!detail)
+            return;
+        this.value.set(detail);
+        this.valueChange.emit(detail);
+    }
+    /** Imperatively read the currently-rendered values from the WC. */
+    getValues() {
+        const ref = this.elementRef();
+        return ref ? ref.nativeElement.getValues() : [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsMultiRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.11", type: BsMultiRangeComponent, isStandalone: true, selector: "bs-multi-range", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, minDistance: { classPropertyName: "minDistance", publicName: "minDistance", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatValue: { classPropertyName: "formatValue", publicName: "formatValue", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange", valueInput: "valueInput" }, host: { properties: { "attr.orientation": "orientation()" } }, viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["el"], descendants: true, isSignal: true }], hostDirectives: [{ directive: BsMultiRangeValueAccessor }], ngImport: i0, template: `
+    <mp-multi-range
+      #el
+      class="bs-multi-range"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.step]="step()"
+      [attr.min-distance]="minDistance()"
+      [attr.orientation]="orientation()"
+      [attr.disabled]="disabledAttr()"
+      [attr.aria-label]="label()"
+      (value-input)="onValueInput($event)"
+      (value-change)="onValueChange($event)"
+    ></mp-multi-range>
+  `, isInline: true, styles: [":host{display:block;width:100%}.bs-multi-range{display:block;width:100%;height:100%}:host([orientation=\"vertical\"]){width:auto;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BsMultiRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-multi-range', template: `
+    <mp-multi-range
+      #el
+      class="bs-multi-range"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.step]="step()"
+      [attr.min-distance]="minDistance()"
+      [attr.orientation]="orientation()"
+      [attr.disabled]="disabledAttr()"
+      [attr.aria-label]="label()"
+      (value-input)="onValueInput($event)"
+      (value-change)="onValueChange($event)"
+    ></mp-multi-range>
+  `, host: {
+                        '[attr.orientation]': 'orientation()',
+                    }, schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [BsMultiRangeValueAccessor], styles: [":host{display:block;width:100%}.bs-multi-range{display:block;width:100%;height:100%}:host([orientation=\"vertical\"]){width:auto;height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], minDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDistance", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], formatValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatValue", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], valueInput: [{ type: i0.Output, args: ["valueInput"] }], elementRef: [{ type: i0.ViewChild, args: ['el', { isSignal: true }] }] } });
+
+// AUTO-GENERATED — do not edit by hand.
+// Source: mint-multi-range.element.html + mint-multi-range.element.scss
+// Regenerate with the codegen-wc Nx target.
+const template = html `<!-- Track + thumbs are rendered dynamically by render(). This file exists so the
+     codegen-wc target produces a \`styles\` export from the sibling .scss; the
+     \`template\` export it generates here is intentionally unused. -->`;
+const styles = unsafeCSS(`:host {
+  display: block;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  --bs-multi-range-track-bg: var(--bs-tertiary-bg, #e9ecef);
+  --bs-multi-range-track-radius: 1rem;
+  --bs-multi-range-track-thickness: 0.5rem;
+  --bs-multi-range-thumb-bg: var(--bs-primary, #0d6efd);
+  --bs-multi-range-thumb-bg-disabled: var(--bs-secondary, #6c757d);
+  --bs-multi-range-thumb-size: 1rem;
+  --bs-multi-range-thumb-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
+  --bs-multi-range-fill-bg: var(--bs-primary, #0d6efd);
+  --bs-multi-range-fill-bg-disabled: var(--bs-secondary, #6c757d);
+  --bs-multi-range-tooltip-bg: var(--bs-dark, #212529);
+  --bs-multi-range-tooltip-color: var(--bs-light, #f8f9fa);
+}
+
+:host([orientation=vertical]) {
+  width: auto;
+  height: 100%;
+  min-height: 8rem;
+}
+
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
+.track {
+  position: relative;
+  background: var(--bs-multi-range-track-bg);
+  border-radius: var(--bs-multi-range-track-radius);
+  touch-action: none;
+}
+
+:host([orientation=horizontal]) .track {
+  width: 100%;
+  height: var(--bs-multi-range-track-thickness);
+  margin: calc(var(--bs-multi-range-thumb-size) / 2) 0;
+}
+
+:host([orientation=vertical]) .track {
+  width: var(--bs-multi-range-track-thickness);
+  height: 100%;
+  margin: 0 calc(var(--bs-multi-range-thumb-size) / 2);
+}
+
+.fill {
+  position: absolute;
+  background: var(--bs-multi-range-fill-bg);
+  border-radius: var(--bs-multi-range-track-radius);
+}
+
+:host([orientation=horizontal]) .fill {
+  top: 0;
+  bottom: 0;
+}
+
+:host([orientation=vertical]) .fill {
+  left: 0;
+  right: 0;
+}
+
+:host([disabled]) .fill {
+  background: var(--bs-multi-range-fill-bg-disabled);
+}
+
+.thumb {
+  position: absolute;
+  width: var(--bs-multi-range-thumb-size);
+  height: var(--bs-multi-range-thumb-size);
+  background: var(--bs-multi-range-thumb-bg);
+  border: 0;
+  border-radius: 50%;
+  box-shadow: var(--bs-multi-range-thumb-shadow);
+  cursor: grab;
+  touch-action: none;
+  padding: 0;
+  outline: none;
+  transition: transform 100ms ease-out;
+}
+
+.thumb:active {
+  cursor: grabbing;
+  transform: scale(1.1);
+}
+
+:host([orientation=horizontal]) .thumb {
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+:host([orientation=horizontal]) .thumb:active {
+  transform: translate(-50%, -50%) scale(1.1);
+}
+
+:host([orientation=horizontal]:dir(rtl)) .thumb {
+  transform: translate(50%, -50%);
+}
+
+:host([orientation=horizontal]:dir(rtl)) .thumb:active {
+  transform: translate(50%, -50%) scale(1.1);
+}
+
+:host([orientation=vertical]) .thumb {
+  left: 50%;
+  transform: translate(-50%, 50%);
+}
+
+:host([orientation=vertical]) .thumb:active {
+  transform: translate(-50%, 50%) scale(1.1);
+}
+
+:host([disabled]) .thumb {
+  background: var(--bs-multi-range-thumb-bg-disabled);
+  cursor: not-allowed;
+}
+
+.thumb:focus-visible {
+  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.35), var(--bs-multi-range-thumb-shadow);
+}
+
+.tooltip {
+  position: absolute;
+  background: var(--bs-multi-range-tooltip-bg);
+  color: var(--bs-multi-range-tooltip-color);
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  pointer-events: none;
+  white-space: nowrap;
+  opacity: 0;
+  transition: opacity 120ms ease-out;
+  z-index: 2;
+}
+
+:host([orientation=horizontal]) .tooltip {
+  bottom: calc(100% + 0.5rem);
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+:host([orientation=vertical]) .tooltip {
+  left: calc(100% + 0.5rem);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.thumb:hover .tooltip,
+.thumb:focus-visible .tooltip,
+.thumb:active .tooltip,
+.thumb[data-dragging=true] .tooltip {
+  opacity: 1;
+}
+
+:host([disabled]) .tooltip {
+  display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .thumb,
+  .tooltip {
+    transition: none;
+  }
+}`);
+
+/**
+ * Bootstrap-flavoured multi-thumb range slider.
+ *
+ * Block-crossing: thumbs cannot pass their neighbours. Identity is by index —
+ * value[0] is always the lowest thumb. The value setter normalises input by
+ * sorting ascending and clamping each entry to [min, max]; minDistance is
+ * enforced only at user-interaction entry points (pointer + keyboard), not on
+ * programmatic writes — callers' arrays are preserved verbatim within bounds.
+ *
+ * Events:
+ *  - `value-input`  fires continuously during drag and on every keyboard step.
+ *  - `value-change` fires on commit (pointerup) and after every keyboard step.
+ *
+ * Both bubble and compose so the Angular wrapper's host listeners pick them up.
+ */
+class MintMultiRangeElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.minDistance = 0;
+        this.orientation = 'horizontal';
+        this.disabled = false;
+        this.formatValue = null;
+        this._value = null;
+        this.dragState = null;
+        // Cached references / state to keep the per-pointermove path off the hot path
+        // for getComputedStyle and querySelector. Track ref is set in firstUpdated()
+        // and is stable across renders. RTL is captured at gesture start so a single
+        // drag stream sees a coherent direction even if the host's `dir` changes mid-air.
+        this.trackEl = null;
+        this.rtlDuringGesture = null;
+        this.onThumbPointerDown = (thumbIndex, ev) => {
+            if (this.disabled)
+                return;
+            this.startDrag(thumbIndex, ev.pointerId, ev.currentTarget);
+        };
+        this.onTrackPointerDown = (ev) => {
+            if (this.disabled)
+                return;
+            // Ignore clicks that originated on a thumb — those are handled by the thumb's own pointerdown.
+            const path = ev.composedPath();
+            if (path.some(node => node instanceof HTMLElement && node.classList?.contains('thumb')))
+                return;
+            // Capture direction up-front so the first valueFromPointer / nearest-thumb
+            // calculation in this gesture sees a consistent value.
+            this.rtlDuringGesture = getComputedStyle(this).direction === 'rtl';
+            const targetValue = this.valueFromPointer(ev.clientX, ev.clientY);
+            const values = this.value;
+            const nearestIndex = this.nearestThumbIndex(values, targetValue);
+            if (this.moveThumb(nearestIndex, targetValue))
+                this.dispatchValueChange();
+            // Transfer drag to the nearest thumb so a continued press-and-drag keeps moving it.
+            const thumbEl = this.renderRoot.querySelector(`.thumb[data-thumb-index="${nearestIndex}"]`);
+            if (thumbEl)
+                this.startDrag(nearestIndex, ev.pointerId, thumbEl);
+        };
+        this.onPointerMove = (ev) => {
+            if (!this.dragState || ev.pointerId !== this.dragState.pointerId)
+                return;
+            const candidate = this.valueFromPointer(ev.clientX, ev.clientY);
+            this.moveThumb(this.dragState.thumbIndex, candidate);
+        };
+        this.onPointerUp = (ev) => {
+            if (!this.dragState || ev.pointerId !== this.dragState.pointerId)
+                return;
+            const target = ev.target;
+            if (target?.releasePointerCapture && target.hasPointerCapture(ev.pointerId)) {
+                target.releasePointerCapture(ev.pointerId);
+            }
+            this.dragState = null;
+            this.rtlDuringGesture = null;
+            this.requestUpdate();
+            this.dispatchValueChange();
+        };
+        this.onThumbKeyDown = (thumbIndex, ev) => {
+            if (this.disabled)
+                return;
+            const target = this.keyboardTarget(thumbIndex, ev.key);
+            if (target === null)
+                return;
+            ev.preventDefault();
+            if (this.moveThumb(thumbIndex, target))
+                this.dispatchValueChange();
+        };
+    }
+    static { this.styles = [styles]; }
+    static get observedAttributes() {
+        return [
+            ...(super.observedAttributes ?? []),
+            'min',
+            'max',
+            'step',
+            'min-distance',
+            'orientation',
+            'disabled',
+        ];
+    }
+    static { this.properties = {
+        value: { attribute: false },
+        min: { attribute: 'min', type: Number, reflect: true },
+        max: { attribute: 'max', type: Number, reflect: true },
+        step: { attribute: 'step', type: Number, reflect: true },
+        minDistance: { attribute: 'min-distance', type: Number },
+        orientation: { attribute: 'orientation', type: String, reflect: true },
+        disabled: { attribute: 'disabled', type: Boolean, reflect: true },
+        formatValue: { attribute: false },
+    }; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role'))
+            this.setAttribute('role', 'group');
+    }
+    firstUpdated() {
+        this.trackEl = this.renderRoot.querySelector('.track');
+    }
+    get value() {
+        return this._value ?? [this.min, this.max];
+    }
+    set value(next) {
+        const old = this._value;
+        const normalised = this.normalise(next);
+        // Skip the update entirely when the incoming array is shallow-equal to the
+        // current state — the wrapper's effect re-pushes the value on every
+        // value-input event during a drag, so without this we'd queue a redundant
+        // Lit update for every pointermove.
+        if (this.arraysEqual(old, normalised))
+            return;
+        this._value = normalised;
+        this.requestUpdate('value', old);
+    }
+    arraysEqual(a, b) {
+        if (a === b)
+            return true;
+        if (a === null || b === null)
+            return false;
+        if (a.length !== b.length)
+            return false;
+        return a.every((v, i) => v === b[i]);
+    }
+    normalise(input) {
+        if (!input || input.length === 0)
+            return null;
+        const clamped = input.map(v => this.clampToBounds(v));
+        return [...clamped].sort((a, b) => a - b);
+    }
+    clampToBounds(v) {
+        return Math.min(this.max, Math.max(this.min, v));
+    }
+    snapToStep(v) {
+        if (!this.step || this.step <= 0)
+            return this.clampToBounds(v);
+        const snapped = this.min + Math.round((v - this.min) / this.step) * this.step;
+        return this.clampToBounds(snapped);
+    }
+    percent(value) {
+        const range = this.max - this.min;
+        if (range <= 0)
+            return 0;
+        return ((value - this.min) / range) * 100;
+    }
+    formatThumb(value) {
+        if (this.formatValue) {
+            try {
+                return this.formatValue(value);
+            }
+            catch {
+                return String(value);
+            }
+        }
+        return String(value);
+    }
+    isVertical() {
+        return this.orientation === 'vertical';
+    }
+    /**
+     * Returns whether the host renders in RTL. Uses the cached value if a gesture
+     * is active (set in startDrag / onTrackPointerDown), otherwise reads
+     * getComputedStyle fresh — direction can come from any ancestor's `dir`,
+     * so document.dir or our own attribute aren't sufficient.
+     */
+    isRtl() {
+        if (this.rtlDuringGesture !== null)
+            return this.rtlDuringGesture;
+        return getComputedStyle(this).direction === 'rtl';
+    }
+    /**
+     * Apply the Block + minDistance constraint to a candidate value for thumb i.
+     * Returns the candidate clamped between its (already-respected) neighbours.
+     */
+    constrainThumb(values, i, candidate) {
+        const lower = i > 0 ? values[i - 1] + this.minDistance : this.min;
+        const upper = i < values.length - 1 ? values[i + 1] - this.minDistance : this.max;
+        return Math.min(Math.max(candidate, lower), upper);
+    }
+    /** Map a pointer coordinate inside the track rect to a value in [min, max]. */
+    valueFromPointer(clientX, clientY) {
+        const track = this.trackEl ?? this.renderRoot.querySelector('.track');
+        if (!track)
+            return this.min;
+        const rect = track.getBoundingClientRect();
+        let pct;
+        if (this.isVertical()) {
+            pct = (rect.bottom - clientY) / rect.height;
+        }
+        else if (this.isRtl()) {
+            pct = (rect.right - clientX) / rect.width;
+        }
+        else {
+            pct = (clientX - rect.left) / rect.width;
+        }
+        pct = Math.min(1, Math.max(0, pct));
+        const raw = this.min + pct * (this.max - this.min);
+        return this.snapToStep(raw);
+    }
+    /** Update one thumb in-place; emit `value-input`. Returns true if value changed. */
+    moveThumb(thumbIndex, candidate) {
+        const current = [...this.value];
+        const constrained = this.constrainThumb(current, thumbIndex, this.snapToStep(candidate));
+        if (constrained === current[thumbIndex])
+            return false;
+        current[thumbIndex] = constrained;
+        this._value = current;
+        this.requestUpdate('value');
+        this.dispatchEvent(new CustomEvent('value-input', {
+            detail: [...current],
+            bubbles: true,
+            composed: true,
+        }));
+        return true;
+    }
+    dispatchValueChange() {
+        this.dispatchEvent(new CustomEvent('value-change', {
+            detail: [...this.value],
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    startDrag(thumbIndex, pointerId, target) {
+        if (this.disabled)
+            return;
+        if (this.rtlDuringGesture === null) {
+            this.rtlDuringGesture = getComputedStyle(this).direction === 'rtl';
+        }
+        target.setPointerCapture(pointerId);
+        target.focus();
+        this.dragState = { thumbIndex, pointerId };
+        this.requestUpdate();
+    }
+    /**
+     * Returns the index of the thumb closest to `target`. Ties (multiple thumbs
+     * stacked at the same value) are broken by direction: clicks to the right of
+     * the stack pick the highest-index thumb, clicks to the left pick the
+     * lowest. Without this, a stack would always select the lowest-index thumb,
+     * which is blocked by its higher-indexed neighbours and can't move toward
+     * the click — the user would see no response.
+     */
+    nearestThumbIndex(values, target) {
+        return values.reduce((best, v, i) => {
+            const dBest = Math.abs(values[best] - target);
+            const dCur = Math.abs(v - target);
+            if (dCur < dBest)
+                return i;
+            if (dCur > dBest)
+                return best;
+            // Tie. Prefer the thumb on the side of the target so it can move toward it.
+            return target > v ? i : best;
+        }, 0);
+    }
+    /** Return the target value for a key press, or null if the key isn't bound. */
+    keyboardTarget(thumbIndex, key) {
+        const step = this.step || 1;
+        const big = step * 10;
+        const current = this.value[thumbIndex];
+        const rtl = !this.isVertical() && this.isRtl();
+        switch (key) {
+            case 'ArrowRight': return current + (rtl ? -step : step);
+            case 'ArrowLeft': return current + (rtl ? step : -step);
+            case 'ArrowUp': return current + step;
+            case 'ArrowDown': return current - step;
+            case 'PageUp': return current + big;
+            case 'PageDown': return current - big;
+            case 'Home': return this.min;
+            case 'End': return this.max;
+            default: return null;
+        }
+    }
+    render() {
+        const values = this.value;
+        const vertical = this.isVertical();
+        const fills = values.slice(0, -1).map((v, i) => ({
+            from: this.percent(v),
+            to: this.percent(values[i + 1]),
+        }));
+        return html `
+      <div
+        class="track"
+        part="track"
+        @pointerdown=${this.onTrackPointerDown}
+        @pointermove=${this.onPointerMove}
+        @pointerup=${this.onPointerUp}
+        @pointercancel=${this.onPointerUp}
+      >
+        ${fills.map(f => this.renderFill(f, vertical))}
+        ${values.map((v, i) => this.renderThumb(v, i, vertical))}
+      </div>
+    `;
+    }
+    renderFill(segment, vertical) {
+        // Use logical `inset-inline-start` so the fill flips correctly in RTL;
+        // works as `left` in LTR and `right` in RTL.
+        const style = vertical
+            ? `bottom: ${segment.from}%; height: ${segment.to - segment.from}%;`
+            : `inset-inline-start: ${segment.from}%; width: ${segment.to - segment.from}%;`;
+        return html `<div class="fill" part="fill" style=${style}></div>`;
+    }
+    renderThumb(value, index, vertical) {
+        const pct = this.percent(value);
+        // Logical `inset-inline-start` so the thumb position flips in RTL.
+        const style = vertical ? `bottom: ${pct}%;` : `inset-inline-start: ${pct}%;`;
+        const formatted = this.formatThumb(value);
+        const isDragging = this.dragState?.thumbIndex === index;
+        // aria-valuetext only when formatValue is provided — otherwise aria-valuenow alone is read out.
+        const valueText = this.formatValue ? formatted : null;
+        return html `
+      <button
+        class="thumb"
+        part="thumb"
+        type="button"
+        role="slider"
+        data-thumb-index=${index}
+        data-dragging=${isDragging ? 'true' : 'false'}
+        aria-valuemin=${this.min}
+        aria-valuemax=${this.max}
+        aria-valuenow=${value}
+        aria-orientation=${this.orientation}
+        aria-valuetext=${valueText ?? nothing}
+        ?disabled=${this.disabled}
+        style=${style}
+        @pointerdown=${(ev) => this.onThumbPointerDown(index, ev)}
+        @keydown=${(ev) => this.onThumbKeyDown(index, ev)}
+      >
+        <span class="tooltip" part="tooltip">${formatted}</span>
+      </button>
+    `;
+    }
+    /** Returns a copy of the current values. */
+    getValues() {
+        return [...this.value];
+    }
+}
+if (typeof customElements !== 'undefined' && !customElements.get('mp-multi-range')) {
+    customElements.define('mp-multi-range', MintMultiRangeElement);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsMultiRangeComponent, BsMultiRangeValueAccessor, MintMultiRangeElement };
+//# sourceMappingURL=mintplayer-ng-bootstrap-multi-range.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-multi-range.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-multi-range.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/multi-range/src/lib/value-accessor/multi-range-value-accessor.ts","../../../../libs/mintplayer-ng-bootstrap/multi-range/src/lib/components/multi-range.component.ts","../../../../libs/mintplayer-ng-bootstrap/multi-range/src/lib/web-components/mint-multi-range.element.template.ts","../../../../libs/mintplayer-ng-bootstrap/multi-range/src/lib/web-components/mint-multi-range.element.ts","../../../../libs/mintplayer-ng-bootstrap/multi-range/mintplayer-ng-bootstrap-multi-range.ts"],"sourcesContent":["import { Directive, forwardRef, inject } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BsMultiRangeComponent } from '../components/multi-range.component';\n\n@Directive({\n  selector: 'bs-multi-range',\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => BsMultiRangeValueAccessor),\n    multi: true,\n  }],\n  host: {\n    '(value-input)': 'onInputEvent($event)',\n    '(value-change)': 'onTouchEvent()',\n  },\n})\nexport class BsMultiRangeValueAccessor implements ControlValueAccessor {\n  private host = inject(BsMultiRangeComponent);\n\n  private onValueChange?: (value: number[]) => void;\n  private onTouched?: () => void;\n\n  protected onInputEvent(ev: Event) {\n    if (!this.onValueChange) return;\n    const detail = (ev as CustomEvent<number[]>).detail;\n    if (detail) this.onValueChange([...detail]);\n  }\n\n  protected onTouchEvent() {\n    if (this.onTouched) this.onTouched();\n  }\n\n  registerOnChange(fn: (value: number[]) => void) {\n    this.onValueChange = fn;\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouched = fn;\n  }\n\n  writeValue(value: number[] | null | undefined) {\n    const ref = this.host.elementRef();\n    if (!ref) return;\n    ref.nativeElement.value = value ?? [];\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    const ref = this.host.elementRef();\n    if (!ref) return;\n    if (isDisabled) {\n      ref.nativeElement.setAttribute('disabled', '');\n    } else {\n      ref.nativeElement.removeAttribute('disabled');\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  ElementRef,\n  computed,\n  effect,\n  input,\n  model,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { MintMultiRangeElement } from '../web-components/mint-multi-range.element';\nimport { BsMultiRangeValueAccessor } from '../value-accessor/multi-range-value-accessor';\nimport { MultiRangeOrientation } from '../types/multi-range-orientation';\n\n@Component({\n  selector: 'bs-multi-range',\n  template: `\n    <mp-multi-range\n      #el\n      class=\"bs-multi-range\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.min-distance]=\"minDistance()\"\n      [attr.orientation]=\"orientation()\"\n      [attr.disabled]=\"disabledAttr()\"\n      [attr.aria-label]=\"label()\"\n      (value-input)=\"onValueInput($event)\"\n      (value-change)=\"onValueChange($event)\"\n    ></mp-multi-range>\n  `,\n  styles: [`\n    :host { display: block; width: 100%; }\n    .bs-multi-range { display: block; width: 100%; height: 100%; }\n    :host([orientation='vertical']) { width: auto; height: 100%; }\n  `],\n  host: {\n    '[attr.orientation]': 'orientation()',\n  },\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [BsMultiRangeValueAccessor],\n})\nexport class BsMultiRangeComponent {\n  readonly min = input(0);\n  readonly max = input(100);\n  readonly step = input(1);\n  readonly minDistance = input(0);\n  readonly orientation = input<MultiRangeOrientation>('horizontal');\n  readonly disabled = input(false);\n  readonly formatValue = input<((value: number) => string) | null>(null);\n  readonly label = input<string | null>(null);\n\n  // Default is `undefined` so the effect doesn't clobber a writeValue() from a\n  // form-control binding that hasn't fired yet. Once the model is set (either\n  // by [(value)] binding or by user interaction), the effect drives the WC.\n  readonly value = model<number[] | undefined>(undefined);\n\n  readonly valueChange = output<number[]>();\n  readonly valueInput = output<number[]>();\n\n  readonly elementRef = viewChild.required<ElementRef<MintMultiRangeElement>>('el');\n\n  protected readonly disabledAttr = computed(() => (this.disabled() ? '' : null));\n\n  constructor() {\n    effect(() => {\n      const ref = this.elementRef();\n      if (!ref) return;\n      const v = this.value();\n      if (v === undefined) return;\n      ref.nativeElement.value = v;\n    });\n    effect(() => {\n      const ref = this.elementRef();\n      if (!ref) return;\n      ref.nativeElement.formatValue = this.formatValue();\n    });\n  }\n\n  protected onValueInput(event: Event): void {\n    const detail = (event as CustomEvent<number[]>).detail;\n    if (!detail) return;\n    this.value.set(detail);\n    this.valueInput.emit(detail);\n  }\n\n  protected onValueChange(event: Event): void {\n    const detail = (event as CustomEvent<number[]>).detail;\n    if (!detail) return;\n    this.value.set(detail);\n    this.valueChange.emit(detail);\n  }\n\n  /** Imperatively read the currently-rendered values from the WC. */\n  getValues(): number[] {\n    const ref = this.elementRef();\n    return ref ? ref.nativeElement.getValues() : [];\n  }\n}\n","// AUTO-GENERATED — do not edit by hand.\n// Source: mint-multi-range.element.html + mint-multi-range.element.scss\n// Regenerate with the codegen-wc Nx target.\n\nimport { html, unsafeCSS } from 'lit';\n\nexport const template = html`<!-- Track + thumbs are rendered dynamically by render(). This file exists so the\n     codegen-wc target produces a \\`styles\\` export from the sibling .scss; the\n     \\`template\\` export it generates here is intentionally unused. -->`;\nexport const styles = unsafeCSS(`:host {\n  display: block;\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  --bs-multi-range-track-bg: var(--bs-tertiary-bg, #e9ecef);\n  --bs-multi-range-track-radius: 1rem;\n  --bs-multi-range-track-thickness: 0.5rem;\n  --bs-multi-range-thumb-bg: var(--bs-primary, #0d6efd);\n  --bs-multi-range-thumb-bg-disabled: var(--bs-secondary, #6c757d);\n  --bs-multi-range-thumb-size: 1rem;\n  --bs-multi-range-thumb-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);\n  --bs-multi-range-fill-bg: var(--bs-primary, #0d6efd);\n  --bs-multi-range-fill-bg-disabled: var(--bs-secondary, #6c757d);\n  --bs-multi-range-tooltip-bg: var(--bs-dark, #212529);\n  --bs-multi-range-tooltip-color: var(--bs-light, #f8f9fa);\n}\n\n:host([orientation=vertical]) {\n  width: auto;\n  height: 100%;\n  min-height: 8rem;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n.track {\n  position: relative;\n  background: var(--bs-multi-range-track-bg);\n  border-radius: var(--bs-multi-range-track-radius);\n  touch-action: none;\n}\n\n:host([orientation=horizontal]) .track {\n  width: 100%;\n  height: var(--bs-multi-range-track-thickness);\n  margin: calc(var(--bs-multi-range-thumb-size) / 2) 0;\n}\n\n:host([orientation=vertical]) .track {\n  width: var(--bs-multi-range-track-thickness);\n  height: 100%;\n  margin: 0 calc(var(--bs-multi-range-thumb-size) / 2);\n}\n\n.fill {\n  position: absolute;\n  background: var(--bs-multi-range-fill-bg);\n  border-radius: var(--bs-multi-range-track-radius);\n}\n\n:host([orientation=horizontal]) .fill {\n  top: 0;\n  bottom: 0;\n}\n\n:host([orientation=vertical]) .fill {\n  left: 0;\n  right: 0;\n}\n\n:host([disabled]) .fill {\n  background: var(--bs-multi-range-fill-bg-disabled);\n}\n\n.thumb {\n  position: absolute;\n  width: var(--bs-multi-range-thumb-size);\n  height: var(--bs-multi-range-thumb-size);\n  background: var(--bs-multi-range-thumb-bg);\n  border: 0;\n  border-radius: 50%;\n  box-shadow: var(--bs-multi-range-thumb-shadow);\n  cursor: grab;\n  touch-action: none;\n  padding: 0;\n  outline: none;\n  transition: transform 100ms ease-out;\n}\n\n.thumb:active {\n  cursor: grabbing;\n  transform: scale(1.1);\n}\n\n:host([orientation=horizontal]) .thumb {\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n:host([orientation=horizontal]) .thumb:active {\n  transform: translate(-50%, -50%) scale(1.1);\n}\n\n:host([orientation=horizontal]:dir(rtl)) .thumb {\n  transform: translate(50%, -50%);\n}\n\n:host([orientation=horizontal]:dir(rtl)) .thumb:active {\n  transform: translate(50%, -50%) scale(1.1);\n}\n\n:host([orientation=vertical]) .thumb {\n  left: 50%;\n  transform: translate(-50%, 50%);\n}\n\n:host([orientation=vertical]) .thumb:active {\n  transform: translate(-50%, 50%) scale(1.1);\n}\n\n:host([disabled]) .thumb {\n  background: var(--bs-multi-range-thumb-bg-disabled);\n  cursor: not-allowed;\n}\n\n.thumb:focus-visible {\n  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.35), var(--bs-multi-range-thumb-shadow);\n}\n\n.tooltip {\n  position: absolute;\n  background: var(--bs-multi-range-tooltip-bg);\n  color: var(--bs-multi-range-tooltip-color);\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1;\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  pointer-events: none;\n  white-space: nowrap;\n  opacity: 0;\n  transition: opacity 120ms ease-out;\n  z-index: 2;\n}\n\n:host([orientation=horizontal]) .tooltip {\n  bottom: calc(100% + 0.5rem);\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n:host([orientation=vertical]) .tooltip {\n  left: calc(100% + 0.5rem);\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.thumb:hover .tooltip,\n.thumb:focus-visible .tooltip,\n.thumb:active .tooltip,\n.thumb[data-dragging=true] .tooltip {\n  opacity: 1;\n}\n\n:host([disabled]) .tooltip {\n  display: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb,\n  .tooltip {\n    transition: none;\n  }\n}`);\n","import { LitElement, html, nothing, type TemplateResult } from 'lit';\nimport { styles } from './mint-multi-range.element.template';\nimport { MultiRangeOrientation } from '../types/multi-range-orientation';\n\n/**\n * Bootstrap-flavoured multi-thumb range slider.\n *\n * Block-crossing: thumbs cannot pass their neighbours. Identity is by index —\n * value[0] is always the lowest thumb. The value setter normalises input by\n * sorting ascending and clamping each entry to [min, max]; minDistance is\n * enforced only at user-interaction entry points (pointer + keyboard), not on\n * programmatic writes — callers' arrays are preserved verbatim within bounds.\n *\n * Events:\n *  - `value-input`  fires continuously during drag and on every keyboard step.\n *  - `value-change` fires on commit (pointerup) and after every keyboard step.\n *\n * Both bubble and compose so the Angular wrapper's host listeners pick them up.\n */\nexport class MintMultiRangeElement extends LitElement {\n  static override styles = [styles];\n\n  static override get observedAttributes(): string[] {\n    return [\n      ...(super.observedAttributes ?? []),\n      'min',\n      'max',\n      'step',\n      'min-distance',\n      'orientation',\n      'disabled',\n    ];\n  }\n\n  static override properties = {\n    value: { attribute: false },\n    min: { attribute: 'min', type: Number, reflect: true },\n    max: { attribute: 'max', type: Number, reflect: true },\n    step: { attribute: 'step', type: Number, reflect: true },\n    minDistance: { attribute: 'min-distance', type: Number },\n    orientation: { attribute: 'orientation', type: String, reflect: true },\n    disabled: { attribute: 'disabled', type: Boolean, reflect: true },\n    formatValue: { attribute: false },\n  };\n\n  min = 0;\n  max = 100;\n  step = 1;\n  minDistance = 0;\n  orientation: MultiRangeOrientation = 'horizontal';\n  disabled = false;\n  formatValue: ((value: number) => string) | null = null;\n\n  private _value: number[] | null = null;\n  private dragState: { thumbIndex: number; pointerId: number } | null = null;\n\n  // Cached references / state to keep the per-pointermove path off the hot path\n  // for getComputedStyle and querySelector. Track ref is set in firstUpdated()\n  // and is stable across renders. RTL is captured at gesture start so a single\n  // drag stream sees a coherent direction even if the host's `dir` changes mid-air.\n  private trackEl: HTMLElement | null = null;\n  private rtlDuringGesture: boolean | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) this.setAttribute('role', 'group');\n  }\n\n  protected override firstUpdated(): void {\n    this.trackEl = this.renderRoot.querySelector<HTMLElement>('.track');\n  }\n\n  get value(): number[] {\n    return this._value ?? [this.min, this.max];\n  }\n\n  set value(next: number[] | null | undefined) {\n    const old = this._value;\n    const normalised = this.normalise(next);\n    // Skip the update entirely when the incoming array is shallow-equal to the\n    // current state — the wrapper's effect re-pushes the value on every\n    // value-input event during a drag, so without this we'd queue a redundant\n    // Lit update for every pointermove.\n    if (this.arraysEqual(old, normalised)) return;\n    this._value = normalised;\n    this.requestUpdate('value', old);\n  }\n\n  private arraysEqual(a: number[] | null, b: number[] | null): boolean {\n    if (a === b) return true;\n    if (a === null || b === null) return false;\n    if (a.length !== b.length) return false;\n    return a.every((v, i) => v === b[i]);\n  }\n\n  private normalise(input: number[] | null | undefined): number[] | null {\n    if (!input || input.length === 0) return null;\n    const clamped = input.map(v => this.clampToBounds(v));\n    return [...clamped].sort((a, b) => a - b);\n  }\n\n  private clampToBounds(v: number): number {\n    return Math.min(this.max, Math.max(this.min, v));\n  }\n\n  private snapToStep(v: number): number {\n    if (!this.step || this.step <= 0) return this.clampToBounds(v);\n    const snapped = this.min + Math.round((v - this.min) / this.step) * this.step;\n    return this.clampToBounds(snapped);\n  }\n\n  private percent(value: number): number {\n    const range = this.max - this.min;\n    if (range <= 0) return 0;\n    return ((value - this.min) / range) * 100;\n  }\n\n  private formatThumb(value: number): string {\n    if (this.formatValue) {\n      try { return this.formatValue(value); } catch { return String(value); }\n    }\n    return String(value);\n  }\n\n  private isVertical(): boolean {\n    return this.orientation === 'vertical';\n  }\n\n  /**\n   * Returns whether the host renders in RTL. Uses the cached value if a gesture\n   * is active (set in startDrag / onTrackPointerDown), otherwise reads\n   * getComputedStyle fresh — direction can come from any ancestor's `dir`,\n   * so document.dir or our own attribute aren't sufficient.\n   */\n  private isRtl(): boolean {\n    if (this.rtlDuringGesture !== null) return this.rtlDuringGesture;\n    return getComputedStyle(this).direction === 'rtl';\n  }\n\n  /**\n   * Apply the Block + minDistance constraint to a candidate value for thumb i.\n   * Returns the candidate clamped between its (already-respected) neighbours.\n   */\n  private constrainThumb(values: number[], i: number, candidate: number): number {\n    const lower = i > 0 ? values[i - 1] + this.minDistance : this.min;\n    const upper = i < values.length - 1 ? values[i + 1] - this.minDistance : this.max;\n    return Math.min(Math.max(candidate, lower), upper);\n  }\n\n  /** Map a pointer coordinate inside the track rect to a value in [min, max]. */\n  private valueFromPointer(clientX: number, clientY: number): number {\n    const track = this.trackEl ?? this.renderRoot.querySelector<HTMLElement>('.track');\n    if (!track) return this.min;\n    const rect = track.getBoundingClientRect();\n    let pct: number;\n    if (this.isVertical()) {\n      pct = (rect.bottom - clientY) / rect.height;\n    } else if (this.isRtl()) {\n      pct = (rect.right - clientX) / rect.width;\n    } else {\n      pct = (clientX - rect.left) / rect.width;\n    }\n    pct = Math.min(1, Math.max(0, pct));\n    const raw = this.min + pct * (this.max - this.min);\n    return this.snapToStep(raw);\n  }\n\n  /** Update one thumb in-place; emit `value-input`. Returns true if value changed. */\n  private moveThumb(thumbIndex: number, candidate: number): boolean {\n    const current = [...this.value];\n    const constrained = this.constrainThumb(current, thumbIndex, this.snapToStep(candidate));\n    if (constrained === current[thumbIndex]) return false;\n    current[thumbIndex] = constrained;\n    this._value = current;\n    this.requestUpdate('value');\n    this.dispatchEvent(new CustomEvent<number[]>('value-input', {\n      detail: [...current],\n      bubbles: true,\n      composed: true,\n    }));\n    return true;\n  }\n\n  private dispatchValueChange(): void {\n    this.dispatchEvent(new CustomEvent<number[]>('value-change', {\n      detail: [...this.value],\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private startDrag(thumbIndex: number, pointerId: number, target: HTMLElement): void {\n    if (this.disabled) return;\n    if (this.rtlDuringGesture === null) {\n      this.rtlDuringGesture = getComputedStyle(this).direction === 'rtl';\n    }\n    target.setPointerCapture(pointerId);\n    target.focus();\n    this.dragState = { thumbIndex, pointerId };\n    this.requestUpdate();\n  }\n\n  private onThumbPointerDown = (thumbIndex: number, ev: PointerEvent): void => {\n    if (this.disabled) return;\n    this.startDrag(thumbIndex, ev.pointerId, ev.currentTarget as HTMLElement);\n  };\n\n  private onTrackPointerDown = (ev: PointerEvent): void => {\n    if (this.disabled) return;\n    // Ignore clicks that originated on a thumb — those are handled by the thumb's own pointerdown.\n    const path = ev.composedPath();\n    if (path.some(node => node instanceof HTMLElement && node.classList?.contains('thumb'))) return;\n    // Capture direction up-front so the first valueFromPointer / nearest-thumb\n    // calculation in this gesture sees a consistent value.\n    this.rtlDuringGesture = getComputedStyle(this).direction === 'rtl';\n    const targetValue = this.valueFromPointer(ev.clientX, ev.clientY);\n    const values = this.value;\n    const nearestIndex = this.nearestThumbIndex(values, targetValue);\n    if (this.moveThumb(nearestIndex, targetValue)) this.dispatchValueChange();\n    // Transfer drag to the nearest thumb so a continued press-and-drag keeps moving it.\n    const thumbEl = this.renderRoot.querySelector<HTMLElement>(\n      `.thumb[data-thumb-index=\"${nearestIndex}\"]`,\n    );\n    if (thumbEl) this.startDrag(nearestIndex, ev.pointerId, thumbEl);\n  };\n\n  /**\n   * Returns the index of the thumb closest to `target`. Ties (multiple thumbs\n   * stacked at the same value) are broken by direction: clicks to the right of\n   * the stack pick the highest-index thumb, clicks to the left pick the\n   * lowest. Without this, a stack would always select the lowest-index thumb,\n   * which is blocked by its higher-indexed neighbours and can't move toward\n   * the click — the user would see no response.\n   */\n  private nearestThumbIndex(values: number[], target: number): number {\n    return values.reduce((best, v, i) => {\n      const dBest = Math.abs(values[best] - target);\n      const dCur = Math.abs(v - target);\n      if (dCur < dBest) return i;\n      if (dCur > dBest) return best;\n      // Tie. Prefer the thumb on the side of the target so it can move toward it.\n      return target > v ? i : best;\n    }, 0);\n  }\n\n  private onPointerMove = (ev: PointerEvent): void => {\n    if (!this.dragState || ev.pointerId !== this.dragState.pointerId) return;\n    const candidate = this.valueFromPointer(ev.clientX, ev.clientY);\n    this.moveThumb(this.dragState.thumbIndex, candidate);\n  };\n\n  private onPointerUp = (ev: PointerEvent): void => {\n    if (!this.dragState || ev.pointerId !== this.dragState.pointerId) return;\n    const target = ev.target as HTMLElement | null;\n    if (target?.releasePointerCapture && target.hasPointerCapture(ev.pointerId)) {\n      target.releasePointerCapture(ev.pointerId);\n    }\n    this.dragState = null;\n    this.rtlDuringGesture = null;\n    this.requestUpdate();\n    this.dispatchValueChange();\n  };\n\n  private onThumbKeyDown = (thumbIndex: number, ev: KeyboardEvent): void => {\n    if (this.disabled) return;\n    const target = this.keyboardTarget(thumbIndex, ev.key);\n    if (target === null) return;\n    ev.preventDefault();\n    if (this.moveThumb(thumbIndex, target)) this.dispatchValueChange();\n  };\n\n  /** Return the target value for a key press, or null if the key isn't bound. */\n  private keyboardTarget(thumbIndex: number, key: string): number | null {\n    const step = this.step || 1;\n    const big = step * 10;\n    const current = this.value[thumbIndex];\n    const rtl = !this.isVertical() && this.isRtl();\n    switch (key) {\n      case 'ArrowRight': return current + (rtl ? -step : step);\n      case 'ArrowLeft':  return current + (rtl ? step : -step);\n      case 'ArrowUp':    return current + step;\n      case 'ArrowDown':  return current - step;\n      case 'PageUp':     return current + big;\n      case 'PageDown':   return current - big;\n      case 'Home':       return this.min;\n      case 'End':        return this.max;\n      default:           return null;\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const values = this.value;\n    const vertical = this.isVertical();\n    const fills = values.slice(0, -1).map((v, i) => ({\n      from: this.percent(v),\n      to: this.percent(values[i + 1]),\n    }));\n\n    return html`\n      <div\n        class=\"track\"\n        part=\"track\"\n        @pointerdown=${this.onTrackPointerDown}\n        @pointermove=${this.onPointerMove}\n        @pointerup=${this.onPointerUp}\n        @pointercancel=${this.onPointerUp}\n      >\n        ${fills.map(f => this.renderFill(f, vertical))}\n        ${values.map((v, i) => this.renderThumb(v, i, vertical))}\n      </div>\n    `;\n  }\n\n  private renderFill(\n    segment: { from: number; to: number },\n    vertical: boolean,\n  ): TemplateResult {\n    // Use logical `inset-inline-start` so the fill flips correctly in RTL;\n    // works as `left` in LTR and `right` in RTL.\n    const style = vertical\n      ? `bottom: ${segment.from}%; height: ${segment.to - segment.from}%;`\n      : `inset-inline-start: ${segment.from}%; width: ${segment.to - segment.from}%;`;\n    return html`<div class=\"fill\" part=\"fill\" style=${style}></div>`;\n  }\n\n  private renderThumb(value: number, index: number, vertical: boolean): TemplateResult {\n    const pct = this.percent(value);\n    // Logical `inset-inline-start` so the thumb position flips in RTL.\n    const style = vertical ? `bottom: ${pct}%;` : `inset-inline-start: ${pct}%;`;\n    const formatted = this.formatThumb(value);\n    const isDragging = this.dragState?.thumbIndex === index;\n    // aria-valuetext only when formatValue is provided — otherwise aria-valuenow alone is read out.\n    const valueText = this.formatValue ? formatted : null;\n    return html`\n      <button\n        class=\"thumb\"\n        part=\"thumb\"\n        type=\"button\"\n        role=\"slider\"\n        data-thumb-index=${index}\n        data-dragging=${isDragging ? 'true' : 'false'}\n        aria-valuemin=${this.min}\n        aria-valuemax=${this.max}\n        aria-valuenow=${value}\n        aria-orientation=${this.orientation}\n        aria-valuetext=${valueText ?? nothing}\n        ?disabled=${this.disabled}\n        style=${style}\n        @pointerdown=${(ev: PointerEvent) => this.onThumbPointerDown(index, ev)}\n        @keydown=${(ev: KeyboardEvent) => this.onThumbKeyDown(index, ev)}\n      >\n        <span class=\"tooltip\" part=\"tooltip\">${formatted}</span>\n      </button>\n    `;\n  }\n\n  /** Returns a copy of the current values. */\n  getValues(): number[] {\n    return [...this.value];\n  }\n}\n\nif (typeof customElements !== 'undefined' && !customElements.get('mp-multi-range')) {\n  customElements.define('mp-multi-range', MintMultiRangeElement);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mp-multi-range': MintMultiRangeElement;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsMultiRangeValueAccessor"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-bootstrap",
   "private": false,
-  "version": "21.29.0",
+  "version": "21.30.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",
@@ -184,6 +184,10 @@
       "types": "./types/mintplayer-ng-bootstrap-modal.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-modal.mjs"
     },
+    "./multi-range": {
+      "types": "./types/mintplayer-ng-bootstrap-multi-range.d.ts",
+      "default": "./fesm2022/mintplayer-ng-bootstrap-multi-range.mjs"
+    },
     "./multiselect": {
       "types": "./types/mintplayer-ng-bootstrap-multiselect.d.ts",
       "default": "./fesm2022/mintplayer-ng-bootstrap-multiselect.mjs"

package/types/mintplayer-ng-bootstrap-multi-range.d.ts

@@ -0,0 +1,170 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+import { ControlValueAccessor } from '@angular/forms';
+
+type MultiRangeOrientation = 'horizontal' | 'vertical';
+
+/**
+ * Bootstrap-flavoured multi-thumb range slider.
+ *
+ * Block-crossing: thumbs cannot pass their neighbours. Identity is by index —
+ * value[0] is always the lowest thumb. The value setter normalises input by
+ * sorting ascending and clamping each entry to [min, max]; minDistance is
+ * enforced only at user-interaction entry points (pointer + keyboard), not on
+ * programmatic writes — callers' arrays are preserved verbatim within bounds.
+ *
+ * Events:
+ *  - `value-input`  fires continuously during drag and on every keyboard step.
+ *  - `value-change` fires on commit (pointerup) and after every keyboard step.
+ *
+ * Both bubble and compose so the Angular wrapper's host listeners pick them up.
+ */
+declare class MintMultiRangeElement extends LitElement {
+    static styles: lit.CSSResult[];
+    static get observedAttributes(): string[];
+    static properties: {
+        value: {
+            attribute: boolean;
+        };
+        min: {
+            attribute: string;
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        max: {
+            attribute: string;
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        step: {
+            attribute: string;
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        minDistance: {
+            attribute: string;
+            type: NumberConstructor;
+        };
+        orientation: {
+            attribute: string;
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            attribute: string;
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        formatValue: {
+            attribute: boolean;
+        };
+    };
+    min: number;
+    max: number;
+    step: number;
+    minDistance: number;
+    orientation: MultiRangeOrientation;
+    disabled: boolean;
+    formatValue: ((value: number) => string) | null;
+    private _value;
+    private dragState;
+    private trackEl;
+    private rtlDuringGesture;
+    connectedCallback(): void;
+    protected firstUpdated(): void;
+    get value(): number[];
+    set value(next: number[] | null | undefined);
+    private arraysEqual;
+    private normalise;
+    private clampToBounds;
+    private snapToStep;
+    private percent;
+    private formatThumb;
+    private isVertical;
+    /**
+     * Returns whether the host renders in RTL. Uses the cached value if a gesture
+     * is active (set in startDrag / onTrackPointerDown), otherwise reads
+     * getComputedStyle fresh — direction can come from any ancestor's `dir`,
+     * so document.dir or our own attribute aren't sufficient.
+     */
+    private isRtl;
+    /**
+     * Apply the Block + minDistance constraint to a candidate value for thumb i.
+     * Returns the candidate clamped between its (already-respected) neighbours.
+     */
+    private constrainThumb;
+    /** Map a pointer coordinate inside the track rect to a value in [min, max]. */
+    private valueFromPointer;
+    /** Update one thumb in-place; emit `value-input`. Returns true if value changed. */
+    private moveThumb;
+    private dispatchValueChange;
+    private startDrag;
+    private onThumbPointerDown;
+    private onTrackPointerDown;
+    /**
+     * Returns the index of the thumb closest to `target`. Ties (multiple thumbs
+     * stacked at the same value) are broken by direction: clicks to the right of
+     * the stack pick the highest-index thumb, clicks to the left pick the
+     * lowest. Without this, a stack would always select the lowest-index thumb,
+     * which is blocked by its higher-indexed neighbours and can't move toward
+     * the click — the user would see no response.
+     */
+    private nearestThumbIndex;
+    private onPointerMove;
+    private onPointerUp;
+    private onThumbKeyDown;
+    /** Return the target value for a key press, or null if the key isn't bound. */
+    private keyboardTarget;
+    protected render(): TemplateResult;
+    private renderFill;
+    private renderThumb;
+    /** Returns a copy of the current values. */
+    getValues(): number[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mp-multi-range': MintMultiRangeElement;
+    }
+}
+
+declare class BsMultiRangeValueAccessor implements ControlValueAccessor {
+    private host;
+    private onValueChange?;
+    private onTouched?;
+    protected onInputEvent(ev: Event): void;
+    protected onTouchEvent(): void;
+    registerOnChange(fn: (value: number[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: number[] | null | undefined): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsMultiRangeValueAccessor, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BsMultiRangeValueAccessor, "bs-multi-range", never, {}, {}, never, never, true, never>;
+}
+
+declare class BsMultiRangeComponent {
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly minDistance: _angular_core.InputSignal<number>;
+    readonly orientation: _angular_core.InputSignal<MultiRangeOrientation>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly formatValue: _angular_core.InputSignal<((value: number) => string) | null>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly value: _angular_core.ModelSignal<number[] | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number[]>;
+    readonly valueInput: _angular_core.OutputEmitterRef<number[]>;
+    readonly elementRef: _angular_core.Signal<ElementRef<MintMultiRangeElement>>;
+    protected readonly disabledAttr: _angular_core.Signal<"" | null>;
+    constructor();
+    protected onValueInput(event: Event): void;
+    protected onValueChange(event: Event): void;
+    /** Imperatively read the currently-rendered values from the WC. */
+    getValues(): number[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsMultiRangeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsMultiRangeComponent, "bs-multi-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minDistance": { "alias": "minDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "valueInput": "valueInput"; }, never, never, true, [{ directive: typeof BsMultiRangeValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { BsMultiRangeComponent, BsMultiRangeValueAccessor, MintMultiRangeElement };
+export type { MultiRangeOrientation };