@ojiepermana/angular 22.0.1 → 22.0.27

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

@@ -1,31 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils';
-
-class SkeletonComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('block animate-pulse rounded-md bg-muted', 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: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: SkeletonComponent, isStandalone: true, selector: "ui-skeleton", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-hidden": "\"true\"" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SkeletonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-skeleton',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.aria-hidden]': '"true"',
-                    },
-                    template: '',
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkeletonComponent };
-//# sourceMappingURL=ojiepermana-angular-component-skeleton.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ojiepermana-angular-component-skeleton.mjs","sources":["../../../projects/angular/component/skeleton/skeleton.component.ts","../../../projects/angular/component/skeleton/ojiepermana-angular-component-skeleton.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\n@Component({\n  selector: 'ui-skeleton',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-hidden]': '\"true\"',\n  },\n  template: '',\n})\nexport class SkeletonComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('block animate-pulse rounded-md bg-muted', this.class()));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAYa,iBAAiB,CAAA;IACnB,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,yCAAyC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;gFAAC;uGAH7F,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,2RAFlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAED,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;oBACvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,oBAAoB,EAAE,QAAQ;AAC/B,qBAAA;AACD,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;ACXD;;AAEG;;;;"}

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

@@ -1,423 +0,0 @@
-import * as i0 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
- * Angular's built-in `RangeValueAccessor`. Keyboard + ARIA handled by the browser.
- */
-class SliderComponent {
-    el = inject(ElementRef);
-    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: "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: "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, SliderComponent as SliderInputDirective, SliderRootComponent };
-//# sourceMappingURL=ojiepermana-angular-component-slider.mjs.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}