ng-primitives 0.0.5

package/fesm2022/ng-primitives-slider.mjs

@@ -0,0 +1,328 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Directive, HostListener, ElementRef, model, input, numberAttribute, booleanAttribute, contentChild, computed } from '@angular/core';
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const NgpSliderToken = new InjectionToken('NgpSliderToken');
+/**
+ * Inject the Slider directive instance
+ */
+function injectSlider() {
+    return inject(NgpSliderToken);
+}
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const NgpSliderRangeToken = new InjectionToken('NgpSliderRangeToken');
+/**
+ * Inject the SliderRange directive instance
+ */
+function injectSliderRange() {
+    return inject(NgpSliderRangeToken);
+}
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class NgpSliderRange {
+    constructor() {
+        /**
+         * Access the slider.
+         */
+        this.slider = injectSlider();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: NgpSliderRange, isStandalone: true, selector: "[ngpSliderRange]", host: { properties: { "style.width.%": "slider.orientation() === \"horizontal\" ? slider.percentage() : undefined", "style.height.%": "slider.orientation() === \"vertical\" ? slider.percentage() : undefined" }, classAttribute: "absolute h-full rounded-full bg-white" }, providers: [{ provide: NgpSliderRangeToken, useExisting: NgpSliderRange }], exportAs: ["ngpSliderRange"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderRange, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngpSliderRange]',
+                    exportAs: 'ngpSliderRange',
+                    providers: [{ provide: NgpSliderRangeToken, useExisting: NgpSliderRange }],
+                    host: {
+                        class: 'absolute h-full rounded-full bg-white',
+                        '[style.width.%]': 'slider.orientation() === "horizontal" ? slider.percentage() : undefined',
+                        '[style.height.%]': 'slider.orientation() === "vertical" ? slider.percentage() : undefined',
+                    },
+                }]
+        }] });
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const NgpSliderThumbToken = new InjectionToken('NgpSliderThumbToken');
+/**
+ * Inject the SliderThumb directive instance
+ */
+function injectSliderThumb() {
+    return inject(NgpSliderThumbToken);
+}
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class NgpSliderThumb {
+    constructor() {
+        /**
+         * Access the slider.
+         */
+        this.slider = injectSlider();
+        /**
+         * Store the dragging state.
+         */
+        this.dragging = false;
+    }
+    handlePointerDown(event) {
+        event.preventDefault();
+        if (this.slider.disabled()) {
+            return;
+        }
+        this.dragging = true;
+    }
+    handlePointerUp() {
+        if (this.slider.disabled()) {
+            return;
+        }
+        this.dragging = false;
+    }
+    handlePointerMove(event) {
+        if (this.slider.disabled() || !this.dragging) {
+            return;
+        }
+        const rect = this.slider.track()?.element.nativeElement.getBoundingClientRect();
+        if (!rect) {
+            return;
+        }
+        const percentage = this.slider.orientation() === 'horizontal'
+            ? (event.clientX - rect.left) / rect.width
+            : 1 - (event.clientY - rect.top) / rect.height;
+        this.slider.value.set(this.slider.min() +
+            (this.slider.max() - this.slider.min()) * Math.max(0, Math.min(1, percentage)));
+    }
+    /**
+     * Handle keyboard events.
+     * @param event
+     */
+    handleKeydown(event) {
+        const multiplier = event.shiftKey ? 10 : 1;
+        switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                this.slider.value.update(value => Math.max(value - this.slider.step() * multiplier, this.slider.min()));
+                break;
+            case 'ArrowRight':
+            case 'ArrowUp':
+                this.slider.value.update(value => Math.min(value + this.slider.step() * multiplier, this.slider.max()));
+                break;
+            case 'Home':
+                this.slider.value.set(this.slider.min());
+                break;
+            case 'End':
+                this.slider.value.set(this.slider.max());
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: NgpSliderThumb, isStandalone: true, selector: "[ngpSliderThumb]", host: { attributes: { "role": "slider" }, listeners: { "pointerdown": "handlePointerDown($event)", "document:pointerup": "handlePointerUp()", "document:pointermove": "handlePointerMove($event)", "keydown": "handleKeydown($event)" }, properties: { "attr.aria-valuemin": "slider.min()", "attr.aria-valuemax": "slider.max()", "attr.aria-valuenow": "slider.value()", "attr.aria-orientation": "slider.orientation()", "tabindex": "slider.disabled() ? -1 : 0", "attr.data-orientation": "slider.orientation()", "attr.data-disabled": "slider.disabled()", "style.inset-inline-start.%": "slider.orientation() === \"horizontal\" ? slider.percentage() : undefined", "style.inset-block-start.%": "slider.orientation() === \"vertical\" ? slider.percentage() : undefined" } }, providers: [{ provide: NgpSliderThumbToken, useExisting: NgpSliderThumb }], exportAs: ["ngpSliderThumb"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderThumb, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngpSliderThumb]',
+                    exportAs: 'ngpSliderThumb',
+                    providers: [{ provide: NgpSliderThumbToken, useExisting: NgpSliderThumb }],
+                    host: {
+                        role: 'slider',
+                        '[attr.aria-valuemin]': 'slider.min()',
+                        '[attr.aria-valuemax]': 'slider.max()',
+                        '[attr.aria-valuenow]': 'slider.value()',
+                        '[attr.aria-orientation]': 'slider.orientation()',
+                        '[tabindex]': 'slider.disabled() ? -1 : 0',
+                        '[attr.data-orientation]': 'slider.orientation()',
+                        '[attr.data-disabled]': 'slider.disabled()',
+                        '[style.inset-inline-start.%]': 'slider.orientation() === "horizontal" ? slider.percentage() : undefined',
+                        '[style.inset-block-start.%]': 'slider.orientation() === "vertical" ? slider.percentage() : undefined',
+                    },
+                }]
+        }], propDecorators: { handlePointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], handlePointerUp: [{
+                type: HostListener,
+                args: ['document:pointerup']
+            }], handlePointerMove: [{
+                type: HostListener,
+                args: ['document:pointermove', ['$event']]
+            }], handleKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const NgpSliderTrackToken = new InjectionToken('NgpSliderTrackToken');
+/**
+ * Inject the SliderTrack directive instance
+ */
+function injectSliderTrack() {
+    return inject(NgpSliderTrackToken);
+}
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class NgpSliderTrack {
+    constructor() {
+        /**
+         * Access the slider.
+         */
+        this.slider = injectSlider();
+        /**
+         * The element that represents the slider track.
+         */
+        this.element = inject(ElementRef);
+    }
+    /**
+     * When the slider track is clicked, update the value.
+     * @param event The click event.
+     */
+    handlePointerDown(event) {
+        if (this.slider.disabled()) {
+            return;
+        }
+        // get the position the click occurred within the slider track
+        const position = this.slider.orientation() === 'horizontal' ? event.clientX : event.clientY;
+        const rect = this.element.nativeElement.getBoundingClientRect();
+        const percentage = (position - (this.slider.orientation() === 'horizontal' ? rect.left : rect.top)) /
+            (this.slider.orientation() === 'horizontal' ? rect.width : rect.height);
+        // update the value based on the position
+        this.slider.value.set(this.slider.min() + (this.slider.max() - this.slider.min()) * percentage);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: NgpSliderTrack, isStandalone: true, selector: "[ngpSliderTrack]", host: { listeners: { "pointerdown": "handlePointerDown($event)" } }, providers: [{ provide: NgpSliderTrackToken, useExisting: NgpSliderTrack }], exportAs: ["ngpSliderTrack"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSliderTrack, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngpSliderTrack]',
+                    exportAs: 'ngpSliderTrack',
+                    providers: [{ provide: NgpSliderTrackToken, useExisting: NgpSliderTrack }],
+                }]
+        }], propDecorators: { handlePointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }] } });
+
+class NgpSlider {
+    constructor() {
+        /**
+         * The value of the slider.
+         */
+        this.value = model(0, {
+            alias: 'ngpSliderValue',
+        });
+        /**
+         * The minimum value of the slider.
+         */
+        this.min = input(0, {
+            alias: 'ngpSliderMin',
+            transform: numberAttribute,
+        });
+        /**
+         * The maximum value of the slider.
+         */
+        this.max = input(100, {
+            alias: 'ngpSliderMax',
+            transform: numberAttribute,
+        });
+        /**
+         * The step value of the slider.
+         */
+        this.step = input(1, {
+            alias: 'ngpSliderStep',
+            transform: numberAttribute,
+        });
+        /**
+         * The orientation of the slider.
+         */
+        this.orientation = input('horizontal', {
+            alias: 'ngpSliderOrientation',
+        });
+        /**
+         * The disabled state of the slider.
+         */
+        this.disabled = input(false, {
+            alias: 'ngpSliderDisabled',
+            transform: booleanAttribute,
+        });
+        /**
+         * Access the slider track.
+         */
+        this.track = contentChild(NgpSliderTrackToken);
+        /**
+         * The value as a percentage based on the min and max values.
+         */
+        this.percentage = computed(() => ((this.value() - this.min()) / (this.max() - this.min())) * 100);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.0.2", type: NgpSlider, isStandalone: true, selector: "[ngpSlider]", inputs: { value: { classPropertyName: "value", publicName: "ngpSliderValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "ngpSliderValueChange" }, providers: [{ provide: NgpSliderToken, useExisting: NgpSlider }], queries: [{ propertyName: "track", first: true, predicate: NgpSliderTrackToken, descendants: true, isSignal: true }], exportAs: ["ngpSlider"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSlider, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngpSlider]',
+                    exportAs: 'ngpSlider',
+                    providers: [{ provide: NgpSliderToken, useExisting: NgpSlider }],
+                }]
+        }] });
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgpSlider, NgpSliderRange, NgpSliderRangeToken, NgpSliderThumb, NgpSliderThumbToken, NgpSliderToken, NgpSliderTrack, NgpSliderTrackToken };
+//# sourceMappingURL=ng-primitives-slider.mjs.map

