ngx-kit 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# NgxInput
+## Comming Soon...

package/fesm2022/ngx-input-angle-selector.mjs

@@ -0,0 +1,338 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, signal, EventEmitter, DestroyRef, ChangeDetectorRef, forwardRef, ViewChild, Output, Input, ChangeDetectionStrategy, Component, HostListener, Directive } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import * as i1 from 'ngx-input/shared';
+import { BrowserService } from 'ngx-input/shared';
+import { Subject, fromEvent, tap, switchMap, merge, map, filter, takeUntil, repeat } from 'rxjs';
+
+class NgxAngleSelectorComponent {
+    browserService = inject(BrowserService);
+    theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+    set setTheme(val) {
+        if (!val || val == 'auto') {
+            this.theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+        }
+        else {
+            this.theme = val;
+        }
+    }
+    size = input(90, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    minAngle = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minAngle" }] : /* istanbul ignore next */ []));
+    maxAngle = signal(360, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxAngle" }] : /* istanbul ignore next */ []));
+    isDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    change = new EventEmitter();
+    onChange = () => { };
+    onTouched = () => { };
+    selectorContainer;
+    currentAngle = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentAngle" }] : /* istanbul ignore next */ []));
+    isDragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+    selectorRect = null;
+    centerX = 0;
+    centerY = 0;
+    tickes = [];
+    pointerDownSubject = new Subject();
+    pointerMoveSubject = new Subject();
+    pointerUpSubject = new Subject();
+    destroyRef = inject(DestroyRef);
+    chdr = inject(ChangeDetectorRef);
+    ngOnInit() {
+        // const clampedInitial = this.clamp(this.initialAngle(), this.minAngle(), this.maxAngle());
+        // this.currentAngle.set(clampedInitial);
+    }
+    ngAfterViewInit() {
+        this.updateSelectorDimensions();
+        this.drawTicks();
+        this.setupPointerEvents();
+    }
+    writeValue(value) {
+        if (value !== null && value != undefined) {
+            const clampedValue = this.clamp(+value, this.minAngle(), this.maxAngle());
+            this.currentAngle.set(clampedValue);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled.set(isDisabled);
+    }
+    clamp(value, min, max) {
+        return Math.max(min, Math.min(value, max));
+    }
+    updateSelectorDimensions() {
+        const containerElement = this.selectorContainer.nativeElement;
+        this.selectorRect = containerElement.getBoundingClientRect();
+        this.centerX = this.selectorRect.left + this.selectorRect.width / 2;
+        this.centerY = this.selectorRect.top + this.selectorRect.height / 2;
+    }
+    selectorSize() {
+        return this.selectorRect?.width ?? 300;
+    }
+    drawTicks() {
+        const containerElement = this.selectorContainer.nativeElement;
+        containerElement.querySelectorAll('.tick').forEach((tick) => tick.remove());
+        const numTicks = 8;
+        const tickInterval = 360 / numTicks;
+        this.tickes = [];
+        for (let i = 0; i < numTicks; i++) {
+            const angle = i * tickInterval;
+            this.tickes.push(angle);
+        }
+        this.chdr.detectChanges();
+    }
+    calculateAngle(event) {
+        if (!this.selectorRect)
+            return;
+        const clientX = event.clientX;
+        const clientY = event.clientY;
+        const dx = clientX - this.centerX;
+        const dy = clientY - this.centerY;
+        let angleRad = Math.atan2(dy, dx);
+        let angleDeg = angleRad * (180 / Math.PI);
+        angleDeg += 90;
+        if (angleDeg < 0) {
+            angleDeg += 360;
+        }
+        // const finalAngle = this.clamp(angleDeg, this.minAngle(), this.maxAngle());
+        const finalAngle = Math.round(angleDeg);
+        if (finalAngle !== this.currentAngle()) {
+            this.currentAngle.set(finalAngle);
+            this.change.emit(Math.round(this.currentAngle()));
+            this.onChange(Math.round(this.currentAngle()));
+        }
+    }
+    setupPointerEvents() {
+        const container = this.selectorContainer.nativeElement;
+        const pointerDown$ = fromEvent(container, 'pointerdown').pipe(tap((event) => {
+            event.preventDefault();
+            this.isDragging.set(true);
+            this.onTouched();
+            this.updateSelectorDimensions();
+        }), switchMap((event) => {
+            this.calculateAngle(event);
+            return merge(fromEvent(document, 'pointermove').pipe(tap((moveEvent) => moveEvent.preventDefault()), map((moveEvent) => this.calculateAngle(moveEvent)), filter(() => this.isDragging()), takeUntil(fromEvent(document, 'pointerup'))), fromEvent(document, 'pointerup').pipe(tap((upEvent) => {
+                upEvent.preventDefault();
+                this.isDragging.set(false);
+            }), takeUntil(fromEvent(document, 'pointercancel'))));
+        }), repeat());
+        pointerDown$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxAngleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxAngleSelectorComponent, isStandalone: true, selector: "ngx-input-angle", inputs: { setTheme: { classPropertyName: "setTheme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "class.dark": "theme==\"dark\"", "style.--ngx-size": "size()+\"px\"" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NgxAngleSelectorComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "selectorContainer", first: true, predicate: ["selectorContainer"], descendants: true }], ngImport: i0, template: "<div class=\"ngx-input-angle-selector\">\r\n  <div #selectorContainer class=\"angle-selector\">\r\n    <div class=\"center-dot\"></div>\r\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\r\n\r\n    @for (angle of tickes; track $index) {\r\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\r\n    }\r\n  </div>\r\n</div>", styles: [":host{--ngx-color-bg: #e5e5e5;--ngx-color-text: #000;--border-color: #c8c8c8;--ngx-size: 100px;--handle-color: #007ac6;--tick-color: #444444;--inner-shadow-color: #000000a3}:host-context(.dark){--ngx-color-bg: #222222;--ngx-color-text: #fff;--border-color: #3a3a3a;--tick-color: #595959;--inner-shadow-color: #000}.ngx-input-angle-selector{width:var(--ngx-size, 100);height:var(--ngx-size, 100);border:calc(8 * var(--ngx-size, 100) / 100) var(--border-color) solid;background:var(--ngx-color-bg);color:var(--ngx-color-text);overflow:hidden;box-shadow:0 0 10px #0000005d;margin:14px 4px;border-radius:50%;direction:ltr;font-family:arial,tahoma;box-sizing:border-box}.ngx-input-angle-selector *{box-sizing:border-box}.angle-selector{position:relative;width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:inset 0 0 20px 0 var(--inner-shadow-color)}.center-dot{width:15px;height:15px;background:var(--handle-color);border-radius:50%;z-index:10;box-shadow:0 0 20px #303030}.hand{position:absolute;width:4px;height:calc(var(--ngx-size, 100) * .6);box-shadow:0 0 20px #303030;background:var(--handle-color);bottom:50%;transform-origin:bottom center;border-radius:4px;pointer-events:none;z-index:1}.tick{position:absolute;width:2px;height:12%;background:var(--tick-color);left:50%;top:0;transform-origin:50% calc(var(--ngx-size, 100px) / 2 - 8 * var(--ngx-size, 100) / 100)}::ng-deep dialog .ngx-input-angle-selector:before{content:\" \";border:14px var(--border-color) solid;position:absolute;z-index:1;filter:drop-shadow(0px -3px 2px rgba(0,0,0,.2));box-sizing:border-box}::ng-deep dialog.tips-above .ngx-input-angle-selector:before{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;top:-12px;left:calc(50% - 14px)}::ng-deep dialog.tips-bottom .ngx-input-angle-selector:before{border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent;bottom:-10px;left:calc(50% - 14px);filter:drop-shadow(0px 4px 2px rgba(0,0,0,.2))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxAngleSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-input-angle', standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NgxAngleSelectorComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.dark]': 'theme=="dark"',
+                        '[style.--ngx-size]': 'size()+"px"',
+                    }, template: "<div class=\"ngx-input-angle-selector\">\r\n  <div #selectorContainer class=\"angle-selector\">\r\n    <div class=\"center-dot\"></div>\r\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\r\n\r\n    @for (angle of tickes; track $index) {\r\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\r\n    }\r\n  </div>\r\n</div>", styles: [":host{--ngx-color-bg: #e5e5e5;--ngx-color-text: #000;--border-color: #c8c8c8;--ngx-size: 100px;--handle-color: #007ac6;--tick-color: #444444;--inner-shadow-color: #000000a3}:host-context(.dark){--ngx-color-bg: #222222;--ngx-color-text: #fff;--border-color: #3a3a3a;--tick-color: #595959;--inner-shadow-color: #000}.ngx-input-angle-selector{width:var(--ngx-size, 100);height:var(--ngx-size, 100);border:calc(8 * var(--ngx-size, 100) / 100) var(--border-color) solid;background:var(--ngx-color-bg);color:var(--ngx-color-text);overflow:hidden;box-shadow:0 0 10px #0000005d;margin:14px 4px;border-radius:50%;direction:ltr;font-family:arial,tahoma;box-sizing:border-box}.ngx-input-angle-selector *{box-sizing:border-box}.angle-selector{position:relative;width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:inset 0 0 20px 0 var(--inner-shadow-color)}.center-dot{width:15px;height:15px;background:var(--handle-color);border-radius:50%;z-index:10;box-shadow:0 0 20px #303030}.hand{position:absolute;width:4px;height:calc(var(--ngx-size, 100) * .6);box-shadow:0 0 20px #303030;background:var(--handle-color);bottom:50%;transform-origin:bottom center;border-radius:4px;pointer-events:none;z-index:1}.tick{position:absolute;width:2px;height:12%;background:var(--tick-color);left:50%;top:0;transform-origin:50% calc(var(--ngx-size, 100px) / 2 - 8 * var(--ngx-size, 100) / 100)}::ng-deep dialog .ngx-input-angle-selector:before{content:\" \";border:14px var(--border-color) solid;position:absolute;z-index:1;filter:drop-shadow(0px -3px 2px rgba(0,0,0,.2));box-sizing:border-box}::ng-deep dialog.tips-above .ngx-input-angle-selector:before{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;top:-12px;left:calc(50% - 14px)}::ng-deep dialog.tips-bottom .ngx-input-angle-selector:before{border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent;bottom:-10px;left:calc(50% - 14px);filter:drop-shadow(0px 4px 2px rgba(0,0,0,.2))}\n"] }]
+        }], propDecorators: { setTheme: [{
+                type: Input,
+                args: ['theme']
+            }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], change: [{
+                type: Output
+            }], selectorContainer: [{
+                type: ViewChild,
+                args: ['selectorContainer']
+            }] } });
+
+class NgxInputAngle {
+    el;
+    renderer;
+    viewContainerRef;
+    dialogService;
+    theme = 'auto';
+    size = input(90, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    openOnCLick = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openOnCLick" }] : /* istanbul ignore next */ []));
+    change = new EventEmitter();
+    value;
+    pickerRef;
+    inValid = false;
+    _onChange = (value) => { };
+    _onTouched = () => { };
+    _onValidateChange = () => { };
+    constructor(el, renderer, viewContainerRef, dialogService) {
+        this.el = el;
+        this.renderer = renderer;
+        this.viewContainerRef = viewContainerRef;
+        this.dialogService = dialogService;
+    }
+    ngOnDestroy() {
+        this.destroyAnglePicker();
+    }
+    onClick(ev) {
+        if (this.openOnCLick()) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            this.toggle();
+        }
+    }
+    onInput(event) {
+        const input = event.target;
+        this.parseInput(input.value);
+        this._onChange(this.value);
+    }
+    onBlur() {
+        this._onTouched();
+    }
+    writeValue(val) {
+        this.parseInput(val);
+        this.renderer.setProperty(this.el.nativeElement, 'value', this.value);
+        this.inValid = false;
+        if (this.pickerRef) {
+            this.pickerRef.componentRef.instance.writeValue(this.value);
+        }
+        this._onValidateChange();
+    }
+    parseInput(val) {
+        try {
+            this.inValid = false;
+            this.value = val != null && val != undefined ? Number.parseInt(val) : val;
+        }
+        catch {
+            this.inValid = true;
+        }
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        if (disabled) {
+            this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);
+        }
+        else {
+            this.renderer.removeAttribute(this.el.nativeElement, 'disabled');
+        }
+    }
+    registerOnValidatorChange(fn) {
+        this._onValidateChange = fn;
+    }
+    validate(control) {
+        if (this.inValid === true) {
+            return { invalid: true };
+        }
+        if (this.value && this.value > 360)
+            return { max: true };
+        if (this.value && this.value < 0)
+            return { min: true };
+        return null;
+    }
+    toggle() {
+        if (this.pickerRef) {
+            this.destroyAnglePicker();
+            return;
+        }
+        this.pickerRef = this.dialogService.open({
+            anchor: this.el.nativeElement,
+            component: NgxAngleSelectorComponent,
+            viewContainerRef: this.viewContainerRef,
+            alignment: 'center',
+            placement: 'bottom',
+            margin: 2,
+            configure: (instance, ref) => {
+                instance.size = this.size;
+                instance.setTheme = this.theme;
+                instance.writeValue(this.value);
+                instance.change.subscribe((c) => {
+                    this.value = c;
+                    console.log('v', c);
+                    this.emitChange(c);
+                });
+                // instance.closed.subscribe(() => ref.close());
+            },
+            onClosed: () => {
+                this.pickerRef = undefined;
+            },
+        });
+    }
+    destroyAnglePicker() {
+        this.pickerRef?.close();
+        this.pickerRef = undefined;
+    }
+    async emitChange(c) {
+        this.renderer.setProperty(this.el.nativeElement, 'value', c);
+        this._onChange(c);
+        this.change.emit(c);
+        this._onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputAngle, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxInputAngle, isStandalone: true, selector: "[ngxInputAngle]", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, openOnCLick: { classPropertyName: "openOnCLick", publicName: "openOnCLick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { listeners: { "click": "onClick($event)", "input": "onInput($event)", "blur": "onBlur()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NgxInputAngle),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => NgxInputAngle),
+                multi: true,
+            },
+        ], exportAs: ["ngxInputAngle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputAngle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngxInputAngle]',
+                    exportAs: 'ngxInputAngle',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NgxInputAngle),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => NgxInputAngle),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i1.DialogService }], propDecorators: { theme: [{
+                type: Input
+            }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], openOnCLick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnCLick", required: false }] }], change: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxAngleSelectorComponent, NgxInputAngle };
+//# sourceMappingURL=ngx-input-angle-selector.mjs.map

package/fesm2022/ngx-input-angle-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-input-angle-selector.mjs","sources":["../../../projects/libs/angle-selector/components/input-angle.component.ts","../../../projects/libs/angle-selector/components/input-angle.component.html","../../../projects/libs/angle-selector/directives/ngx-input-angle.directive.ts","../../../projects/libs/angle-selector/ngx-input-angle-selector.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  Output,\n  EventEmitter,\n  ElementRef,\n  ViewChild,\n  AfterViewInit,\n  OnInit,\n  inject,\n  signal,\n  effect,\n  DestroyRef,\n  WritableSignal,\n  forwardRef,\n  ChangeDetectionStrategy,\n  input,\n  ChangeDetectorRef,\n  Input,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BrowserService } from 'ngx-input/shared';\nimport { Subject, fromEvent, merge, tap, map, filter, switchMap, takeUntil, repeat } from 'rxjs';\n\n@Component({\n  selector: 'ngx-input-angle',\n  templateUrl: './input-angle.component.html',\n  styleUrls: ['./input-angle.component.scss'],\n  standalone: true,\n  imports: [CommonModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxAngleSelectorComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.dark]': 'theme==\"dark\"',\n    '[style.--ngx-size]': 'size()+\"px\"',\n  },\n})\nexport class NgxAngleSelectorComponent implements OnInit, AfterViewInit, ControlValueAccessor {\n  browserService = inject(BrowserService);\n  theme: 'light' | 'dark' = this.browserService.prefersDarkMode ? 'dark' : 'light';\n  @Input('theme') set setTheme(val: 'light' | 'dark' | 'auto') {\n    if (!val || val == 'auto') {\n      this.theme = this.browserService.prefersDarkMode ? 'dark' : 'light';\n    } else {\n      this.theme = val;\n    }\n  }\n  size = input<number>(90);\n  private minAngle = signal<number>(0);\n  private maxAngle = signal<number>(360);\n\n  isDisabled = signal(false);\n\n  @Output() change: EventEmitter<number> = new EventEmitter<number>();\n\n  private onChange: (value: number) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  @ViewChild('selectorContainer') selectorContainer!: ElementRef<HTMLDivElement>;\n  currentAngle = signal(0);\n  isDragging = signal(false);\n  selectorRect: DOMRect | null = null;\n  centerX: number = 0;\n  centerY: number = 0;\n\n  tickes: number[] = [];\n  private pointerDownSubject = new Subject<PointerEvent>();\n  private pointerMoveSubject = new Subject<PointerEvent>();\n  private pointerUpSubject = new Subject<PointerEvent>();\n\n  private destroyRef = inject(DestroyRef);\n\n  chdr = inject(ChangeDetectorRef);\n  ngOnInit(): void {\n    // const clampedInitial = this.clamp(this.initialAngle(), this.minAngle(), this.maxAngle());\n    // this.currentAngle.set(clampedInitial);\n  }\n\n  ngAfterViewInit(): void {\n    this.updateSelectorDimensions();\n    this.drawTicks();\n    this.setupPointerEvents();\n  }\n\n  writeValue(value: number | null | undefined): void {\n    if (value !== null && value != undefined) {\n      const clampedValue = this.clamp(+value, this.minAngle(), this.maxAngle());\n      this.currentAngle.set(clampedValue);\n    }\n  }\n  registerOnChange(fn: (value: number) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState?(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  private clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(value, max));\n  }\n\n  private updateSelectorDimensions(): void {\n    const containerElement = this.selectorContainer.nativeElement;\n    this.selectorRect = containerElement.getBoundingClientRect();\n    this.centerX = this.selectorRect.left + this.selectorRect.width / 2;\n    this.centerY = this.selectorRect.top + this.selectorRect.height / 2;\n  }\n  selectorSize() {\n    return this.selectorRect?.width ?? 300;\n  }\n\n  private drawTicks(): void {\n    const containerElement = this.selectorContainer.nativeElement;\n\n    containerElement.querySelectorAll('.tick').forEach((tick: any) => tick.remove());\n\n    const numTicks = 8;\n    const tickInterval = 360 / numTicks;\n    this.tickes = [];\n    for (let i = 0; i < numTicks; i++) {\n      const angle = i * tickInterval;\n      this.tickes.push(angle);\n    }\n    this.chdr.detectChanges();\n  }\n\n  private calculateAngle(event: PointerEvent): void {\n    if (!this.selectorRect) return;\n\n    const clientX = event.clientX;\n    const clientY = event.clientY;\n\n    const dx = clientX - this.centerX;\n    const dy = clientY - this.centerY;\n\n    let angleRad = Math.atan2(dy, dx);\n    let angleDeg = angleRad * (180 / Math.PI);\n\n    angleDeg += 90;\n    if (angleDeg < 0) {\n      angleDeg += 360;\n    }\n\n    // const finalAngle = this.clamp(angleDeg, this.minAngle(), this.maxAngle());\n\n    const finalAngle = Math.round(angleDeg);\n\n    if (finalAngle !== this.currentAngle()) {\n      this.currentAngle.set(finalAngle);\n      this.change.emit(Math.round(this.currentAngle()));\n      this.onChange(Math.round(this.currentAngle()));\n    }\n  }\n\n  private setupPointerEvents(): void {\n    const container = this.selectorContainer.nativeElement;\n\n    const pointerDown$ = fromEvent<PointerEvent>(container, 'pointerdown').pipe(\n      tap((event) => {\n        event.preventDefault();\n        this.isDragging.set(true);\n        this.onTouched();\n        this.updateSelectorDimensions();\n      }),\n\n      switchMap((event) => {\n        this.calculateAngle(event);\n        return merge(\n          fromEvent<PointerEvent>(document, 'pointermove').pipe(\n            tap((moveEvent) => moveEvent.preventDefault()),\n            map((moveEvent) => this.calculateAngle(moveEvent)),\n\n            filter(() => this.isDragging()),\n            takeUntil(fromEvent(document, 'pointerup')),\n          ),\n          fromEvent<PointerEvent>(document, 'pointerup').pipe(\n            tap((upEvent) => {\n              upEvent.preventDefault();\n              this.isDragging.set(false);\n            }),\n            takeUntil(fromEvent(document, 'pointercancel')),\n          ),\n        );\n      }),\n      repeat(),\n    );\n\n    pointerDown$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe();\n  }\n}\n","<div class=\"ngx-input-angle-selector\">\r\n  <div #selectorContainer class=\"angle-selector\">\r\n    <div class=\"center-dot\"></div>\r\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\r\n\r\n    @for (angle of tickes; track $index) {\r\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\r\n    }\r\n  </div>\r\n</div>","import {\r\n  Directive,\r\n  forwardRef,\r\n  OnDestroy,\r\n  Input,\r\n  ElementRef,\r\n  Renderer2,\r\n  ViewContainerRef,\r\n  HostListener,\r\n  Output,\r\n  EventEmitter,\r\n  input,\r\n} from '@angular/core';\r\nimport {\r\n  NG_VALUE_ACCESSOR,\r\n  NG_VALIDATORS,\r\n  ControlValueAccessor,\r\n  Validator,\r\n  AbstractControl,\r\n  ValidationErrors,\r\n} from '@angular/forms';\r\nimport { DialogOverlayRef, DialogService } from 'ngx-input/shared';\r\nimport { NgxAngleSelectorComponent } from '../components/input-angle.component';\r\n\r\n@Directive({\r\n  selector: '[ngxInputAngle]',\r\n  exportAs: 'ngxInputAngle',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => NgxInputAngle),\r\n      multi: true,\r\n    },\r\n    {\r\n      provide: NG_VALIDATORS,\r\n      useExisting: forwardRef(() => NgxInputAngle),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class NgxInputAngle implements OnDestroy, ControlValueAccessor, Validator {\r\n  @Input() theme: 'light' | 'dark' | 'auto' = 'auto';\r\n  size = input<number>(90);\r\n  openOnCLick = input<boolean>(true);\r\n  @Output() change = new EventEmitter<number>();\r\n  private value?: number | null;\r\n  private pickerRef?: DialogOverlayRef<NgxAngleSelectorComponent>;\r\n  inValid: boolean = false;\r\n  _onChange = (value?: number | null) => {};\r\n  _onTouched = () => {};\r\n  _onValidateChange = () => {};\r\n\r\n  constructor(\r\n    private el: ElementRef<HTMLInputElement>,\r\n    private renderer: Renderer2,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private dialogService: DialogService,\r\n  ) {}\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyAnglePicker();\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  onClick(ev: Event) {\r\n    if (this.openOnCLick()) {\r\n      ev.stopPropagation();\r\n      ev.preventDefault();\r\n      this.toggle();\r\n    }\r\n  }\r\n\r\n  @HostListener('input', ['$event'])\r\n  onInput(event: Event) {\r\n    const input = event.target as HTMLInputElement;\r\n    this.parseInput(input.value);\r\n    this._onChange(this.value);\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur() {\r\n    this._onTouched();\r\n  }\r\n\r\n  writeValue(val: any): void {\r\n    this.parseInput(val);\r\n    this.renderer.setProperty(this.el.nativeElement, 'value', this.value);\r\n\r\n    this.inValid = false;\r\n    if (this.pickerRef) {\r\n      this.pickerRef.componentRef.instance.writeValue(this.value);\r\n    }\r\n    this._onValidateChange();\r\n  }\r\n\r\n  parseInput(val: any) {\r\n    try {\r\n      this.inValid = false;\r\n      this.value = val != null && val != undefined ? Number.parseInt(val) : val;\r\n    } catch {\r\n      this.inValid = true;\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean): void {\r\n    if (disabled) {\r\n      this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);\r\n    } else {\r\n      this.renderer.removeAttribute(this.el.nativeElement, 'disabled');\r\n    }\r\n  }\r\n\r\n  registerOnValidatorChange(fn: () => void): void {\r\n    this._onValidateChange = fn;\r\n  }\r\n\r\n  validate(control: AbstractControl): ValidationErrors | null {\r\n    if (this.inValid === true) {\r\n      return { invalid: true };\r\n    }\r\n    if (this.value && this.value > 360) return { max: true };\r\n    if (this.value && this.value < 0) return { min: true };\r\n    return null;\r\n  }\r\n\r\n  public toggle() {\r\n    if (this.pickerRef) {\r\n      this.destroyAnglePicker();\r\n      return;\r\n    }\r\n\r\n    this.pickerRef = this.dialogService.open({\r\n      anchor: this.el.nativeElement,\r\n      component: NgxAngleSelectorComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      alignment: 'center',\r\n      placement: 'bottom',\r\n      margin: 2,\r\n      configure: (instance, ref) => {\r\n        instance.size = this.size;\r\n        instance.setTheme = this.theme;\r\n        instance.writeValue(this.value);\r\n\r\n        instance.change.subscribe((c: number) => {\r\n          this.value = c;\r\n          console.log('v', c);\r\n          this.emitChange(c);\r\n        });\r\n\r\n        // instance.closed.subscribe(() => ref.close());\r\n      },\r\n      onClosed: () => {\r\n        this.pickerRef = undefined;\r\n      },\r\n    });\r\n  }\r\n\r\n  private destroyAnglePicker() {\r\n    this.pickerRef?.close();\r\n    this.pickerRef = undefined;\r\n  }\r\n\r\n  private async emitChange(c: number) {\r\n    this.renderer.setProperty(this.el.nativeElement, 'value', c);\r\n\r\n    this._onChange(c);\r\n    this.change.emit(c);\r\n    this._onTouched();\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}