ngx-kit 7.2.0 → 7.3.1

package/drag-resize/README.md

@@ -1,55 +1,53 @@
-# ngx-kit drag-resize
-
-## Design goals
-
-The package uses Angular 22 signals and Pointer Events. Dragging and resizing remain transform/pointer based, while drop-list sorting uses live DOM geometry.
-
-### Professional drop-list behavior
-
-When a drag starts inside a drop list:
-
-- the real item remains in its original DOM position as a hidden layout anchor;
-- exactly one placeholder preserves the item's layout space;
-- a fully styled visual clone is moved to `document.body`, so overflow/scroll containers cannot clip the drag;
-- the body preview copies computed styles recursively, including CSS custom properties and descendant styles;
-- entering, leaving and switching lists always disposes the previous placeholder before creating the next one;
-- sorting uses current DOM geometry instead of stale start-of-drag rectangles;
-- `previousIndex` is captured from the origin list and `currentIndex` is the final placeholder position;
-- dropping outside every connected list cancels the drag instead of accidentally committing it;
-- auto-scroll follows the currently hovered drop list.
-
-## Basic drop list
-
-```html
-<div NgxDropList (drop)="onDrop($event)">
-  @for (item of items; track item.id) {
-    <article NgxDraggable [data]="item">
-      {{ item.name }}
-    </article>
-  }
-</div>
-```
-
-For most UIs, wrap related lists in `NgxDropListGroup` so they are connected automatically:
-
-```html
-<div NgxDropListGroup>
-  <div NgxDropList>...</div>
-  <div NgxDropList>...</div>
-  <div NgxDropList>...</div>
-</div>
-```
-
-The emitted event follows the familiar `previousIndex/currentIndex` model, making it suitable for `moveItemInArray` / `transferArrayItem` style data updates.
-
-## Resize
-
-```html
-<article
-  NgxResizable
-  [minWidth]="120"
-  [minHeight]="80"
-  [directions]="['n','e','s','w','ne','se','sw','nw']"></article>
-```
-
-Resize is pointer based, supports all eight directions, minimum/maximum constraints and optional pixel snapping.
+# ngx-kit drag-resize
+
+## Design goals
+
+The package uses Angular 22 signals and Pointer Events. Dragging and resizing remain transform/pointer based, while drop-list sorting uses live DOM geometry.
+
+### Professional drop-list behavior
+
+When a drag starts inside a drop list:
+
+- the real item remains in its original DOM position as a hidden layout anchor;
+- exactly one placeholder preserves the item's layout space;
+- a fully styled visual clone is moved to `document.body`, so overflow/scroll containers cannot clip the drag;
+- the body preview copies computed styles recursively, including CSS custom properties and descendant styles;
+- entering, leaving and switching lists always disposes the previous placeholder before creating the next one;
+- sorting uses current DOM geometry instead of stale start-of-drag rectangles;
+- `previousIndex` is captured from the origin list and `currentIndex` is the final placeholder position;
+- dropping outside every connected list cancels the drag instead of accidentally committing it;
+- auto-scroll follows the currently hovered drop list.
+
+## Basic drop list
+
+```html
+<div NgxDropList (drop)="onDrop($event)">
+  @for (item of items; track item.id) {
+  <article NgxDraggable [data]="item">{{ item.name }}</article>
+  }
+</div>
+```
+
+For most UIs, wrap related lists in `NgxDropListGroup` so they are connected automatically:
+
+```html
+<div NgxDropListGroup>
+  <div NgxDropList>...</div>
+  <div NgxDropList>...</div>
+  <div NgxDropList>...</div>
+</div>
+```
+
+The emitted event follows the familiar `previousIndex/currentIndex` model, making it suitable for `moveItemInArray` / `transferArrayItem` style data updates.
+
+## Resize
+
+```html
+<article
+  NgxResizable
+  [minWidth]="120"
+  [minHeight]="80"
+  [directions]="['n','e','s','w','ne','se','sw','nw']"></article>
+```
+
+Resize is pointer based, supports all eight directions, minimum/maximum constraints and optional pixel snapping.

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

