@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-slider.mjs

@@ -0,0 +1,337 @@
+import * as i0 from '@angular/core';
+import { inject, linkedSignal, Directive, ElementRef, computed, viewChild, viewChildren, model, input, numberAttribute, booleanAttribute, effect, untracked, afterNextRender, Component, ChangeDetectionStrategy } from '@angular/core';
+import { Directionality } from '@ngbase/adk/bidi';
+import * as i1 from '@ngbase/adk/drag';
+import { Drag } from '@ngbase/adk/drag';
+import { provideValueAccessor } from '@ngbase/adk/utils';
+
+class SliderTrack {
+    constructor() {
+        this.slider = inject(NgbSlider);
+        this.drag = inject(Drag);
+        this.drag._disabled = linkedSignal(this.slider.disabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: SliderTrack, isStandalone: true, selector: "[ngbSliderTrack]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "overflow: hidden; position: relative;" }, hostDirectives: [{ directive: i1.Drag }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderTrack, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSliderTrack]',
+                    hostDirectives: [Drag],
+                    host: {
+                        style: 'overflow: hidden; position: relative;',
+                        '[attr.aria-disabled]': 'slider.disabled()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class SliderRange {
+    constructor() {
+        this.slider = inject(NgbSlider);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: SliderRange, isStandalone: true, selector: "[ngbSliderRange]", host: { properties: { "attr.aria-disabled": "slider.disabled()" }, styleAttribute: "position: absolute;" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderRange, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSliderRange]',
+                    host: {
+                        '[attr.aria-disabled]': 'slider.disabled()',
+                        style: 'position: absolute;',
+                    },
+                }]
+        }] });
+class SliderThumb {
+    constructor() {
+        this.slider = inject(NgbSlider);
+        this.el = inject(ElementRef);
+        this.index = computed(() => {
+            return this.slider.thumbs().findIndex(t => t.nativeElement === this.el.nativeElement);
+        });
+        this.value = computed(() => {
+            const values = this.slider.value();
+            if (!values)
+                return values;
+            return this.slider.range() > 1 ? values[this.index()] : values;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: SliderThumb, isStandalone: true, selector: "[ngbSliderThumb]", host: { attributes: { "type": "button", "role": "slider" }, properties: { "attr.tabindex": "slider.disabled() ? -1 : 0", "attr.aria-disabled": "slider.disabled()", "attr.aria-valuemin": "slider.min()", "attr.aria-valuemax": "slider.max()", "attr.aria-valuenow": "value()" }, styleAttribute: "position: absolute; pointer-events: none;" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SliderThumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSliderThumb]',
+                    host: {
+                        type: 'button',
+                        role: 'slider',
+                        style: 'position: absolute; pointer-events: none;',
+                        '[attr.tabindex]': 'slider.disabled() ? -1 : 0',
+                        '[attr.aria-disabled]': 'slider.disabled()',
+                        '[attr.aria-valuemin]': 'slider.min()',
+                        '[attr.aria-valuemax]': 'slider.max()',
+                        '[attr.aria-valuenow]': 'value()',
+                    },
+                }]
+        }] });
+class NgbSlider {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.dir = inject(Directionality); // this.dir.isRtl();
+        this.drag = viewChild.required(Drag);
+        this.track = viewChild.required(SliderRange, {
+            read: ElementRef,
+        });
+        this.thumbs = viewChildren(SliderThumb, {
+            read: ElementRef,
+        });
+        this.value = model();
+        this.step = input(1, { transform: numberAttribute });
+        this.min = input(0, { transform: numberAttribute });
+        this.max = input(100, { transform: numberAttribute });
+        this.range = input(1, { transform: numberAttribute });
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.orientation = input('horizontal');
+        this.noOfThumbs = computed(() => Array.from({ length: this.range() }, (_, i) => i));
+        this.totalSteps = computed(() => (this.max() - this.min()) / this.step());
+        this.values = [];
+        this.activeIndex = 0;
+        this.totalWidth = 0;
+        this.totalSliderWidth = 0;
+        effect(() => {
+            const value = this.value() || 0;
+            // we need to update the value direction when direction changes
+            const _ = this.dir.isRtl();
+            if (this.thumbs().length) {
+                untracked(() => this.handleValueUpdate(value));
+            }
+        });
+        afterNextRender(() => {
+            this.drag().events.subscribe(data => this.move(data));
+        });
+    }
+    handleValueUpdate(value) {
+        const values = this.values;
+        const range = this.range() > 1;
+        if ((range && value !== values) || (!range && value !== values[0])) {
+            const v = Array.isArray(value) ? value : [value];
+            this.values = v.map(v => this.fixStep(v));
+        }
+        this.updateElement();
+    }
+    updateElement() {
+        const positions = this.values.map(x => this.toPercentage(x));
+        const isVertical = this.orientation() === 'vertical';
+        const isRtl = !isVertical && this.dir.isRtl();
+        const track = this.track().nativeElement;
+        // Update thumb positions
+        this.thumbs().forEach((thumb, i) => {
+            const value = this.values[i];
+            let pos = isVertical ? 100 - positions[i] : positions[i];
+            // Invert position for RTL
+            if (isRtl) {
+                pos = 100 - pos;
+            }
+            const prop = isVertical ? 'top' : 'left';
+            const thumbSize = this.getThumbSize(value, thumb.nativeElement.offsetWidth);
+            const offset = isVertical || isRtl ? -thumbSize : thumbSize;
+            thumb.nativeElement.style[prop] = `calc(${pos}% + ${offset}px)`;
+        });
+        // Update track position
+        const [min, max] = positions.length > 1 ? [Math.min(...positions), Math.max(...positions)] : [0, positions[0]];
+        if (isVertical) {
+            track.style.top = 100 - max + '%';
+            track.style.bottom = min + '%';
+            track.style.width = '100%';
+        }
+        else {
+            track.style.left = (isRtl ? 100 - max : min) + '%';
+            track.style.right = (isRtl ? min : 100 - max) + '%';
+            track.style.height = '100%';
+        }
+    }
+    getThumbSize(value, thumbSize = 0) {
+        const currentStep = (value - this.min()) / this.step();
+        const halfSteps = this.totalSteps() / 2;
+        const halfThumbSize = thumbSize / 2;
+        // Return 0 for middle, positive offset for first half, negative for second half
+        const offset = currentStep - halfSteps;
+        return -(offset / halfSteps) * halfThumbSize;
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    get width() {
+        return this.orientation() === 'vertical'
+            ? this.el.nativeElement.clientHeight
+            : this.el.nativeElement.clientWidth;
+    }
+    // We need to consider the min value also because the slider can be negative
+    toPercentage(value) {
+        const min = this.min();
+        const max = this.max();
+        const range = max - min;
+        const percentage = ((value - min) / range) * 100;
+        return percentage;
+    }
+    fromPercentage(percentage) {
+        const min = this.min();
+        const max = this.max();
+        const range = max - min;
+        const value = (percentage / 100) * range + min;
+        return value;
+    }
+    move(data) {
+        requestAnimationFrame(() => this.moveSlider(data));
+    }
+    clicked(clientX) {
+        const slider = this.el.nativeElement;
+        const rect = slider.getBoundingClientRect();
+        const isVertical = this.orientation() === 'vertical';
+        const isRtl = !isVertical && this.dir.isRtl();
+        let position;
+        if (isVertical) {
+            position = rect.top;
+        }
+        else {
+            position = isRtl ? rect.right : rect.left;
+            clientX = isRtl ? -clientX : clientX; // Invert the click position for RTL
+        }
+        return this.perRound(clientX + (isRtl ? position : -position), this.width, isVertical);
+    }
+    perRound(x, width, reverse = false) {
+        // the new percentage of the slider
+        let percentage = (x / width) * 100;
+        if (reverse) {
+            percentage = 100 - percentage;
+        }
+        // convert percentage to value
+        return this.fromPercentage(percentage);
+    }
+    fixStep(value = this.min()) {
+        // make sure the value is within the min and max
+        // we need to make the percentage to be a multiple of the step
+        value = parseFloat((Math.round(value / this.step()) * this.step()).toFixed(10));
+        return Math.max(this.min(), Math.min(this.max(), value));
+    }
+    moveSlider(data) {
+        data.event?.preventDefault();
+        const isVertical = this.orientation() === 'vertical';
+        const isRtl = !isVertical && this.dir.isRtl();
+        let cx = data.clientX;
+        let x = data.x;
+        if (isVertical) {
+            cx = data.clientY;
+            x = -data.y;
+        }
+        else if (isRtl) {
+            x = -x; // Invert the movement for RTL
+        }
+        // convert value to percentage based on the max value
+        if (data.type === 'start') {
+            const clickedValue = this.clicked(cx);
+            const valuePercentage = this.toPercentage(clickedValue);
+            // total width of the slider
+            this.totalWidth = this.width;
+            // the width of the slider using current percentage
+            this.totalSliderWidth = this.totalWidth * (valuePercentage / 100);
+            // make sure the values are equal length as the range
+            if (this.values.length !== this.range()) {
+                this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.min());
+            }
+            // sort the values
+            this.values = this.values.sort((a, b) => a - b);
+            // find the nearest value index based on the percentage
+            this.activeIndex = this.values.reduce((closestIndex, value, index) => {
+                const diff = Math.abs(this.toPercentage(value) - valuePercentage);
+                return diff < Math.abs(this.toPercentage(this.values[closestIndex]) - valuePercentage)
+                    ? index
+                    : closestIndex;
+            }, 0);
+            this.updateValue(this.activeIndex, clickedValue);
+            if (this.values[this.activeIndex] !== this.value()) {
+                this.notifyChange();
+            }
+        }
+        else if (data.type === 'move') {
+            // the new percentage of the slider
+            const newSize = this.totalSliderWidth + x;
+            const percentage = this.perRound(newSize, this.totalWidth);
+            // update the value only when the percentage is different and within the range
+            const prevValue = this.values[this.activeIndex];
+            const currentValue = this.updateValue(this.activeIndex, percentage);
+            if (prevValue !== currentValue) {
+                this.notifyChange();
+            }
+        }
+        else {
+            this.totalWidth = 0;
+            this.totalSliderWidth = 0;
+        }
+    }
+    updateValue(index, value) {
+        const values = this.values;
+        let stepValue = this.fixStep(value);
+        // Clamp the value between min and max
+        stepValue = Math.max(this.min(), Math.min(this.max(), stepValue));
+        values[index] = stepValue;
+        this.values = values.sort((a, b) => a - b);
+        this.activeIndex = this.values.findIndex(v => v === stepValue);
+        return stepValue;
+    }
+    notifyChange() {
+        const percentage = this.range() > 1 ? [...this.values] : this.values[0];
+        this.value.set(percentage);
+        this.onChange?.(percentage);
+        this.onTouched?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbSlider, isStandalone: true, selector: "[ngbSlider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", 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 }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, providers: [provideValueAccessor(NgbSlider)], viewQueries: [{ propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }, { propertyName: "track", first: true, predicate: SliderRange, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "thumbs", predicate: SliderThumb, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbSlider"], ngImport: i0, template: `
+    <div ngbSliderTrack>
+      <div ngbSliderRange></div>
+    </div>
+    @for (thumb of noOfThumbs(); track thumb) {
+      <button ngbSliderThumb></button>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: SliderTrack, selector: "[ngbSliderTrack]" }, { kind: "directive", type: SliderRange, selector: "[ngbSliderRange]" }, { kind: "directive", type: SliderThumb, selector: "[ngbSliderThumb]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbSlider]',
+                    exportAs: 'ngbSlider',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [provideValueAccessor(NgbSlider)],
+                    imports: [SliderTrack, SliderRange, SliderThumb],
+                    template: `
+    <div ngbSliderTrack>
+      <div ngbSliderRange></div>
+    </div>
+    @for (thumb of noOfThumbs(); track thumb) {
+      <button ngbSliderThumb></button>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+const provideSlider = (slider) => [
+    { provide: NgbSlider, useExisting: slider },
+    provideValueAccessor(slider),
+];
+
+/*
+ * Public API Surface of slider
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbSlider, SliderRange, SliderThumb, SliderTrack, provideSlider };
+//# sourceMappingURL=ngbase-adk-slider.mjs.map

package/fesm2022/ngbase-adk-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-slider.mjs","sources":["../../../projects/adk/slider/slider.ts","../../../projects/adk/slider/public-api.ts","../../../projects/adk/slider/ngbase-adk-slider.ts"],"sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  numberAttribute,\n  Type,\n  untracked,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { Directionality } from '@ngbase/adk/bidi';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: '[ngbSliderTrack]',\n  hostDirectives: [Drag],\n  host: {\n    style: 'overflow: hidden; position: relative;',\n    '[attr.aria-disabled]': 'slider.disabled()',\n  },\n})\nexport class SliderTrack {\n  readonly slider = inject(NgbSlider);\n  private readonly drag = inject(Drag);\n\n  constructor() {\n    this.drag._disabled = linkedSignal(this.slider.disabled);\n  }\n}\n\n@Directive({\n  selector: '[ngbSliderRange]',\n  host: {\n    '[attr.aria-disabled]': 'slider.disabled()',\n    style: 'position: absolute;',\n  },\n})\nexport class SliderRange {\n  readonly slider = inject(NgbSlider);\n}\n\n@Directive({\n  selector: '[ngbSliderThumb]',\n  host: {\n    type: 'button',\n    role: 'slider',\n    style: 'position: absolute; pointer-events: none;',\n    '[attr.tabindex]': 'slider.disabled() ? -1 : 0',\n    '[attr.aria-disabled]': 'slider.disabled()',\n    '[attr.aria-valuemin]': 'slider.min()',\n    '[attr.aria-valuemax]': 'slider.max()',\n    '[attr.aria-valuenow]': 'value()',\n  },\n})\nexport class SliderThumb {\n  readonly slider = inject(NgbSlider);\n  readonly el = inject(ElementRef);\n\n  readonly index = computed(() => {\n    return this.slider.thumbs().findIndex(t => t.nativeElement === this.el.nativeElement);\n  });\n  readonly value = computed(() => {\n    const values = this.slider.value();\n    if (!values) return values;\n    return this.slider.range() > 1 ? (values as number[])[this.index()] : values;\n  });\n}\n\n@Component({\n  selector: '[ngbSlider]',\n  exportAs: 'ngbSlider',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [provideValueAccessor(NgbSlider)],\n  imports: [SliderTrack, SliderRange, SliderThumb],\n  template: `\n    <div ngbSliderTrack>\n      <div ngbSliderRange></div>\n    </div>\n    @for (thumb of noOfThumbs(); track thumb) {\n      <button ngbSliderThumb></button>\n    }\n  `,\n})\nexport class NgbSlider implements ControlValueAccessor {\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly dir = inject(Directionality); // this.dir.isRtl();\n  private readonly drag = viewChild.required(Drag);\n  private readonly track = viewChild.required<SliderRange, ElementRef<HTMLElement>>(SliderRange, {\n    read: ElementRef,\n  });\n  readonly thumbs = viewChildren<SliderThumb, ElementRef<HTMLElement>>(SliderThumb, {\n    read: ElementRef,\n  });\n\n  readonly value = model<number | number[]>();\n  readonly step = input(1, { transform: numberAttribute });\n  readonly min = input(0, { transform: numberAttribute });\n  readonly max = input(100, { transform: numberAttribute });\n  readonly range = input(1, { transform: numberAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  private onChange?: (value: number | number[]) => {};\n  private onTouched?: () => {};\n\n  readonly noOfThumbs = computed(() => Array.from({ length: this.range() }, (_, i) => i));\n  private readonly totalSteps = computed(() => (this.max() - this.min()) / this.step());\n  private values: number[] = [];\n  private activeIndex = 0;\n  private totalWidth = 0;\n  private totalSliderWidth = 0;\n\n  constructor() {\n    effect(() => {\n      const value = this.value() || 0;\n      // we need to update the value direction when direction changes\n      const _ = this.dir.isRtl();\n      if (this.thumbs().length) {\n        untracked(() => this.handleValueUpdate(value));\n      }\n    });\n\n    afterNextRender(() => {\n      this.drag().events.subscribe(data => this.move(data));\n    });\n  }\n\n  private handleValueUpdate(value: number | number[]) {\n    const values = this.values;\n    const range = this.range() > 1;\n    if ((range && value !== values) || (!range && value !== values[0])) {\n      const v = Array.isArray(value) ? value : [value];\n      this.values = v.map(v => this.fixStep(v));\n    }\n\n    this.updateElement();\n  }\n\n  private updateElement() {\n    const positions = this.values.map(x => this.toPercentage(x));\n    const isVertical = this.orientation() === 'vertical';\n    const isRtl = !isVertical && this.dir.isRtl();\n    const track = this.track().nativeElement;\n\n    // Update thumb positions\n    this.thumbs().forEach((thumb, i) => {\n      const value = this.values[i];\n      let pos = isVertical ? 100 - positions[i] : positions[i];\n      // Invert position for RTL\n      if (isRtl) {\n        pos = 100 - pos;\n      }\n      const prop = isVertical ? 'top' : 'left';\n      const thumbSize = this.getThumbSize(value, thumb.nativeElement.offsetWidth);\n      const offset = isVertical || isRtl ? -thumbSize : thumbSize;\n      thumb.nativeElement.style[prop] = `calc(${pos}% + ${offset}px)`;\n    });\n\n    // Update track position\n    const [min, max] =\n      positions.length > 1 ? [Math.min(...positions), Math.max(...positions)] : [0, positions[0]];\n\n    if (isVertical) {\n      track.style.top = 100 - max + '%';\n      track.style.bottom = min + '%';\n      track.style.width = '100%';\n    } else {\n      track.style.left = (isRtl ? 100 - max : min) + '%';\n      track.style.right = (isRtl ? min : 100 - max) + '%';\n      track.style.height = '100%';\n    }\n  }\n\n  private getThumbSize(value: number, thumbSize: number = 0) {\n    const currentStep = (value - this.min()) / this.step();\n    const halfSteps = this.totalSteps() / 2;\n    const halfThumbSize = thumbSize / 2;\n\n    // Return 0 for middle, positive offset for first half, negative for second half\n    const offset = currentStep - halfSteps;\n    return -(offset / halfSteps) * halfThumbSize;\n  }\n\n  writeValue(value: number | number[]): void {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  private get width() {\n    return this.orientation() === 'vertical'\n      ? this.el.nativeElement.clientHeight\n      : this.el.nativeElement.clientWidth;\n  }\n\n  // We need to consider the min value also because the slider can be negative\n  private toPercentage(value: number) {\n    const min = this.min();\n    const max = this.max();\n    const range = max - min;\n    const percentage = ((value - min) / range) * 100;\n    return percentage;\n  }\n\n  private fromPercentage(percentage: number) {\n    const min = this.min();\n    const max = this.max();\n    const range = max - min;\n    const value = (percentage / 100) * range + min;\n    return value;\n  }\n\n  private move(data: DragData) {\n    requestAnimationFrame(() => this.moveSlider(data));\n  }\n\n  private clicked(clientX: number) {\n    const slider = this.el.nativeElement;\n    const rect = slider.getBoundingClientRect();\n    const isVertical = this.orientation() === 'vertical';\n    const isRtl = !isVertical && this.dir.isRtl();\n\n    let position: number;\n    if (isVertical) {\n      position = rect.top;\n    } else {\n      position = isRtl ? rect.right : rect.left;\n      clientX = isRtl ? -clientX : clientX; // Invert the click position for RTL\n    }\n\n    return this.perRound(clientX + (isRtl ? position : -position), this.width, isVertical);\n  }\n\n  private perRound(x: number, width: number, reverse = false) {\n    // the new percentage of the slider\n    let percentage = (x / width) * 100;\n    if (reverse) {\n      percentage = 100 - percentage;\n    }\n    // convert percentage to value\n    return this.fromPercentage(percentage);\n  }\n\n  private fixStep(value = this.min()) {\n    // make sure the value is within the min and max\n    // we need to make the percentage to be a multiple of the step\n    value = parseFloat((Math.round(value / this.step()) * this.step()).toFixed(10));\n    return Math.max(this.min(), Math.min(this.max(), value));\n  }\n\n  private moveSlider(data: DragData) {\n    data.event?.preventDefault();\n    const isVertical = this.orientation() === 'vertical';\n    const isRtl = !isVertical && this.dir.isRtl();\n\n    let cx = data.clientX!;\n    let x = data.x!;\n\n    if (isVertical) {\n      cx = data.clientY!;\n      x = -data.y!;\n    } else if (isRtl) {\n      x = -x; // Invert the movement for RTL\n    }\n    // convert value to percentage based on the max value\n    if (data.type === 'start') {\n      const clickedValue = this.clicked(cx);\n      const valuePercentage = this.toPercentage(clickedValue);\n      // total width of the slider\n      this.totalWidth = this.width;\n      // the width of the slider using current percentage\n      this.totalSliderWidth = this.totalWidth * (valuePercentage / 100);\n\n      // make sure the values are equal length as the range\n      if (this.values.length !== this.range()) {\n        this.values = Array.from({ length: this.range() }, (_, i) => this.values[i] || this.min());\n      }\n      // sort the values\n      this.values = this.values.sort((a, b) => a - b);\n\n      // find the nearest value index based on the percentage\n      this.activeIndex = this.values.reduce((closestIndex, value, index) => {\n        const diff = Math.abs(this.toPercentage(value) - valuePercentage);\n        return diff < Math.abs(this.toPercentage(this.values[closestIndex]) - valuePercentage)\n          ? index\n          : closestIndex;\n      }, 0);\n      this.updateValue(this.activeIndex, clickedValue);\n      if (this.values[this.activeIndex] !== this.value()) {\n        this.notifyChange();\n      }\n    } else if (data.type === 'move') {\n      // the new percentage of the slider\n      const newSize = this.totalSliderWidth + x;\n      const percentage = this.perRound(newSize, this.totalWidth);\n      // update the value only when the percentage is different and within the range\n      const prevValue = this.values[this.activeIndex];\n      const currentValue = this.updateValue(this.activeIndex, percentage);\n      if (prevValue !== currentValue) {\n        this.notifyChange();\n      }\n    } else {\n      this.totalWidth = 0;\n      this.totalSliderWidth = 0;\n    }\n  }\n\n  private updateValue(index: number, value: number) {\n    const values = this.values;\n    let stepValue = this.fixStep(value);\n\n    // Clamp the value between min and max\n    stepValue = Math.max(this.min(), Math.min(this.max(), stepValue));\n    values[index] = stepValue;\n\n    this.values = values.sort((a, b) => a - b);\n    this.activeIndex = this.values.findIndex(v => v === stepValue);\n    return stepValue;\n  }\n\n  private notifyChange() {\n    const percentage = this.range() > 1 ? [...this.values] : this.values[0];\n    this.value.set(percentage);\n    this.onChange?.(percentage);\n    this.onTouched?.();\n  }\n}\n\nexport const provideSlider = (slider: Type<NgbSlider>) => [\n  { provide: NgbSlider, useExisting: slider },\n  provideValueAccessor(slider),\n];\n","/*\n * Public API Surface of slider\n */\n\nexport { NgbSlider, SliderTrack, SliderRange, SliderThumb, provideSlider } from './slider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-sonner.mjs

@@ -0,0 +1,176 @@
+import * as i0 from '@angular/core';
+import { input, Directive, signal, Component, ChangeDetectionStrategy, Injectable, inject } from '@angular/core';
+import { basePortal } from '@ngbase/adk/portal';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { uniqueId } from '@ngbase/adk/utils';
+
+class SonnerBase {
+    constructor() {
+        this.ngbSonnerBase = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: SonnerBase, isStandalone: true, selector: "[ngbSonnerBase]", inputs: { ngbSonnerBase: { classPropertyName: "ngbSonnerBase", publicName: "ngbSonnerBase", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }", "@slideInOutAnimation": "" }, styleAttribute: "position: absolute; right: 0; display: flex; flex-direction: column;" }, exportAs: ["ngbSonnerBase"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerBase, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSonnerBase]',
+                    exportAs: 'ngbSonnerBase',
+                    host: {
+                        style: `position: absolute; right: 0; display: flex; flex-direction: column;`,
+                        '[style]': `{
+      'z-index': -ngbSonnerBase(),
+      bottom: 16 * ngbSonnerBase() + 'px',
+      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',
+      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',
+      opacity: ngbSonnerBase() < 3 ? 1 : 0,
+    }`,
+                        '[@slideInOutAnimation]': '',
+                    },
+                }]
+        }] });
+class NgbSonner {
+    constructor() {
+        this.messages = signal([]);
+    }
+    addMessage(message, type, data) {
+        const id = uniqueId();
+        const { timeout = 3000 } = data ?? {};
+        // push the new message to the top of the list
+        // so that it will be displayed first
+        // also the index is less than 3, the message will be visible
+        this.messages.update(x => [{ id, message, data, type }, ...x]);
+        if (timeout === 0)
+            return;
+        setTimeout(() => {
+            this.messages.update(x => x.filter(msg => msg.id !== id));
+        }, timeout);
+    }
+    clear() {
+        this.messages.set([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbSonner, isStandalone: true, selector: "ngb-sonner", ngImport: i0, template: `
+    <ul class="fixed bottom-0 right-0 flex flex-col gap-2">
+      @for (msg of messages(); track msg.id) {
+        <li
+          [ngbSonnerBase]="$index"
+          class="{{
+            'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +
+              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
+              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
+              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
+          }}"
+        >
+          <h4 class="flex items-center gap-b2 font-semibold">{{ msg.message }}</h4>
+          @if (msg.data?.description) {
+            <p class="text-muted">{{ msg.data?.description }}</p>
+          }
+        </li>
+      }
+    </ul>
+  `, isInline: true, dependencies: [{ kind: "directive", type: SonnerBase, selector: "[ngbSonnerBase]", inputs: ["ngbSonnerBase"], exportAs: ["ngbSonnerBase"] }], animations: [
+            trigger('slideInOutAnimation', [
+                state('1', style({ transform: 'none', opacity: 1 })),
+                state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
+                state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
+                transition('* => *', animate('300ms ease-out')),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSonner, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngb-sonner',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [SonnerBase],
+                    template: `
+    <ul class="fixed bottom-0 right-0 flex flex-col gap-2">
+      @for (msg of messages(); track msg.id) {
+        <li
+          [ngbSonnerBase]="$index"
+          class="{{
+            'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +
+              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +
+              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +
+              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')
+          }}"
+        >
+          <h4 class="flex items-center gap-b2 font-semibold">{{ msg.message }}</h4>
+          @if (msg.data?.description) {
+            <p class="text-muted">{{ msg.data?.description }}</p>
+          }
+        </li>
+      }
+    </ul>
+  `,
+                    animations: [
+                        trigger('slideInOutAnimation', [
+                            state('1', style({ transform: 'none', opacity: 1 })),
+                            state('void', style({ transform: 'translateY(100%)', opacity: 0 })),
+                            state('0', style({ transform: 'translateY(100%)', opacity: 0 })),
+                            transition('* => *', animate('300ms ease-out')),
+                        ]),
+                    ],
+                }]
+        }] });
+
+class SonnerService {
+    constructor() {
+        this.NAME = 'sonner';
+        this.base = basePortal(this.NAME, NgbSonner);
+    }
+    updateSonner(component = NgbSonner) {
+        this.base.updateBaseComponent(component);
+    }
+    addMessage(message, type, data) {
+        if (!this.sonner) {
+            const { parent, diaRef } = this.base.open();
+            this.sonner = { parent, diaRef };
+        }
+        this.sonner.parent.instance.addMessage(message, type, data);
+    }
+    closeAll() {
+        this.sonner?.parent.instance.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SonnerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function ngbSonnerPortal(component) {
+    const sonnerService = inject(SonnerService);
+    sonnerService.updateSonner(component);
+    function closeAll() {
+        sonnerService.closeAll();
+    }
+    function message(message, data) {
+        sonnerService.addMessage(message, 'default', data);
+    }
+    function success(message, data) {
+        sonnerService.addMessage(message, 'success', data);
+    }
+    function error(message, data) {
+        sonnerService.addMessage(message, 'error', data);
+    }
+    function warning(message, data) {
+        sonnerService.addMessage(message, 'warning', data);
+    }
+    function info(message, data) {
+        sonnerService.addMessage(message, 'info', data);
+    }
+    return { message, success, error, warning, info, closeAll };
+}
+
+/*
+ * Public API Surface of sonner
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbSonner, SonnerBase, SonnerService, ngbSonnerPortal };
+//# sourceMappingURL=ngbase-adk-sonner.mjs.map

package/fesm2022/ngbase-adk-sonner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-sonner.mjs","sources":["../../../projects/adk/sonner/sonner.ts","../../../projects/adk/sonner/sonner.service.ts","../../../projects/adk/sonner/public-api.ts","../../../projects/adk/sonner/ngbase-adk-sonner.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { ChangeDetectionStrategy, Component, Directive, input, signal } from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: '[ngbSonnerBase]',\n  exportAs: 'ngbSonnerBase',\n  host: {\n    style: `position: absolute; right: 0; display: flex; flex-direction: column;`,\n    '[style]': `{\n      'z-index': -ngbSonnerBase(),\n      bottom: 16 * ngbSonnerBase() + 'px',\n      visibility: ngbSonnerBase() < 3 ? 'visible' : 'hidden',\n      transform: 'scale(' + (1 - ngbSonnerBase() * 0.08) + ')',\n      opacity: ngbSonnerBase() < 3 ? 1 : 0,\n    }`,\n    '[@slideInOutAnimation]': '',\n  },\n})\nexport class SonnerBase {\n  readonly ngbSonnerBase = input.required<number>();\n}\n\n@Component({\n  selector: 'ngb-sonner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SonnerBase],\n  template: `\n    <ul class=\"fixed bottom-0 right-0 flex flex-col gap-2\">\n      @for (msg of messages(); track msg.id) {\n        <li\n          [ngbSonnerBase]=\"$index\"\n          class=\"{{\n            'm-4 w-96 gap-b rounded-base border bg-foreground p-4 shadow-lg transition-all duration-300' +\n              (msg.type === 'success' ? ' bg-green-50 text-green-600' : '') +\n              (msg.type === 'error' ? ' bg-red-50 text-red-600' : '') +\n              (msg.type === 'warning' ? ' bg-yellow-50 text-yellow-600' : '')\n          }}\"\n        >\n          <h4 class=\"flex items-center gap-b2 font-semibold\">{{ msg.message }}</h4>\n          @if (msg.data?.description) {\n            <p class=\"text-muted\">{{ msg.data?.description }}</p>\n          }\n        </li>\n      }\n    </ul>\n  `,\n  animations: [\n    trigger('slideInOutAnimation', [\n      state('1', style({ transform: 'none', opacity: 1 })),\n      state('void', style({ transform: 'translateY(100%)', opacity: 0 })),\n      state('0', style({ transform: 'translateY(100%)', opacity: 0 })),\n      transition('* => *', animate('300ms ease-out')),\n    ]),\n  ],\n})\nexport class NgbSonner {\n  readonly messages = signal<SonnerMessage[]>([]);\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    const id = uniqueId();\n    const { timeout = 3000 } = data ?? {};\n\n    // push the new message to the top of the list\n    // so that it will be displayed first\n    // also the index is less than 3, the message will be visible\n    this.messages.update(x => [{ id, message, data, type }, ...x]);\n\n    if (timeout === 0) return;\n    setTimeout(() => {\n      this.messages.update(x => x.filter(msg => msg.id !== id));\n    }, timeout);\n  }\n\n  clear() {\n    this.messages.set([]);\n  }\n}\n\nexport interface SonnerMessage {\n  message: string;\n  data?: SonnerData;\n  type?: SonnerType;\n  id?: string;\n}\n\nexport type SonnerType = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface SonnerData {\n  description?: string;\n  timeout?: number;\n}\n","import { ComponentRef, inject, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogRef } from '@ngbase/adk/portal';\nimport { NgbSonner, SonnerData, SonnerType } from './sonner';\n\n@Injectable({ providedIn: 'root' })\nexport class SonnerService {\n  private NAME = 'sonner';\n  private base = basePortal(this.NAME, NgbSonner);\n  private sonner: { parent: ComponentRef<NgbSonner>; diaRef: DialogRef<NgbSonner> } | undefined;\n\n  updateSonner(component: Type<NgbSonner> = NgbSonner) {\n    this.base.updateBaseComponent(component);\n  }\n\n  addMessage(message: string, type: SonnerType, data?: SonnerData) {\n    if (!this.sonner) {\n      const { parent, diaRef } = this.base.open();\n      this.sonner = { parent, diaRef };\n    }\n    this.sonner.parent.instance.addMessage(message, type, data);\n  }\n\n  closeAll() {\n    this.sonner?.parent.instance.clear();\n  }\n}\n\nexport function ngbSonnerPortal(component?: Type<NgbSonner>) {\n  const sonnerService = inject(SonnerService);\n\n  sonnerService.updateSonner(component);\n\n  function closeAll() {\n    sonnerService.closeAll();\n  }\n\n  function message(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'default', data);\n  }\n\n  function success(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'success', data);\n  }\n\n  function error(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'error', data);\n  }\n\n  function warning(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'warning', data);\n  }\n\n  function info(message: string, data?: SonnerData) {\n    sonnerService.addMessage(message, 'info', data);\n  }\n\n  return { message, success, error, warning, info, closeAll };\n}\n","/*\n * Public API Surface of sonner\n */\n\nexport * from './sonner.service';\nexport * from './sonner';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}