@ojiepermana/angular 21.3.4 → 22.0.1

package/fesm2022/ojiepermana-angular-component-slider.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, ElementRef, input, computed, ChangeDetectionStrategy, Component, viewChild, numberAttribute, booleanAttribute, output, signal, effect, untracked } from '@angular/core';
 import { cn } from '@ojiepermana/angular/component/utils';
+import { DOCUMENT } from '@angular/common';
 
 /**
  * Styled native range input. Works with `ngModel` / `FormControl` via
@@ -8,22 +9,415 @@ import { cn } from '@ojiepermana/angular/component/utils';
  */
 class SliderComponent {
     el = inject(ElementRef);
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('ui-slider relative w-full appearance-none bg-transparent', 'focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('ui-slider relative w-full appearance-none bg-transparent', 'focus-visible:outline-none', 'disabled:pointer-events-none disabled:opacity-50', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     focus() {
         this.el.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: SliderComponent, isStandalone: true, selector: "input[type=range][ui-slider]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, styles: [":host.ui-slider{height:1.25rem;cursor:pointer}:host.ui-slider::-webkit-slider-runnable-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-moz-range-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-.25rem;width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider::-moz-range-thumb{width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.ui-slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: SliderComponent, isStandalone: true, selector: "input[type=range][ui-slider]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, styles: [":host.ui-slider{height:1.25rem;cursor:pointer}:host.ui-slider::-webkit-slider-runnable-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-moz-range-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-.25rem;width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider::-moz-range-thumb{width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.ui-slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[type=range][ui-slider]', changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'classes()' }, template: '', styles: [":host.ui-slider{height:1.25rem;cursor:pointer}:host.ui-slider::-webkit-slider-runnable-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-moz-range-track{height:.5rem;border-radius:var(--radius-lg);background:hsl(var(--secondary))}:host.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-.25rem;width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider::-moz-range-thumb{width:1rem;height:1rem;border-radius:var(--radius-lg);background:hsl(var(--background));border:var(--border-width) solid hsl(var(--primary));transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}:host.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host.ui-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}:host.ui-slider:disabled::-moz-range-thumb{cursor:not-allowed}\n"] }]
         }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 
+class SliderRootComponent {
+    host = inject(ElementRef);
+    document = inject(DOCUMENT);
+    track = viewChild.required('track');
+    value = input([0], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    minStepsBetweenThumbs = input(0, { ...(ngDevMode ? { debugName: "minStepsBetweenThumbs" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    thumbLabels = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbLabels" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    disabledState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
+    valueState = signal([0], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ []));
+    activeThumbIndex = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeThumbIndex" }] : /* istanbul ignore next */ []));
+    draggedThumbIndex = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "draggedThumbIndex" }] : /* istanbul ignore next */ []));
+    pointerId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pointerId" }] : /* istanbul ignore next */ []));
+    config = computed(() => ({
+        min: Math.min(this.min(), this.max()),
+        max: Math.max(this.min(), this.max()),
+        step: this.step() > 0 ? this.step() : 1,
+        minStepsBetweenThumbs: Math.max(0, Math.floor(this.minStepsBetweenThumbs())),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.disabledState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => cn('ui-slider-root relative flex touch-none select-none', this.orientation() === 'horizontal' ? 'h-5 w-full items-center' : 'h-32 w-5 justify-center', this.isDisabled() ? 'opacity-50' : '', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    thumbs = computed(() => {
+        const values = this.valueState();
+        const config = this.config();
+        return values.map((value, index) => {
+            const bounds = thumbBounds(values, index, config);
+            return {
+                index,
+                value,
+                position: this.positionPercent(value),
+                min: bounds.min,
+                max: bounds.max,
+                label: this.thumbLabel(index, values.length),
+            };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbs" }] : /* istanbul ignore next */ []));
+    rangeOffset = computed(() => {
+        const span = this.rangeSpan();
+        return span.start;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeOffset" }] : /* istanbul ignore next */ []));
+    rangeSize = computed(() => {
+        const span = this.rangeSpan();
+        return span.end - span.start;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeSize" }] : /* istanbul ignore next */ []));
+    syncExternalValue = effect(() => {
+        const normalized = normalizeSliderValues(this.value(), this.config());
+        untracked(() => {
+            if (!sameValues(normalized, this.valueState())) {
+                this.valueState.set(normalized);
+            }
+            this.activeThumbIndex.set(clampIndex(this.activeThumbIndex(), normalized.length));
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "syncExternalValue" }] : /* istanbul ignore next */ []));
+    onTrackPointerDown(event) {
+        if (this.isDisabled() || event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        const nextValue = this.valueFromPointer(event);
+        if (nextValue == null) {
+            return;
+        }
+        const thumbIndex = this.closestThumbIndex(nextValue);
+        this.activeThumbIndex.set(thumbIndex);
+        this.updateThumbValue(thumbIndex, nextValue);
+        this.beginDrag(event, thumbIndex);
+    }
+    onThumbPointerDown(event, index) {
+        if (this.isDisabled() || event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        this.activeThumbIndex.set(index);
+        this.beginDrag(event, index);
+    }
+    onWindowPointerMove(event) {
+        if (this.pointerId() !== event.pointerId) {
+            return;
+        }
+        const thumbIndex = this.draggedThumbIndex();
+        if (thumbIndex == null) {
+            return;
+        }
+        const nextValue = this.valueFromPointer(event);
+        if (nextValue == null) {
+            return;
+        }
+        event.preventDefault();
+        this.updateThumbValue(thumbIndex, nextValue);
+    }
+    onWindowPointerUp(event) {
+        if (this.pointerId() !== event.pointerId) {
+            return;
+        }
+        this.draggedThumbIndex.set(null);
+        this.pointerId.set(null);
+    }
+    onThumbFocus(index) {
+        this.activeThumbIndex.set(index);
+    }
+    onThumbKeydown(event, index) {
+        if (this.isDisabled()) {
+            return;
+        }
+        const current = this.valueState()[index];
+        const config = this.config();
+        const pageStep = config.step * 10;
+        const direction = this.resolvedDirection();
+        let nextValue = null;
+        switch (event.key) {
+            case 'ArrowRight':
+                nextValue = current + (direction === 'rtl' && this.orientation() === 'horizontal' ? -config.step : config.step);
+                break;
+            case 'ArrowLeft':
+                nextValue = current + (direction === 'rtl' && this.orientation() === 'horizontal' ? config.step : -config.step);
+                break;
+            case 'ArrowUp':
+                nextValue = current + config.step;
+                break;
+            case 'ArrowDown':
+                nextValue = current - config.step;
+                break;
+            case 'PageUp':
+                nextValue = current + pageStep;
+                break;
+            case 'PageDown':
+                nextValue = current - pageStep;
+                break;
+            case 'Home':
+                nextValue = thumbBounds(this.valueState(), index, config).min;
+                break;
+            case 'End':
+                nextValue = thumbBounds(this.valueState(), index, config).max;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        this.activeThumbIndex.set(index);
+        this.updateThumbValue(index, nextValue);
+    }
+    beginDrag(event, index) {
+        this.pointerId.set(event.pointerId);
+        this.draggedThumbIndex.set(index);
+        this.focusThumb(index);
+    }
+    updateThumbValue(index, rawValue) {
+        const current = this.valueState();
+        const bounds = thumbBounds(current, index, this.config());
+        const nextValues = current.slice();
+        nextValues[index] = snapWithinBounds(rawValue, bounds.min, bounds.max, this.config());
+        if (sameValues(nextValues, current)) {
+            return;
+        }
+        this.valueState.set(nextValues);
+        this.valueChange.emit(nextValues);
+    }
+    valueFromPointer(event) {
+        const track = this.track().nativeElement;
+        const rect = track.getBoundingClientRect();
+        const config = this.config();
+        if (rect.width <= 0 || rect.height <= 0) {
+            return null;
+        }
+        let ratio = 0;
+        if (this.orientation() === 'horizontal') {
+            const physicalRatio = clamp((event.clientX - rect.left) / rect.width, 0, 1);
+            ratio = this.resolvedDirection() === 'rtl' ? 1 - physicalRatio : physicalRatio;
+        }
+        else {
+            ratio = clamp((rect.bottom - event.clientY) / rect.height, 0, 1);
+        }
+        return config.min + ratio * (config.max - config.min);
+    }
+    closestThumbIndex(nextValue) {
+        const values = this.valueState();
+        let bestIndex = 0;
+        let bestDistance = Number.POSITIVE_INFINITY;
+        values.forEach((value, index) => {
+            const distance = Math.abs(value - nextValue);
+            if (distance < bestDistance) {
+                bestDistance = distance;
+                bestIndex = index;
+            }
+        });
+        return bestIndex;
+    }
+    rangeSpan() {
+        const positions = this.valueState().map((value) => this.positionPercent(value));
+        if (!positions.length) {
+            return { start: 0, end: 0 };
+        }
+        if (positions.length === 1) {
+            const minBoundary = this.positionPercent(this.config().min);
+            return {
+                start: Math.min(minBoundary, positions[0]),
+                end: Math.max(minBoundary, positions[0]),
+            };
+        }
+        return {
+            start: Math.min(...positions),
+            end: Math.max(...positions),
+        };
+    }
+    positionPercent(value) {
+        const config = this.config();
+        const range = config.max - config.min;
+        if (range <= 0) {
+            return this.orientation() === 'horizontal' && this.resolvedDirection() === 'rtl' ? 100 : 0;
+        }
+        const logicalRatio = (value - config.min) / range;
+        const physicalRatio = this.orientation() === 'horizontal' && this.resolvedDirection() === 'rtl' ? 1 - logicalRatio : logicalRatio;
+        return clamp(physicalRatio * 100, 0, 100);
+    }
+    thumbLabel(index, count) {
+        const labels = this.thumbLabels();
+        if (labels?.[index]) {
+            return labels[index] ?? null;
+        }
+        if (count === 1) {
+            return this.ariaLabel();
+        }
+        return this.ariaLabel() ? `${this.ariaLabel()} ${index + 1}` : `Slider thumb ${index + 1}`;
+    }
+    focusThumb(index) {
+        const thumb = this.host.nativeElement.querySelector(`.ui-slider__thumb[data-index="${index}"]`);
+        thumb?.focus();
+    }
+    resolvedDirection() {
+        const host = this.host.nativeElement;
+        if (host.dir === 'ltr' || host.dir === 'rtl') {
+            return host.dir;
+        }
+        const view = this.document.defaultView;
+        if (!view) {
+            return 'ltr';
+        }
+        return view.getComputedStyle(host).direction === 'rtl' ? 'rtl' : 'ltr';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SliderRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SliderRootComponent, isStandalone: true, selector: "ui-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, 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 }, minStepsBetweenThumbs: { classPropertyName: "minStepsBetweenThumbs", publicName: "minStepsBetweenThumbs", 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 }, thumbLabels: { classPropertyName: "thumbLabels", publicName: "thumbLabels", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "window:pointermove": "onWindowPointerMove($event)", "window:pointerup": "onWindowPointerUp($event)", "window:pointercancel": "onWindowPointerUp($event)" }, properties: { "class": "hostClasses()", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.data-orientation": "orientation()" } }, viewQueries: [{ propertyName: "track", first: true, predicate: ["track"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div #track class="ui-slider__track" (pointerdown)="onTrackPointerDown($event)">
+      <div
+        class="ui-slider__range"
+        [style.left.%]="orientation() === 'horizontal' ? rangeOffset() : null"
+        [style.width.%]="orientation() === 'horizontal' ? rangeSize() : null"
+        [style.bottom.%]="orientation() === 'vertical' ? rangeOffset() : null"
+        [style.height.%]="orientation() === 'vertical' ? rangeSize() : null"></div>
+
+      @for (thumb of thumbs(); track thumb.index) {
+        <button
+          type="button"
+          class="ui-slider__thumb"
+          [style.left.%]="orientation() === 'horizontal' ? thumb.position : 50"
+          [style.top.%]="orientation() === 'horizontal' ? 50 : null"
+          [style.bottom.%]="orientation() === 'vertical' ? thumb.position : null"
+          [attr.aria-describedby]="ariaDescribedby()"
+          [attr.aria-disabled]="isDisabled() ? 'true' : null"
+          [attr.aria-label]="thumb.label"
+          [attr.aria-labelledby]="thumb.label ? null : ariaLabelledby()"
+          [attr.aria-orientation]="orientation()"
+          [attr.aria-valuemax]="thumb.max"
+          [attr.aria-valuemin]="thumb.min"
+          [attr.aria-valuenow]="thumb.value"
+          [attr.data-index]="thumb.index"
+          [attr.data-state]="isDisabled() ? 'disabled' : 'active'"
+          [tabIndex]="isDisabled() ? -1 : activeThumbIndex() === thumb.index ? 0 : -1"
+          role="slider"
+          (focus)="onThumbFocus(thumb.index)"
+          (keydown)="onThumbKeydown($event, thumb.index)"
+          (pointerdown)="onThumbPointerDown($event, thumb.index)"></button>
+      }
+    </div>
+  `, isInline: true, styles: [":host.ui-slider-root{--ui-slider-thumb-size: 1rem;--ui-slider-track-size: .5rem;display:block}.ui-slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .ui-slider__track{height:var(--ui-slider-track-size);width:100%}:host[data-orientation=vertical] .ui-slider__track{height:100%;width:var(--ui-slider-track-size)}.ui-slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .ui-slider__range{top:0;height:100%}:host[data-orientation=vertical] .ui-slider__range{left:0;width:100%}.ui-slider__thumb{position:absolute;height:var(--ui-slider-thumb-size);width:var(--ui-slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}:host[data-orientation=horizontal] .ui-slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .ui-slider__thumb{transform:translate(-50%,50%)}.ui-slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .ui-slider__track,:host[data-disabled] .ui-slider__thumb{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SliderRootComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-slider', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '[attr.data-orientation]': 'orientation()',
+                        '(window:pointermove)': 'onWindowPointerMove($event)',
+                        '(window:pointerup)': 'onWindowPointerUp($event)',
+                        '(window:pointercancel)': 'onWindowPointerUp($event)',
+                    }, template: `
+    <div #track class="ui-slider__track" (pointerdown)="onTrackPointerDown($event)">
+      <div
+        class="ui-slider__range"
+        [style.left.%]="orientation() === 'horizontal' ? rangeOffset() : null"
+        [style.width.%]="orientation() === 'horizontal' ? rangeSize() : null"
+        [style.bottom.%]="orientation() === 'vertical' ? rangeOffset() : null"
+        [style.height.%]="orientation() === 'vertical' ? rangeSize() : null"></div>
+
+      @for (thumb of thumbs(); track thumb.index) {
+        <button
+          type="button"
+          class="ui-slider__thumb"
+          [style.left.%]="orientation() === 'horizontal' ? thumb.position : 50"
+          [style.top.%]="orientation() === 'horizontal' ? 50 : null"
+          [style.bottom.%]="orientation() === 'vertical' ? thumb.position : null"
+          [attr.aria-describedby]="ariaDescribedby()"
+          [attr.aria-disabled]="isDisabled() ? 'true' : null"
+          [attr.aria-label]="thumb.label"
+          [attr.aria-labelledby]="thumb.label ? null : ariaLabelledby()"
+          [attr.aria-orientation]="orientation()"
+          [attr.aria-valuemax]="thumb.max"
+          [attr.aria-valuemin]="thumb.min"
+          [attr.aria-valuenow]="thumb.value"
+          [attr.data-index]="thumb.index"
+          [attr.data-state]="isDisabled() ? 'disabled' : 'active'"
+          [tabIndex]="isDisabled() ? -1 : activeThumbIndex() === thumb.index ? 0 : -1"
+          role="slider"
+          (focus)="onThumbFocus(thumb.index)"
+          (keydown)="onThumbKeydown($event, thumb.index)"
+          (pointerdown)="onThumbPointerDown($event, thumb.index)"></button>
+      }
+    </div>
+  `, styles: [":host.ui-slider-root{--ui-slider-thumb-size: 1rem;--ui-slider-track-size: .5rem;display:block}.ui-slider__track{position:relative;flex:1 1 auto;border-radius:9999px;background:hsl(var(--secondary))}:host[data-orientation=horizontal] .ui-slider__track{height:var(--ui-slider-track-size);width:100%}:host[data-orientation=vertical] .ui-slider__track{height:100%;width:var(--ui-slider-track-size)}.ui-slider__range{position:absolute;border-radius:inherit;background:hsl(var(--primary))}:host[data-orientation=horizontal] .ui-slider__range{top:0;height:100%}:host[data-orientation=vertical] .ui-slider__range{left:0;width:100%}.ui-slider__thumb{position:absolute;height:var(--ui-slider-thumb-size);width:var(--ui-slider-thumb-size);border:var(--border-width) solid hsl(var(--primary));border-radius:9999px;background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .14);transition:box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}:host[data-orientation=horizontal] .ui-slider__thumb{transform:translate(-50%,-50%)}:host[data-orientation=vertical] .ui-slider__thumb{transform:translate(-50%,50%)}.ui-slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--border-width) + 3px) hsl(var(--ring) / .3)}:host[data-disabled] .ui-slider__track,:host[data-disabled] .ui-slider__thumb{cursor:not-allowed}\n"] }]
+        }], propDecorators: { track: [{ type: i0.ViewChild, args: ['track', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], 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 }] }], minStepsBetweenThumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "minStepsBetweenThumbs", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], thumbLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "thumbLabels", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+function clampIndex(index, length) {
+    return clamp(index, 0, Math.max(length - 1, 0));
+}
+function decimalPlaces(value) {
+    const text = `${value}`;
+    const fraction = text.split('.')[1];
+    return fraction?.length ?? 0;
+}
+function normalizeSliderValues(values, config) {
+    const incoming = values.length ? [...values] : [config.min];
+    const sorted = incoming.map((value) => snapToStep(value, config)).sort((left, right) => left - right);
+    const gap = config.step * config.minStepsBetweenThumbs;
+    const normalized = [];
+    sorted.forEach((value, index) => {
+        const remaining = sorted.length - index - 1;
+        const min = index === 0 ? config.min : normalized[index - 1] + gap;
+        const max = Math.max(min, config.max - remaining * gap);
+        normalized.push(snapWithinBounds(value, min, max, config));
+    });
+    return normalized;
+}
+function sameValues(left, right) {
+    return left.length === right.length && left.every((value, index) => value === right[index]);
+}
+function snapToStep(value, config) {
+    const ratio = (value - config.min) / config.step;
+    const snapped = config.min + Math.round(ratio) * config.step;
+    const precision = Math.max(decimalPlaces(config.step), decimalPlaces(config.min));
+    return Number(snapped.toFixed(precision));
+}
+function snapWithinBounds(value, min, max, config) {
+    const boundedMin = Math.min(min, max);
+    const boundedMax = Math.max(min, max);
+    const snapped = snapToStep(value, config);
+    return clamp(snapped, boundedMin, boundedMax);
+}
+function thumbBounds(values, index, config) {
+    const gap = config.step * config.minStepsBetweenThumbs;
+    const min = index === 0 ? config.min : values[index - 1] + gap;
+    const max = index === values.length - 1 ? config.max : values[index + 1] - gap;
+    return { min: Math.min(min, max), max: Math.max(min, max) };
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SliderComponent };
+export { SliderComponent, SliderComponent as SliderInputDirective, SliderRootComponent };
 //# sourceMappingURL=ojiepermana-angular-component-slider.mjs.map

package/fesm2022/ojiepermana-angular-component-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-component-slider.mjs","sources":["../../../projects/angular/component/slider/src/lib/slider.component.ts","../../../projects/angular/component/slider/ojiepermana-angular-component-slider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\n/**\n * Styled native range input. Works with `ngModel` / `FormControl` via\n * Angular's built-in `RangeValueAccessor`. Keyboard + ARIA handled by the browser.\n */\n@Component({\n  selector: 'input[type=range][ui-slider]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: '',\n  styleUrl: './slider.component.css',\n})\nexport class SliderComponent {\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'ui-slider relative w-full appearance-none bg-transparent',\n      'focus-visible:outline-none',\n      'disabled:pointer-events-none disabled:opacity-50',\n      this.class(),\n    ),\n  );\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;MAQU,eAAe,CAAA;AACT,IAAA,EAAE,GAAG,MAAM,CAA+B,UAAU,CAAC;AAC7D,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;IAEf,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CACA,0DAA0D,EAC1D,4BAA4B,EAC5B,kDAAkD,EAClD,IAAI,CAAC,KAAK,EAAE,CACb,8EACF;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;IAC/B;wGAfW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,4QAHhB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kpCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGD,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,8BAA8B,EAAA,eAAA,EACvB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAA,QAAA,EACtB,EAAE,EAAA,MAAA,EAAA,CAAA,kpCAAA,CAAA,EAAA;;;ACXd;;AAEG;;;;"}
+{"version":3,"file":"ojiepermana-angular-component-slider.mjs","sources":["../../../projects/angular/component/slider/slider.component.ts","../../../projects/angular/component/slider/slider-root.component.ts","../../../projects/angular/component/slider/ojiepermana-angular-component-slider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\n/**\n * Styled native range input. Works with `ngModel` / `FormControl` via\n * Angular's built-in `RangeValueAccessor`. Keyboard + ARIA handled by the browser.\n */\n@Component({\n  selector: 'input[type=range][ui-slider]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: '',\n  styleUrl: './slider.component.css',\n})\nexport class SliderComponent {\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'ui-slider relative w-full appearance-none bg-transparent',\n      'focus-visible:outline-none',\n      'disabled:pointer-events-none disabled:opacity-50',\n      this.class(),\n    ),\n  );\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\nexport type SliderOrientation = 'horizontal' | 'vertical';\n\ninterface SliderConfig {\n  readonly min: number;\n  readonly max: number;\n  readonly step: number;\n  readonly minStepsBetweenThumbs: number;\n}\n\ninterface SliderThumbState {\n  readonly index: number;\n  readonly value: number;\n  readonly position: number;\n  readonly min: number;\n  readonly max: number;\n  readonly label: string | null;\n}\n\n@Component({\n  selector: 'ui-slider',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-orientation]': 'orientation()',\n    '(window:pointermove)': 'onWindowPointerMove($event)',\n    '(window:pointerup)': 'onWindowPointerUp($event)',\n    '(window:pointercancel)': 'onWindowPointerUp($event)',\n  },\n  template: `\n    <div #track class=\"ui-slider__track\" (pointerdown)=\"onTrackPointerDown($event)\">\n      <div\n        class=\"ui-slider__range\"\n        [style.left.%]=\"orientation() === 'horizontal' ? rangeOffset() : null\"\n        [style.width.%]=\"orientation() === 'horizontal' ? rangeSize() : null\"\n        [style.bottom.%]=\"orientation() === 'vertical' ? rangeOffset() : null\"\n        [style.height.%]=\"orientation() === 'vertical' ? rangeSize() : null\"></div>\n\n      @for (thumb of thumbs(); track thumb.index) {\n        <button\n          type=\"button\"\n          class=\"ui-slider__thumb\"\n          [style.left.%]=\"orientation() === 'horizontal' ? thumb.position : 50\"\n          [style.top.%]=\"orientation() === 'horizontal' ? 50 : null\"\n          [style.bottom.%]=\"orientation() === 'vertical' ? thumb.position : null\"\n          [attr.aria-describedby]=\"ariaDescribedby()\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-label]=\"thumb.label\"\n          [attr.aria-labelledby]=\"thumb.label ? null : ariaLabelledby()\"\n          [attr.aria-orientation]=\"orientation()\"\n          [attr.aria-valuemax]=\"thumb.max\"\n          [attr.aria-valuemin]=\"thumb.min\"\n          [attr.aria-valuenow]=\"thumb.value\"\n          [attr.data-index]=\"thumb.index\"\n          [attr.data-state]=\"isDisabled() ? 'disabled' : 'active'\"\n          [tabIndex]=\"isDisabled() ? -1 : activeThumbIndex() === thumb.index ? 0 : -1\"\n          role=\"slider\"\n          (focus)=\"onThumbFocus(thumb.index)\"\n          (keydown)=\"onThumbKeydown($event, thumb.index)\"\n          (pointerdown)=\"onThumbPointerDown($event, thumb.index)\"></button>\n      }\n    </div>\n  `,\n  styleUrl: './slider-root.component.css',\n})\nexport class SliderRootComponent {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly document = inject(DOCUMENT);\n  private readonly track = viewChild.required<ElementRef<HTMLElement>>('track');\n\n  readonly value = input<readonly number[]>([0]);\n  readonly min = input(0, { transform: numberAttribute });\n  readonly max = input(100, { transform: numberAttribute });\n  readonly step = input(1, { transform: numberAttribute });\n  readonly minStepsBetweenThumbs = input(0, { transform: numberAttribute });\n  readonly orientation = input<SliderOrientation>('horizontal');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly thumbLabels = input<readonly string[] | null>(null);\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n  readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n  readonly class = input<string>('');\n\n  readonly valueChange = output<readonly number[]>();\n\n  private readonly disabledState = signal(false);\n  private readonly valueState = signal<number[]>([0]);\n  protected readonly activeThumbIndex = signal(0);\n  private readonly draggedThumbIndex = signal<number | null>(null);\n  private readonly pointerId = signal<number | null>(null);\n\n  private readonly config = computed<SliderConfig>(() => ({\n    min: Math.min(this.min(), this.max()),\n    max: Math.max(this.min(), this.max()),\n    step: this.step() > 0 ? this.step() : 1,\n    minStepsBetweenThumbs: Math.max(0, Math.floor(this.minStepsBetweenThumbs())),\n  }));\n\n  protected readonly isDisabled = computed(() => this.disabled() || this.disabledState());\n  protected readonly hostClasses = computed(() =>\n    cn(\n      'ui-slider-root relative flex touch-none select-none',\n      this.orientation() === 'horizontal' ? 'h-5 w-full items-center' : 'h-32 w-5 justify-center',\n      this.isDisabled() ? 'opacity-50' : '',\n      this.class(),\n    ),\n  );\n\n  protected readonly thumbs = computed<readonly SliderThumbState[]>(() => {\n    const values = this.valueState();\n    const config = this.config();\n\n    return values.map((value, index) => {\n      const bounds = thumbBounds(values, index, config);\n\n      return {\n        index,\n        value,\n        position: this.positionPercent(value),\n        min: bounds.min,\n        max: bounds.max,\n        label: this.thumbLabel(index, values.length),\n      };\n    });\n  });\n\n  protected readonly rangeOffset = computed(() => {\n    const span = this.rangeSpan();\n    return span.start;\n  });\n\n  protected readonly rangeSize = computed(() => {\n    const span = this.rangeSpan();\n    return span.end - span.start;\n  });\n\n  private readonly syncExternalValue = effect(() => {\n    const normalized = normalizeSliderValues(this.value(), this.config());\n\n    untracked(() => {\n      if (!sameValues(normalized, this.valueState())) {\n        this.valueState.set(normalized);\n      }\n\n      this.activeThumbIndex.set(clampIndex(this.activeThumbIndex(), normalized.length));\n    });\n  });\n\n  onTrackPointerDown(event: PointerEvent): void {\n    if (this.isDisabled() || event.button !== 0) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const nextValue = this.valueFromPointer(event);\n    if (nextValue == null) {\n      return;\n    }\n\n    const thumbIndex = this.closestThumbIndex(nextValue);\n    this.activeThumbIndex.set(thumbIndex);\n    this.updateThumbValue(thumbIndex, nextValue);\n    this.beginDrag(event, thumbIndex);\n  }\n\n  onThumbPointerDown(event: PointerEvent, index: number): void {\n    if (this.isDisabled() || event.button !== 0) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.activeThumbIndex.set(index);\n    this.beginDrag(event, index);\n  }\n\n  onWindowPointerMove(event: PointerEvent): void {\n    if (this.pointerId() !== event.pointerId) {\n      return;\n    }\n\n    const thumbIndex = this.draggedThumbIndex();\n    if (thumbIndex == null) {\n      return;\n    }\n\n    const nextValue = this.valueFromPointer(event);\n    if (nextValue == null) {\n      return;\n    }\n\n    event.preventDefault();\n    this.updateThumbValue(thumbIndex, nextValue);\n  }\n\n  onWindowPointerUp(event: PointerEvent): void {\n    if (this.pointerId() !== event.pointerId) {\n      return;\n    }\n\n    this.draggedThumbIndex.set(null);\n    this.pointerId.set(null);\n  }\n\n  onThumbFocus(index: number): void {\n    this.activeThumbIndex.set(index);\n  }\n\n  onThumbKeydown(event: KeyboardEvent, index: number): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    const current = this.valueState()[index];\n    const config = this.config();\n    const pageStep = config.step * 10;\n    const direction = this.resolvedDirection();\n    let nextValue: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        nextValue = current + (direction === 'rtl' && this.orientation() === 'horizontal' ? -config.step : config.step);\n        break;\n      case 'ArrowLeft':\n        nextValue = current + (direction === 'rtl' && this.orientation() === 'horizontal' ? config.step : -config.step);\n        break;\n      case 'ArrowUp':\n        nextValue = current + config.step;\n        break;\n      case 'ArrowDown':\n        nextValue = current - config.step;\n        break;\n      case 'PageUp':\n        nextValue = current + pageStep;\n        break;\n      case 'PageDown':\n        nextValue = current - pageStep;\n        break;\n      case 'Home':\n        nextValue = thumbBounds(this.valueState(), index, config).min;\n        break;\n      case 'End':\n        nextValue = thumbBounds(this.valueState(), index, config).max;\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    this.activeThumbIndex.set(index);\n    this.updateThumbValue(index, nextValue);\n  }\n\n  private beginDrag(event: PointerEvent, index: number): void {\n    this.pointerId.set(event.pointerId);\n    this.draggedThumbIndex.set(index);\n    this.focusThumb(index);\n  }\n\n  private updateThumbValue(index: number, rawValue: number): void {\n    const current = this.valueState();\n    const bounds = thumbBounds(current, index, this.config());\n    const nextValues = current.slice();\n\n    nextValues[index] = snapWithinBounds(rawValue, bounds.min, bounds.max, this.config());\n\n    if (sameValues(nextValues, current)) {\n      return;\n    }\n\n    this.valueState.set(nextValues);\n    this.valueChange.emit(nextValues);\n  }\n\n  private valueFromPointer(event: PointerEvent): number | null {\n    const track = this.track().nativeElement;\n    const rect = track.getBoundingClientRect();\n    const config = this.config();\n\n    if (rect.width <= 0 || rect.height <= 0) {\n      return null;\n    }\n\n    let ratio = 0;\n\n    if (this.orientation() === 'horizontal') {\n      const physicalRatio = clamp((event.clientX - rect.left) / rect.width, 0, 1);\n      ratio = this.resolvedDirection() === 'rtl' ? 1 - physicalRatio : physicalRatio;\n    } else {\n      ratio = clamp((rect.bottom - event.clientY) / rect.height, 0, 1);\n    }\n\n    return config.min + ratio * (config.max - config.min);\n  }\n\n  private closestThumbIndex(nextValue: number): number {\n    const values = this.valueState();\n    let bestIndex = 0;\n    let bestDistance = Number.POSITIVE_INFINITY;\n\n    values.forEach((value, index) => {\n      const distance = Math.abs(value - nextValue);\n      if (distance < bestDistance) {\n        bestDistance = distance;\n        bestIndex = index;\n      }\n    });\n\n    return bestIndex;\n  }\n\n  private rangeSpan(): { start: number; end: number } {\n    const positions = this.valueState().map((value) => this.positionPercent(value));\n\n    if (!positions.length) {\n      return { start: 0, end: 0 };\n    }\n\n    if (positions.length === 1) {\n      const minBoundary = this.positionPercent(this.config().min);\n      return {\n        start: Math.min(minBoundary, positions[0]),\n        end: Math.max(minBoundary, positions[0]),\n      };\n    }\n\n    return {\n      start: Math.min(...positions),\n      end: Math.max(...positions),\n    };\n  }\n\n  private positionPercent(value: number): number {\n    const config = this.config();\n    const range = config.max - config.min;\n\n    if (range <= 0) {\n      return this.orientation() === 'horizontal' && this.resolvedDirection() === 'rtl' ? 100 : 0;\n    }\n\n    const logicalRatio = (value - config.min) / range;\n    const physicalRatio =\n      this.orientation() === 'horizontal' && this.resolvedDirection() === 'rtl' ? 1 - logicalRatio : logicalRatio;\n\n    return clamp(physicalRatio * 100, 0, 100);\n  }\n\n  private thumbLabel(index: number, count: number): string | null {\n    const labels = this.thumbLabels();\n\n    if (labels?.[index]) {\n      return labels[index] ?? null;\n    }\n\n    if (count === 1) {\n      return this.ariaLabel();\n    }\n\n    return this.ariaLabel() ? `${this.ariaLabel()} ${index + 1}` : `Slider thumb ${index + 1}`;\n  }\n\n  private focusThumb(index: number): void {\n    const thumb = this.host.nativeElement.querySelector<HTMLButtonElement>(`.ui-slider__thumb[data-index=\"${index}\"]`);\n    thumb?.focus();\n  }\n\n  private resolvedDirection(): 'ltr' | 'rtl' {\n    const host = this.host.nativeElement;\n\n    if (host.dir === 'ltr' || host.dir === 'rtl') {\n      return host.dir;\n    }\n\n    const view = this.document.defaultView;\n    if (!view) {\n      return 'ltr';\n    }\n\n    return view.getComputedStyle(host).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction clampIndex(index: number, length: number): number {\n  return clamp(index, 0, Math.max(length - 1, 0));\n}\n\nfunction decimalPlaces(value: number): number {\n  const text = `${value}`;\n  const fraction = text.split('.')[1];\n  return fraction?.length ?? 0;\n}\n\nfunction normalizeSliderValues(values: readonly number[], config: SliderConfig): number[] {\n  const incoming = values.length ? [...values] : [config.min];\n  const sorted = incoming.map((value) => snapToStep(value, config)).sort((left, right) => left - right);\n  const gap = config.step * config.minStepsBetweenThumbs;\n  const normalized: number[] = [];\n\n  sorted.forEach((value, index) => {\n    const remaining = sorted.length - index - 1;\n    const min = index === 0 ? config.min : normalized[index - 1] + gap;\n    const max = Math.max(min, config.max - remaining * gap);\n    normalized.push(snapWithinBounds(value, min, max, config));\n  });\n\n  return normalized;\n}\n\nfunction sameValues(left: readonly number[], right: readonly number[]): boolean {\n  return left.length === right.length && left.every((value, index) => value === right[index]);\n}\n\nfunction snapToStep(value: number, config: SliderConfig): number {\n  const ratio = (value - config.min) / config.step;\n  const snapped = config.min + Math.round(ratio) * config.step;\n  const precision = Math.max(decimalPlaces(config.step), decimalPlaces(config.min));\n  return Number(snapped.toFixed(precision));\n}\n\nfunction snapWithinBounds(value: number, min: number, max: number, config: SliderConfig): number {\n  const boundedMin = Math.min(min, max);\n  const boundedMax = Math.max(min, max);\n  const snapped = snapToStep(value, config);\n  return clamp(snapped, boundedMin, boundedMax);\n}\n\nfunction thumbBounds(values: readonly number[], index: number, config: SliderConfig): { min: number; max: number } {\n  const gap = config.step * config.minStepsBetweenThumbs;\n  const min = index === 0 ? config.min : values[index - 1] + gap;\n  const max = index === values.length - 1 ? config.max : values[index + 1] - gap;\n  return { min: Math.min(min, max), max: Math.max(min, max) };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-component-spinner.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@ojiepermana/angular/component/utils';
+
+class SpinnerComponent {
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    decorative = input(false, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaLabel = input('Loading', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    classes = computed(() => cn('inline-flex size-4 shrink-0 items-center justify-center align-middle text-current', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: SpinnerComponent, isStandalone: true, selector: "ui-spinner", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "spinner" }, properties: { "class": "classes()", "attr.role": "decorative() ? null : \"status\"", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-label": "decorative() || ariaLabelledby() ? null : ariaLabel()", "attr.aria-labelledby": "decorative() ? null : ariaLabelledby()" } }, ngImport: i0, template: `
+    <svg
+      aria-hidden="true"
+      class="size-full animate-spin motion-reduce:animate-none"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2">
+      <circle cx="12" cy="12" r="9" class="opacity-20" />
+      <path d="M21 12a9 9 0 0 0-9-9" stroke-linecap="round" />
+    </svg>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-spinner',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.role]': 'decorative() ? null : "status"',
+                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
+                        '[attr.aria-label]': 'decorative() || ariaLabelledby() ? null : ariaLabel()',
+                        '[attr.aria-labelledby]': 'decorative() ? null : ariaLabelledby()',
+                        'data-slot': 'spinner',
+                    },
+                    template: `
+    <svg
+      aria-hidden="true"
+      class="size-full animate-spin motion-reduce:animate-none"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2">
+      <circle cx="12" cy="12" r="9" class="opacity-20" />
+      <path d="M21 12a9 9 0 0 0-9-9" stroke-linecap="round" />
+    </svg>
+  `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpinnerComponent };
+//# sourceMappingURL=ojiepermana-angular-component-spinner.mjs.map

package/fesm2022/ojiepermana-angular-component-spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-component-spinner.mjs","sources":["../../../projects/angular/component/spinner/spinner.component.ts","../../../projects/angular/component/spinner/ojiepermana-angular-component-spinner.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\n@Component({\n  selector: 'ui-spinner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': 'decorative() ? null : \"status\"',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n    '[attr.aria-label]': 'decorative() || ariaLabelledby() ? null : ariaLabel()',\n    '[attr.aria-labelledby]': 'decorative() ? null : ariaLabelledby()',\n    'data-slot': 'spinner',\n  },\n  template: `\n    <svg\n      aria-hidden=\"true\"\n      class=\"size-full animate-spin motion-reduce:animate-none\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" class=\"opacity-20\" />\n      <path d=\"M21 12a9 9 0 0 0-9-9\" stroke-linecap=\"round\" />\n    </svg>\n  `,\n})\nexport class SpinnerComponent {\n  readonly class = input<string>('');\n  readonly decorative = input(false, { transform: booleanAttribute });\n  readonly ariaLabel = input<string>('Loading', { alias: 'aria-label' });\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n\n  protected readonly classes = computed(() =>\n    cn('inline-flex size-4 shrink-0 items-center justify-center align-middle text-current', this.class()),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA2Ba,gBAAgB,CAAA;IAClB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;IACzB,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC1D,SAAS,GAAG,KAAK,CAAS,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAC7D,cAAc,GAAG,KAAK,CAAgB,IAAI,sFAAI,KAAK,EAAE,iBAAiB,EAAA,CAAG;AAE/D,IAAA,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CAAC,mFAAmF,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;gFACtG;uGARU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,EAAA,kCAAA,EAAA,kBAAA,EAAA,gCAAA,EAAA,iBAAA,EAAA,uDAAA,EAAA,sBAAA,EAAA,wCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbjB;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAxB5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;oBACtB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,aAAa,EAAE,gCAAgC;AAC/C,wBAAA,oBAAoB,EAAE,8BAA8B;AACpD,wBAAA,mBAAmB,EAAE,uDAAuD;AAC5E,wBAAA,wBAAwB,EAAE,wCAAwC;AAClE,wBAAA,WAAW,EAAE,SAAS;AACvB,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;;;;;;;;AAWT,EAAA,CAAA;AACF,iBAAA;;;AC1BD;;AAEG;;;;"}