package/fesm2022/ng-primitives-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-primitives-slider.mjs","sources":["../../../../packages/ng-primitives/slider/src/slider/slider.token.ts","../../../../packages/ng-primitives/slider/src/slider-range/slider-range.token.ts","../../../../packages/ng-primitives/slider/src/slider-range/slider-range.directive.ts","../../../../packages/ng-primitives/slider/src/slider-thumb/slider-thumb.token.ts","../../../../packages/ng-primitives/slider/src/slider-thumb/slider-thumb.directive.ts","../../../../packages/ng-primitives/slider/src/slider-track/slider-track.token.ts","../../../../packages/ng-primitives/slider/src/slider-track/slider-track.directive.ts","../../../../packages/ng-primitives/slider/src/slider/slider.directive.ts","../../../../packages/ng-primitives/slider/src/index.ts","../../../../packages/ng-primitives/slider/src/ng-primitives-slider.ts"],"sourcesContent":["/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSlider } from './slider.directive';\n\nexport const NgpSliderToken = new InjectionToken<NgpSlider>('NgpSliderToken');\n\n/**\n * Inject the Slider directive instance\n */\nexport function injectSlider(): NgpSlider {\n  return inject(NgpSliderToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSliderRange } from './slider-range.directive';\n\nexport const NgpSliderRangeToken = new InjectionToken<NgpSliderRange>('NgpSliderRangeToken');\n\n/**\n * Inject the SliderRange directive instance\n */\nexport function injectSliderRange(): NgpSliderRange {\n  return inject(NgpSliderRangeToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Directive } from '@angular/core';\nimport { injectSlider } from '../slider/slider.token';\nimport { NgpSliderRangeToken } from './slider-range.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSliderRange]',\n  exportAs: 'ngpSliderRange',\n  providers: [{ provide: NgpSliderRangeToken, useExisting: NgpSliderRange }],\n  host: {\n    class: 'absolute h-full rounded-full bg-white',\n    '[style.width.%]': 'slider.orientation() === \"horizontal\" ? slider.percentage() : undefined',\n    '[style.height.%]': 'slider.orientation() === \"vertical\" ? slider.percentage() : undefined',\n  },\n})\nexport class NgpSliderRange {\n  /**\n   * Access the slider.\n   */\n  protected readonly slider = injectSlider();\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSliderThumb } from './slider-thumb.directive';\n\nexport const NgpSliderThumbToken = new InjectionToken<NgpSliderThumb>('NgpSliderThumbToken');\n\n/**\n * Inject the SliderThumb directive instance\n */\nexport function injectSliderThumb(): NgpSliderThumb {\n  return inject(NgpSliderThumbToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Directive, HostListener } from '@angular/core';\nimport { injectSlider } from '../slider/slider.token';\nimport { NgpSliderThumbToken } from './slider-thumb.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSliderThumb]',\n  exportAs: 'ngpSliderThumb',\n  providers: [{ provide: NgpSliderThumbToken, useExisting: NgpSliderThumb }],\n  host: {\n    role: 'slider',\n    '[attr.aria-valuemin]': 'slider.min()',\n    '[attr.aria-valuemax]': 'slider.max()',\n    '[attr.aria-valuenow]': 'slider.value()',\n    '[attr.aria-orientation]': 'slider.orientation()',\n    '[tabindex]': 'slider.disabled() ? -1 : 0',\n    '[attr.data-orientation]': 'slider.orientation()',\n    '[attr.data-disabled]': 'slider.disabled()',\n    '[style.inset-inline-start.%]':\n      'slider.orientation() === \"horizontal\" ? slider.percentage() : undefined',\n    '[style.inset-block-start.%]':\n      'slider.orientation() === \"vertical\" ? slider.percentage() : undefined',\n  },\n})\nexport class NgpSliderThumb {\n  /**\n   * Access the slider.\n   */\n  protected readonly slider = injectSlider();\n\n  /**\n   * Store the dragging state.\n   */\n  protected dragging = false;\n\n  @HostListener('pointerdown', ['$event'])\n  protected handlePointerDown(event: PointerEvent): void {\n    event.preventDefault();\n\n    if (this.slider.disabled()) {\n      return;\n    }\n\n    this.dragging = true;\n  }\n\n  @HostListener('document:pointerup')\n  protected handlePointerUp(): void {\n    if (this.slider.disabled()) {\n      return;\n    }\n\n    this.dragging = false;\n  }\n\n  @HostListener('document:pointermove', ['$event'])\n  protected handlePointerMove(event: PointerEvent): void {\n    if (this.slider.disabled() || !this.dragging) {\n      return;\n    }\n\n    const rect = this.slider.track()?.element.nativeElement.getBoundingClientRect();\n\n    if (!rect) {\n      return;\n    }\n\n    const percentage =\n      this.slider.orientation() === 'horizontal'\n        ? (event.clientX - rect.left) / rect.width\n        : 1 - (event.clientY - rect.top) / rect.height;\n\n    this.slider.value.set(\n      this.slider.min() +\n        (this.slider.max() - this.slider.min()) * Math.max(0, Math.min(1, percentage)),\n    );\n  }\n\n  /**\n   * Handle keyboard events.\n   * @param event\n   */\n  @HostListener('keydown', ['$event'])\n  protected handleKeydown(event: KeyboardEvent): void {\n    const multiplier = event.shiftKey ? 10 : 1;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        this.slider.value.update(value =>\n          Math.max(value - this.slider.step() * multiplier, this.slider.min()),\n        );\n        break;\n      case 'ArrowRight':\n      case 'ArrowUp':\n        this.slider.value.update(value =>\n          Math.min(value + this.slider.step() * multiplier, this.slider.max()),\n        );\n        break;\n      case 'Home':\n        this.slider.value.set(this.slider.min());\n        break;\n      case 'End':\n        this.slider.value.set(this.slider.max());\n        break;\n    }\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSliderTrack } from './slider-track.directive';\n\nexport const NgpSliderTrackToken = new InjectionToken<NgpSliderTrack>('NgpSliderTrackToken');\n\n/**\n * Inject the SliderTrack directive instance\n */\nexport function injectSliderTrack(): NgpSliderTrack {\n  return inject(NgpSliderTrackToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Directive, ElementRef, HostListener, inject } from '@angular/core';\nimport { injectSlider } from '../slider/slider.token';\nimport { NgpSliderTrackToken } from './slider-track.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSliderTrack]',\n  exportAs: 'ngpSliderTrack',\n  providers: [{ provide: NgpSliderTrackToken, useExisting: NgpSliderTrack }],\n})\nexport class NgpSliderTrack {\n  /**\n   * Access the slider.\n   */\n  private readonly slider = injectSlider();\n\n  /**\n   * The element that represents the slider track.\n   */\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * When the slider track is clicked, update the value.\n   * @param event The click event.\n   */\n  @HostListener('pointerdown', ['$event'])\n  protected handlePointerDown(event: PointerEvent): void {\n    if (this.slider.disabled()) {\n      return;\n    }\n\n    // get the position the click occurred within the slider track\n    const position = this.slider.orientation() === 'horizontal' ? event.clientX : event.clientY;\n    const rect = this.element.nativeElement.getBoundingClientRect();\n    const percentage =\n      (position - (this.slider.orientation() === 'horizontal' ? rect.left : rect.top)) /\n      (this.slider.orientation() === 'horizontal' ? rect.width : rect.height);\n\n    // update the value based on the position\n    this.slider.value.set(this.slider.min() + (this.slider.max() - this.slider.min()) * percentage);\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  Directive,\n  booleanAttribute,\n  computed,\n  contentChild,\n  input,\n  model,\n  numberAttribute,\n} from '@angular/core';\nimport { NgpSliderTrackToken } from '../slider-track/slider-track.token';\nimport { NgpSliderToken } from './slider.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSlider]',\n  exportAs: 'ngpSlider',\n  providers: [{ provide: NgpSliderToken, useExisting: NgpSlider }],\n})\nexport class NgpSlider {\n  /**\n   * The value of the slider.\n   */\n  readonly value = model<number>(0, {\n    alias: 'ngpSliderValue',\n  });\n\n  /**\n   * The minimum value of the slider.\n   */\n  readonly min = input<number, NumberInput>(0, {\n    alias: 'ngpSliderMin',\n    transform: numberAttribute,\n  });\n\n  /**\n   * The maximum value of the slider.\n   */\n  readonly max = input<number, NumberInput>(100, {\n    alias: 'ngpSliderMax',\n    transform: numberAttribute,\n  });\n\n  /**\n   * The step value of the slider.\n   */\n  readonly step = input<number, NumberInput>(1, {\n    alias: 'ngpSliderStep',\n    transform: numberAttribute,\n  });\n\n  /**\n   * The orientation of the slider.\n   */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal', {\n    alias: 'ngpSliderOrientation',\n  });\n\n  /**\n   * The disabled state of the slider.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSliderDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Access the slider track.\n   */\n  readonly track = contentChild(NgpSliderTrackToken);\n\n  /**\n   * The value as a percentage based on the min and max values.\n   */\n  protected readonly percentage = computed(\n    () => ((this.value() - this.min()) / (this.max() - this.min())) * 100,\n  );\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { NgpSliderRange } from './slider-range/slider-range.directive';\nexport { NgpSliderRangeToken } from './slider-range/slider-range.token';\nexport { NgpSliderThumb } from './slider-thumb/slider-thumb.directive';\nexport { NgpSliderThumbToken } from './slider-thumb/slider-thumb.token';\nexport { NgpSliderTrack } from './slider-track/slider-track.directive';\nexport { NgpSliderTrackToken } from './slider-track/slider-track.token';\nexport { NgpSlider } from './slider/slider.directive';\nexport { NgpSliderToken } from './slider/slider.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-switch.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Directive, ElementRef, model, input, booleanAttribute, signal, computed, HostListener } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const NgpSwitchToken = new InjectionToken('NgpSwitchToken');
+/**
+ * Inject the Switch directive instance
+ * @returns The switch directive instance
+ */
+function injectSwitch() {
+    return inject(NgpSwitchToken);
+}
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class NgpSwitchThumb {
+    constructor() {
+        /**
+         * Access the switch directive.
+         */
+        this.switch = injectSwitch();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSwitchThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: NgpSwitchThumb, isStandalone: true, selector: "[ngpSwitchThumb]", host: { properties: { "attr.data-state": "switch.checked() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "switch.disabledState() ? \"true\" : null" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSwitchThumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpSwitchThumb]',
+                    standalone: true,
+                    host: {
+                        '[attr.data-state]': 'switch.checked() ? "checked" : "unchecked"',
+                        '[attr.data-disabled]': 'switch.disabledState() ? "true" : null',
+                    },
+                }]
+        }] });
+
+class NgpSwitch {
+    constructor() {
+        /**
+         * Access the element ref.
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Determine if the switch is a button
+         */
+        this.isButton = this.elementRef.nativeElement.tagName === 'BUTTON';
+        /**
+         * Determine if the switch is checked.
+         * @default false
+         */
+        this.checked = model(false, {
+            alias: 'ngpSwitchChecked',
+        });
+        /**
+         * Determine if the switch is disabled.
+         * @default false
+         */
+        this.disabled = input(false, {
+            alias: 'ngpSwitchDisabled',
+            transform: booleanAttribute,
+        });
+        /**
+         * Store the form disabled state.
+         * @internal
+         */
+        this.formDisabled = signal(false);
+        /**
+         * Derive the disabled state based on the input and form disabled state.
+         * @internal
+         */
+        this.disabledState = computed(() => this.disabled() || this.formDisabled());
+    }
+    /**
+     * Register the onChange callback.
+     * @param fn The onChange callback.
+     * @internal
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Register the onTouched callback.
+     * @param fn The onTouched callback.
+     * @internal
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Write the value to the checked state.
+     * @param checked The checked state.
+     * @internal
+     */
+    writeValue(checked) {
+        this.checked.set(checked);
+    }
+    /**
+     * Set the disabled state.
+     * @param isDisabled The disabled state.
+     * @internal
+     */
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    /**
+     * Toggle the checked state.
+     */
+    toggle() {
+        if (this.disabledState()) {
+            return;
+        }
+        this.checked.set(!this.checked());
+        this.onChange?.(this.checked());
+    }
+    /**
+     * Handle the keydown event.
+     */
+    onKeyDown() {
+        // If the switch is not a button then the space key will not toggle the checked state automatically,
+        // so we need to do it manually.
+        if (!this.isButton) {
+            this.toggle();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: NgpSwitch, isStandalone: true, selector: "[ngpSwitch]", inputs: { checked: { classPropertyName: "checked", publicName: "ngpSwitchChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpSwitchDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "ngpSwitchCheckedChange" }, host: { attributes: { "role": "switch" }, listeners: { "focus": "onTouched?.()", "click": "toggle()", "keydown.space": "onKeyDown()" }, properties: { "attr.type": "isButton ? \"button\" : null", "attr.aria-checked": "checked()", "attr.data-state": "checked() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "disabledState()", "attr.disabled": "isButton && disabledState() ? disabledState() : null" } }, providers: [
+            { provide: NgpSwitchToken, useExisting: NgpSwitch },
+            { provide: NG_VALUE_ACCESSOR, useExisting: NgpSwitch, multi: true },
+        ], exportAs: ["ngpSwitch"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSwitch, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ngpSwitch]',
+                    exportAs: 'ngpSwitch',
+                    providers: [
+                        { provide: NgpSwitchToken, useExisting: NgpSwitch },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: NgpSwitch, multi: true },
+                    ],
+                    host: {
+                        role: 'switch',
+                        '[attr.type]': 'isButton ? "button" : null',
+                        '[attr.aria-checked]': 'checked()',
+                        '[attr.data-state]': 'checked() ? "checked" : "unchecked"',
+                        '[attr.data-disabled]': 'disabledState()',
+                        '[attr.disabled]': 'isButton && disabledState() ? disabledState() : null',
+                        '(focus)': 'onTouched?.()',
+                    },
+                }]
+        }], propDecorators: { toggle: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown.space']
+            }] } });
+
+/**
+ * Copyright © 2024 Angular Primitives.
+ * https://github.com/ng-primitives/ng-primitives
+ *
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgpSwitch, NgpSwitchThumb, NgpSwitchToken };
+//# sourceMappingURL=ng-primitives-switch.mjs.map

package/fesm2022/ng-primitives-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-primitives-switch.mjs","sources":["../../../../packages/ng-primitives/switch/src/switch/switch.token.ts","../../../../packages/ng-primitives/switch/src/switch-thumb/switch-thumb.directive.ts","../../../../packages/ng-primitives/switch/src/switch/switch.directive.ts","../../../../packages/ng-primitives/switch/src/index.ts","../../../../packages/ng-primitives/switch/src/ng-primitives-switch.ts"],"sourcesContent":["/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSwitch } from './switch.directive';\n\nexport const NgpSwitchToken = new InjectionToken<NgpSwitch>('NgpSwitchToken');\n\n/**\n * Inject the Switch directive instance\n * @returns The switch directive instance\n */\nexport function injectSwitch(): NgpSwitch {\n  return inject(NgpSwitchToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Directive } from '@angular/core';\nimport { injectSwitch } from '../switch/switch.token';\n\n@Directive({\n  selector: '[ngpSwitchThumb]',\n  standalone: true,\n  host: {\n    '[attr.data-state]': 'switch.checked() ? \"checked\" : \"unchecked\"',\n    '[attr.data-disabled]': 'switch.disabledState() ? \"true\" : null',\n  },\n})\nexport class NgpSwitchThumb {\n  /**\n   * Access the switch directive.\n   */\n  protected readonly switch = injectSwitch();\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { NgpSwitchToken } from './switch.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSwitch]',\n  exportAs: 'ngpSwitch',\n  providers: [\n    { provide: NgpSwitchToken, useExisting: NgpSwitch },\n    { provide: NG_VALUE_ACCESSOR, useExisting: NgpSwitch, multi: true },\n  ],\n  host: {\n    role: 'switch',\n    '[attr.type]': 'isButton ? \"button\" : null',\n    '[attr.aria-checked]': 'checked()',\n    '[attr.data-state]': 'checked() ? \"checked\" : \"unchecked\"',\n    '[attr.data-disabled]': 'disabledState()',\n    '[attr.disabled]': 'isButton && disabledState() ? disabledState() : null',\n    '(focus)': 'onTouched?.()',\n  },\n})\nexport class NgpSwitch implements ControlValueAccessor {\n  /**\n   * Access the element ref.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Determine if the switch is a button\n   */\n  protected isButton = this.elementRef.nativeElement.tagName === 'BUTTON';\n\n  /**\n   * Determine if the switch is checked.\n   * @default false\n   */\n  readonly checked = model<boolean>(false, {\n    alias: 'ngpSwitchChecked',\n  });\n\n  /**\n   * Determine if the switch is disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSwitchDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Store the form disabled state.\n   * @internal\n   */\n  readonly formDisabled = signal<boolean>(false);\n\n  /**\n   * Derive the disabled state based on the input and form disabled state.\n   * @internal\n   */\n  readonly disabledState = computed(() => this.disabled() || this.formDisabled());\n\n  /**\n   * Store the onChange callback.\n   */\n  private onChange?: (checked: boolean) => void;\n\n  /**\n   * Store the onTouched callback.\n   */\n  protected onTouched?: () => void;\n\n  /**\n   * Register the onChange callback.\n   * @param fn The onChange callback.\n   * @internal\n   */\n  registerOnChange(fn: (checked: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * Register the onTouched callback.\n   * @param fn The onTouched callback.\n   * @internal\n   */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Write the value to the checked state.\n   * @param checked The checked state.\n   * @internal\n   */\n  writeValue(checked: boolean): void {\n    this.checked.set(checked);\n  }\n\n  /**\n   * Set the disabled state.\n   * @param isDisabled The disabled state.\n   * @internal\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n\n  /**\n   * Toggle the checked state.\n   */\n  @HostListener('click')\n  toggle(): void {\n    if (this.disabledState()) {\n      return;\n    }\n\n    this.checked.set(!this.checked());\n    this.onChange?.(this.checked());\n  }\n\n  /**\n   * Handle the keydown event.\n   */\n  @HostListener('keydown.space')\n  protected onKeyDown(): void {\n    // If the switch is not a button then the space key will not toggle the checked state automatically,\n    // so we need to do it manually.\n    if (!this.isButton) {\n      this.toggle();\n    }\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { NgpSwitchThumb } from './switch-thumb/switch-thumb.directive';\nexport { NgpSwitch } from './switch/switch.directive';\nexport { NgpSwitchToken } from './switch/switch.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}