@@ -1,22 +1,13 @@
 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 { inject, input, signal, EventEmitter, DestroyRef, ChangeDetectorRef, forwardRef, ViewChild, Output, 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-kit/shared';
-import { BrowserService } from 'ngx-kit/shared';
+import * as i1 from 'ngx-kit/core';
+import { BrowserService } from 'ngx-kit/core';
 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 */
@@ -128,13 +119,13 @@ class NgxAngleSelectorComponent {
         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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxAngleSelectorComponent, isStandalone: true, selector: "ngx-input-angle", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "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\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n", 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "selectorContainer", first: true, predicate: ["selectorContainer"], descendants: true }], ngImport: i0, template: "<div class=\"ngx-input-angle-selector\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n", styles: [":host{--ngx-color-bg: light-dark(#e5e5e5, #222222);--ngx-color-text: light-dark(#000, #fff);--border-color: light-dark(#c8c8c8, #3a3a3a);--ngx-size: 100px;--handle-color: #007ac6;--tick-color: light-dark(#444444, #595959);--inner-shadow-color: light-dark(#000000a3, #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"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxAngleSelectorComponent, decorators: [{
             type: Component,
@@ -145,13 +136,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                             multi: true,
                         },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[class.dark]': 'theme=="dark"',
                         '[style.--ngx-size]': 'size()+"px"',
-                    }, template: "<div class=\"ngx-input-angle-selector\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n", 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: [{
+                    }, template: "<div class=\"ngx-input-angle-selector\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n", styles: [":host{--ngx-color-bg: light-dark(#e5e5e5, #222222);--ngx-color-text: light-dark(#000, #fff);--border-color: light-dark(#c8c8c8, #3a3a3a);--ngx-size: 100px;--handle-color: #007ac6;--tick-color: light-dark(#444444, #595959);--inner-shadow-color: light-dark(#000000a3, #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: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], change: [{
                 type: Output
             }], selectorContainer: [{
                 type: ViewChild,
@@ -163,7 +150,6 @@ class NgxInputAngle {
     renderer;
     viewContainerRef;
     overlayService;
-    theme = 'auto';
     size = input(90, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     openOnCLick = input(true, /* @ts-ignore */
@@ -260,7 +246,6 @@ class NgxInputAngle {
             margin: 2,
             configure: (instance, ref) => {
                 instance.size = this.size;
-                instance.setTheme = this.theme;
                 instance.writeValue(this.value);
                 instance.change.subscribe((c) => {
                     this.value = c;
@@ -284,7 +269,7 @@ class NgxInputAngle {
         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.OverlayService }], 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: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxInputAngle, isStandalone: true, selector: "[ngxInputAngle]", inputs: { 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),
@@ -315,9 +300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i1.OverlayService }], 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: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i1.OverlayService }], propDecorators: { 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,

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-kit-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-kit-angle-selector.ts"],"sourcesContent":["import {\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-kit/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: [],\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\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n","import {\n  Directive,\n  forwardRef,\n  OnDestroy,\n  Input,\n  ElementRef,\n  Renderer2,\n  ViewContainerRef,\n  HostListener,\n  Output,\n  EventEmitter,\n  input,\n} from '@angular/core';\nimport {\n  NG_VALUE_ACCESSOR,\n  NG_VALIDATORS,\n  ControlValueAccessor,\n  Validator,\n  AbstractControl,\n  ValidationErrors,\n} from '@angular/forms';\nimport { OverlayRef, OverlayService } from 'ngx-kit/shared';\nimport { NgxAngleSelectorComponent } from '../components/input-angle.component';\n\n@Directive({\n  selector: '[ngxInputAngle]',\n  exportAs: 'ngxInputAngle',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputAngle),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputAngle),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputAngle implements OnDestroy, ControlValueAccessor, Validator {\n  @Input() theme: 'light' | 'dark' | 'auto' = 'auto';\n  size = input<number>(90);\n  openOnCLick = input<boolean>(true);\n  @Output() change = new EventEmitter<number>();\n  private value?: number | null;\n  private pickerRef?: OverlayRef<NgxAngleSelectorComponent>;\n  inValid: boolean = false;\n\n  private isDisabled = false;\n  protected _onChange = (value?: number | null) => {};\n  protected _onTouched = () => {};\n  _onValidateChange = () => {};\n\n  constructor(\n    private el: ElementRef<HTMLInputElement>,\n    private renderer: Renderer2,\n    private viewContainerRef: ViewContainerRef,\n    private overlayService: OverlayService,\n  ) {}\n\n  ngOnDestroy(): void {\n    this.destroyAnglePicker();\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(ev: Event) {\n    if (this.openOnCLick() && !this.isDisabled) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      this.toggle();\n    }\n  }\n\n  @HostListener('input', ['$event'])\n  onInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.parseInput(input.value);\n    this._onChange(this.value);\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this._onTouched();\n  }\n\n  writeValue(val: any): void {\n    this.parseInput(val);\n    this.renderer.setProperty(this.el.nativeElement, 'value', this.value);\n\n    this.inValid = false;\n    if (this.pickerRef && this.pickerRef.componentRef) {\n      this.pickerRef.componentRef.instance.writeValue(this.value);\n    }\n    this._onValidateChange();\n  }\n\n  parseInput(val: any) {\n    try {\n      this.inValid = false;\n      this.value = val != null && val != undefined ? Number.parseInt(val) : val;\n    } catch {\n      this.inValid = true;\n    }\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  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n    if (disabled) {\n      this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);\n    } else {\n      this.renderer.removeAttribute(this.el.nativeElement, 'disabled');\n    }\n  }\n\n  registerOnValidatorChange(fn: () => void): void {\n    this._onValidateChange = fn;\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    if (this.inValid === true) {\n      return { invalid: true };\n    }\n    if (this.value && this.value > 360) return { max: true };\n    if (this.value && this.value < 0) return { min: true };\n    return null;\n  }\n\n  public toggle() {\n    if (this.pickerRef || this.isDisabled) {\n      this.destroyAnglePicker();\n      return;\n    }\n\n    this.pickerRef = this.overlayService.open({\n      anchor: this.el.nativeElement,\n      component: NgxAngleSelectorComponent,\n      viewContainerRef: this.viewContainerRef,\n      alignment: 'center',\n      placement: 'bottom',\n      margin: 2,\n      configure: (instance, ref) => {\n        instance.size = this.size;\n        instance.setTheme = this.theme;\n        instance.writeValue(this.value);\n\n        instance.change.subscribe((c: number) => {\n          this.value = c;\n          this.emitChange(c);\n        });\n\n        // instance.closed.subscribe(() => ref.close());\n      },\n      onClosed: () => {\n        this.pickerRef = undefined;\n      },\n    });\n  }\n\n  private destroyAnglePicker() {\n    this.pickerRef?.close();\n    this.pickerRef = undefined;\n  }\n\n  private async emitChange(c: number) {\n    this.renderer.setProperty(this.el.nativeElement, 'value', c);\n\n    this._onChange(c);\n    this.change.emit(c);\n    this._onTouched();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-kit-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-kit-angle-selector.ts"],"sourcesContent":["import {\n  Component,\n  Output,\n  EventEmitter,\n  ElementRef,\n  ViewChild,\n  AfterViewInit,\n  OnInit,\n  inject,\n  signal,\n  DestroyRef,\n  forwardRef,\n  ChangeDetectionStrategy,\n  input,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BrowserService } from 'ngx-kit/core';\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: [],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxAngleSelectorComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style.--ngx-size]': 'size()+\"px\"',\n  },\n})\nexport class NgxAngleSelectorComponent implements OnInit, AfterViewInit, ControlValueAccessor {\n  browserService = inject(BrowserService);\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\">\n  <div #selectorContainer class=\"angle-selector\">\n    <div class=\"center-dot\"></div>\n    <div #hand class=\"hand\" [style.transform]=\"'rotate(' + currentAngle() + 'deg)'\"></div>\n\n    @for (angle of tickes; track $index) {\n      <div [style.transform]=\"'rotate(' + angle + 'deg)'\" class=\"tick\"></div>\n    }\n  </div>\n</div>\n","import {\n  Directive,\n  forwardRef,\n  OnDestroy,\n  Input,\n  ElementRef,\n  Renderer2,\n  ViewContainerRef,\n  HostListener,\n  Output,\n  EventEmitter,\n  input,\n} from '@angular/core';\nimport {\n  NG_VALUE_ACCESSOR,\n  NG_VALIDATORS,\n  ControlValueAccessor,\n  Validator,\n  AbstractControl,\n  ValidationErrors,\n} from '@angular/forms';\nimport { OverlayRef, OverlayService } from 'ngx-kit/core';\nimport { NgxAngleSelectorComponent } from '../components/input-angle.component';\n\n@Directive({\n  selector: '[ngxInputAngle]',\n  exportAs: 'ngxInputAngle',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NgxInputAngle),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => NgxInputAngle),\n      multi: true,\n    },\n  ],\n})\nexport class NgxInputAngle implements OnDestroy, ControlValueAccessor, Validator {\n  size = input<number>(90);\n  openOnCLick = input<boolean>(true);\n  @Output() change = new EventEmitter<number>();\n  private value?: number | null;\n  private pickerRef?: OverlayRef<NgxAngleSelectorComponent>;\n  inValid: boolean = false;\n\n  private isDisabled = false;\n  protected _onChange = (value?: number | null) => {};\n  protected _onTouched = () => {};\n  _onValidateChange = () => {};\n\n  constructor(\n    private el: ElementRef<HTMLInputElement>,\n    private renderer: Renderer2,\n    private viewContainerRef: ViewContainerRef,\n    private overlayService: OverlayService,\n  ) {}\n\n  ngOnDestroy(): void {\n    this.destroyAnglePicker();\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(ev: Event) {\n    if (this.openOnCLick() && !this.isDisabled) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      this.toggle();\n    }\n  }\n\n  @HostListener('input', ['$event'])\n  onInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.parseInput(input.value);\n    this._onChange(this.value);\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this._onTouched();\n  }\n\n  writeValue(val: any): void {\n    this.parseInput(val);\n    this.renderer.setProperty(this.el.nativeElement, 'value', this.value);\n\n    this.inValid = false;\n    if (this.pickerRef && this.pickerRef.componentRef) {\n      this.pickerRef.componentRef.instance.writeValue(this.value);\n    }\n    this._onValidateChange();\n  }\n\n  parseInput(val: any) {\n    try {\n      this.inValid = false;\n      this.value = val != null && val != undefined ? Number.parseInt(val) : val;\n    } catch {\n      this.inValid = true;\n    }\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  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n    if (disabled) {\n      this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);\n    } else {\n      this.renderer.removeAttribute(this.el.nativeElement, 'disabled');\n    }\n  }\n\n  registerOnValidatorChange(fn: () => void): void {\n    this._onValidateChange = fn;\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    if (this.inValid === true) {\n      return { invalid: true };\n    }\n    if (this.value && this.value > 360) return { max: true };\n    if (this.value && this.value < 0) return { min: true };\n    return null;\n  }\n\n  public toggle() {\n    if (this.pickerRef || this.isDisabled) {\n      this.destroyAnglePicker();\n      return;\n    }\n\n    this.pickerRef = this.overlayService.open({\n      anchor: this.el.nativeElement,\n      component: NgxAngleSelectorComponent,\n      viewContainerRef: this.viewContainerRef,\n      alignment: 'center',\n      placement: 'bottom',\n      margin: 2,\n      configure: (instance, ref) => {\n        instance.size = this.size;\n        instance.writeValue(this.value);\n        instance.change.subscribe((c: number) => {\n          this.value = c;\n          this.emitChange(c);\n        });\n\n        // instance.closed.subscribe(() => ref.close());\n      },\n      onClosed: () => {\n        this.pickerRef = undefined;\n      },\n    });\n  }\n\n  private destroyAnglePicker() {\n    this.pickerRef?.close();\n    this.pickerRef = undefined;\n  }\n\n  private async emitChange(c: number) {\n    this.renderer.setProperty(this.el.nativeElement, 'value', c);\n\n    this._onChange(c);\n    this.change.emit(c);\n    this._onTouched();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}