ngx-kit 1.0.0 → 2.0.0

package/dialog/README.md

@@ -0,0 +1,169 @@
+# NgxDialog
+
+🎉 Open angular component as a dialog(popup) in Angular Framework without Cdk Material
+
+## 📦Demo
+
+[🚀demo](https://mr-samani.web.app/demo/dialog)
+
+## Install
+
+- NPM: npm i @mr-samani/ngx-dialog
+- YARN: yarn add @mr-samani/ngx-dialog
+
+## Usage
+
+Import `NgxDialogModule` to your working module
+
+```
+import { NgxDialogModule } from  'ngx-dialog';
+
+@NgModule({
+  imports: [
+    NgxDialogModule
+  ]
+})
+export class AppModule { }
+
+```
+
+## For open dialog
+
+```
+import { Component, OnInit } from '@angular/core';
+import { NgxOverlayService } from 'ngx-dialog';
+import { ModalComponent } from './modal/modal.component';
+
+@Component({
+  selector: 'app-demo',
+  templateUrl: './demo.component.html',
+  styleUrls: ['./demo.component.scss']
+})
+export class DemoComponent implements OnInit {
+
+  constructor(
+    private ngxDialog: NgxOverlayService
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+
+  openDialog() {
+    this.ngxDialog.open(ModalComponent, {
+      data: {
+        a: 123
+      },
+      containerClass: 'my dialog ',
+      allowCloseOnOutsideClick: true,
+      maxWidth: '80%',
+      maxHeight: '80%'
+    }).afterClosed.subscribe((r: any) => {
+      console.log('closed result=', r);
+    });
+  }
+
+}
+```
+
+## Modal component
+
+```
+import { JsonPipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { NgxDialogConfig, DIALOG_REF, NgxOverlayService } from 'ngx-dialog';
+
+@Component({
+  selector: 'app-modal',
+  templateUrl: './modal.component.html',
+  styleUrls: ['./modal.component.scss']
+})
+export class ModalComponent implements OnInit {
+  data: any;
+  private dialogRef = inject(DIALOG_REF);
+
+  constructor(
+    public config: NgxDialogConfig,
+    private ngxDialog: NgxOverlayService
+  ) {
+    this.data = config.data;
+  }
+
+  ngOnInit(): void {
+  }
+
+  ok() {
+    alert('param=' + new JsonPipe().transform(this.data));
+  }
+
+  cancel() {
+    this.dialogRef.close(this.data);
+  }
+
+
+  openNewDialog() {
+    this.ngxDialog.open(ModalComponent, {
+      data: {
+        a: this.data.a + 1
+      }
+    }).afterClosed.subscribe((r: any) => {
+      console.log('child closed result=', r);
+    });
+  }
+
+}
+```
+
+## Modal html
+
+```
+<div ngx-dialog-header [showCloseButton]="true">
+    header
+</div>
+<div ngx-dialog-body>
+    <p>modal works!</p>
+    {{data|json}}
+</div>
+<div ngx-dialog-footer [align]="'space-between'">
+    <div>
+        <button (click)="ok()" type="button" class="btn btn-primary mx-1">ok</button>
+        <button (click)="cancel()" type="button" class="btn btn-warning mx-1">cancel</button>
+    </div>
+
+    <button (click)="openNewDialog()" type="button" class="btn btn-info mx-1">open New Dialog</button>
+</div>
+```
+
+## For create draggable dialog:
+
+you can use NgxDragableResizable library
+[🚀npm](https://www.npmjs.com/package/ngx-dragable-resizable)
+and change dialog header to:
+
+```
+ <div ngx-dialog-header [showCloseButton]="true" NgxDragableResizable [dragRootElement]="'.ngx-dialog'">
+       header
+ </div>
+```
+
+## Dialog config
+
+| Name                       | Type    | Default | Description                                                |
+| -------------------------- | ------- | ------- | ---------------------------------------------------------- |
+| [data]                     | any     | {}      | Pass data to modal component                               |
+| [allowCloseOnOutsideClick] | boolean | false   | The user can close the modal by clicking outside the modal |
+| [containerClass]           | string  | null    | Css class name                                             |
+| [header]                   | string  | null    | Header config                                              |
+| [footer]                   | string  | null    | Footer config                                              |
+| [width]                    | string  | ""      | Width of dialog                                            |
+| [minWidth]                 | string  | ""      | Minimum width of dialog                                    |
+| [maxWidth]                 | string  | ""      | Maximum width of dialog                                    |
+| [height]                   | string  | ""      | Height of dialog                                           |
+| [minHeight]                | string  | ""      | Minimum height of dialog                                   |
+| [maxHeight]                | string  | ""      | Maximum height of dialog                                   |
+
+## Author
+
+💻Mohammadreza samani | FrontEnd Developer
+
+[❤️Buy me a coffee 😉](https://www.buymeacoffee.com/mrsamani/ngxdragableresizable)

package/fesm2022/{ngx-input-angle-selector.mjs → ngx-kit-angle-selector.mjs}

@@ -1,10 +1,9 @@
-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 * as i1 from 'ngx-kit/shared';
+import { BrowserService } from 'ngx-kit/shared';
 import { Subject, fromEvent, tap, switchMap, merge, map, filter, takeUntil, repeat } from 'rxjs';
 
 class NgxAngleSelectorComponent {
@@ -135,11 +134,11 @@ class NgxAngleSelectorComponent {
                 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 });
+        ], 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"], 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: [
+            args: [{ selector: 'ngx-input-angle', standalone: true, imports: [], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => NgxAngleSelectorComponent),
@@ -163,7 +162,7 @@ class NgxInputAngle {
     el;
     renderer;
     viewContainerRef;
-    dialogService;
+    overlayService;
     theme = 'auto';
     size = input(90, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
@@ -173,20 +172,21 @@ class NgxInputAngle {
     value;
     pickerRef;
     inValid = false;
+    isDisabled = false;
     _onChange = (value) => { };
     _onTouched = () => { };
     _onValidateChange = () => { };
-    constructor(el, renderer, viewContainerRef, dialogService) {
+    constructor(el, renderer, viewContainerRef, overlayService) {
         this.el = el;
         this.renderer = renderer;
         this.viewContainerRef = viewContainerRef;
-        this.dialogService = dialogService;
+        this.overlayService = overlayService;
     }
     ngOnDestroy() {
         this.destroyAnglePicker();
     }
     onClick(ev) {
-        if (this.openOnCLick()) {
+        if (this.openOnCLick() && !this.isDisabled) {
             ev.stopPropagation();
             ev.preventDefault();
             this.toggle();
@@ -204,7 +204,7 @@ class NgxInputAngle {
         this.parseInput(val);
         this.renderer.setProperty(this.el.nativeElement, 'value', this.value);
         this.inValid = false;
-        if (this.pickerRef) {
+        if (this.pickerRef && this.pickerRef.componentRef) {
             this.pickerRef.componentRef.instance.writeValue(this.value);
         }
         this._onValidateChange();
@@ -225,6 +225,7 @@ class NgxInputAngle {
         this._onTouched = fn;
     }
     setDisabledState(disabled) {
+        this.isDisabled = disabled;
         if (disabled) {
             this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);
         }
@@ -246,11 +247,11 @@ class NgxInputAngle {
         return null;
     }
     toggle() {
-        if (this.pickerRef) {
+        if (this.pickerRef || this.isDisabled) {
             this.destroyAnglePicker();
             return;
         }
-        this.pickerRef = this.dialogService.open({
+        this.pickerRef = this.overlayService.open({
             anchor: this.el.nativeElement,
             component: NgxAngleSelectorComponent,
             viewContainerRef: this.viewContainerRef,
@@ -263,7 +264,6 @@ class NgxInputAngle {
                 instance.writeValue(this.value);
                 instance.change.subscribe((c) => {
                     this.value = c;
-                    console.log('v', c);
                     this.emitChange(c);
                 });
                 // instance.closed.subscribe(() => ref.close());
@@ -283,7 +283,7 @@ class NgxInputAngle {
         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 ɵ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: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -315,7 +315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i1.DialogService }], propDecorators: { theme: [{
+        }], 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: [{
                 type: Output
@@ -335,4 +335,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
  */
 
 export { NgxAngleSelectorComponent, NgxInputAngle };
-//# sourceMappingURL=ngx-input-angle-selector.mjs.map
+//# sourceMappingURL=ngx-kit-angle-selector.mjs.map

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

@@ -0,0 +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\">\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 { OverlayRef, OverlayService } from 'ngx-kit/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?: OverlayRef<NgxAngleSelectorComponent>;\r\n  inValid: boolean = false;\r\n\r\n  private isDisabled = false;\r\n  protected _onChange = (value?: number | null) => {};\r\n  protected _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 overlayService: OverlayService,\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() && !this.isDisabled) {\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 && this.pickerRef.componentRef) {\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    this.isDisabled = disabled;\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 || this.isDisabled) {\r\n      this.destroyAnglePicker();\r\n      return;\r\n    }\r\n\r\n    this.pickerRef = this.overlayService.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          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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"}

package/fesm2022/{ngx-input-box-shadow.mjs → ngx-kit-box-shadow.mjs}

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { EventEmitter, inject, forwardRef, HostListener, ViewChild, Output, Input, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import * as i1$1 from 'ngx-input/shared';
-import { BrowserService, getOffsetPosition } from 'ngx-input/shared';
-import { NgxInputColor } from 'ngx-input/color-picker';
+import * as i1$1 from 'ngx-kit/shared';
+import { BrowserService, getOffsetPosition } from 'ngx-kit/shared';
+import { NgxInputColor } from 'ngx-kit/color-picker';
 
 function parseBoxShadowToPx(shadow, contextPx = 16) {
     if (!shadow || !shadow?.trim())
@@ -311,18 +311,18 @@ class NgxInputBoxShadow {
     el;
     viewContainerRef;
     renderer;
-    dialogService;
+    overlayService;
     setInputBackground = true;
     pickerRef;
     value = '';
     _onChange = (value) => { };
     _onTouched = () => { };
     _onValidateChange = () => { };
-    constructor(el, viewContainerRef, renderer, dialogService) {
+    constructor(el, viewContainerRef, renderer, overlayService) {
         this.el = el;
         this.viewContainerRef = viewContainerRef;
         this.renderer = renderer;
-        this.dialogService = dialogService;
+        this.overlayService = overlayService;
     }
     onClick(ev) {
         ev.stopPropagation();
@@ -360,7 +360,7 @@ class NgxInputBoxShadow {
             this.destroyPicker();
             return;
         }
-        this.pickerRef = this.dialogService.open({
+        this.pickerRef = this.overlayService.open({
             anchor: this.el.nativeElement,
             component: NgxBoxShadowComponent,
             viewContainerRef: this.viewContainerRef,
@@ -384,7 +384,7 @@ class NgxInputBoxShadow {
             this.pickerRef = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputBoxShadow, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputBoxShadow, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i1$1.OverlayService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: NgxInputBoxShadow, isStandalone: true, selector: "[ngxInputBoxShadow]", inputs: { setInputBackground: "setInputBackground" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxInputBoxShadow), multi: true },
             {
@@ -407,7 +407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i1$1.DialogService }], propDecorators: { setInputBackground: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i1$1.OverlayService }], propDecorators: { setInputBackground: [{
                 type: Input
             }], onClick: [{
                 type: HostListener,
@@ -419,4 +419,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
  */
 
 export { NgxBoxShadowComponent, NgxInputBoxShadow };
-//# sourceMappingURL=ngx-input-box-shadow.mjs.map
+//# sourceMappingURL=ngx-kit-box-shadow.mjs.map

package/fesm2022/ngx-kit-box-shadow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-kit-box-shadow.mjs","sources":["../../../projects/libs/box-shadow/utils/box-shadow.ts","../../../projects/libs/box-shadow/components/box-shadow.component.ts","../../../projects/libs/box-shadow/components/box-shadow.component.html","../../../projects/libs/box-shadow/directives/ngx-input-box-shadow.directive.ts","../../../projects/libs/box-shadow/ngx-kit-box-shadow.ts"],"sourcesContent":["import { BoxShadowValue } from '../contracts/BoxShadowValue';\r\nexport function parseBoxShadowToPx(shadow: string, contextPx = 16): BoxShadowValue | null {\r\n  if (!shadow || !shadow?.trim()) return null;\r\n  let inset = false;\r\n  shadow = shadow.trim();\r\n\r\n  if (shadow.startsWith('inset')) {\r\n    inset = true;\r\n    shadow = shadow.slice(5).trim();\r\n  }\r\n\r\n  const colorRegex =\r\n    /(#(?:[a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{4}|[a-f0-9]{8})\\b|rgb\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}\\)|rgba\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3},\\s*\\d*(?:\\.\\d+)?\\)|hsl\\(\\s*\\d+,\\s*\\d*(?:\\.\\d+)?%,\\s*\\d*(?:\\.\\d+)?%\\)|hsla\\(\\d+,\\s*[\\d.]+%,\\s*[\\d.]+%,\\s*\\d*(?:\\.\\d+)?\\))/gi;\r\n  const colorMatch = shadow.match(colorRegex);\r\n  let color = 'black';\r\n  if (colorMatch) {\r\n    color = colorMatch[0];\r\n    shadow = shadow.replace(color, '').trim();\r\n  }\r\n\r\n  const toPx = (value: number, unit: string): number => {\r\n    switch (unit.toLowerCase()) {\r\n      case 'px':\r\n      case '':\r\n        return value;\r\n      case 'em':\r\n      case 'rem':\r\n        return value * contextPx;\r\n      case '%':\r\n        return (value / 100) * contextPx;\r\n      case 'pt':\r\n        return value * 1.333;\r\n      default:\r\n        return value; // fallback\r\n    }\r\n  };\r\n\r\n  const matches = [...shadow.matchAll(/(-?\\d*\\.?\\d+)([a-zA-Z%]*)/g)];\r\n  const values = matches.map(([_, num, unit]) => toPx(parseFloat(num), unit));\r\n\r\n  const [offsetX, offsetY, blur, spread] = values;\r\n\r\n  return {\r\n    inset,\r\n    offsetX: offsetX ?? 0,\r\n    offsetY: offsetY ?? 0,\r\n    blurRadius: blur ?? 0,\r\n    spreadRadius: spread ?? 0,\r\n    color,\r\n  };\r\n}\r\n\r\nexport function stringifyBoxShadow(obj: BoxShadowValue): string {\r\n  const { inset, offsetX, offsetY, blurRadius, spreadRadius, color } = obj;\r\n\r\n  const parts = [\r\n    inset ? 'inset' : '',\r\n    `${offsetX}px`,\r\n    `${offsetY}px`,\r\n    `${blurRadius}px`,\r\n    `${spreadRadius}px`,\r\n    color,\r\n  ];\r\n\r\n  return parts.filter(Boolean).join(' ').trim();\r\n}\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  forwardRef,\r\n  OnInit,\r\n  OnDestroy,\r\n  ChangeDetectorRef,\r\n  HostListener,\r\n  ElementRef,\r\n  ViewChild,\r\n  AfterViewInit,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  inject,\r\n} from '@angular/core';\r\nimport {\r\n  NG_VALUE_ACCESSOR,\r\n  NG_VALIDATORS,\r\n  FormsModule,\r\n  ControlValueAccessor,\r\n  Validator,\r\n  AbstractControl,\r\n  ValidationErrors,\r\n} from '@angular/forms';\r\nimport { parseBoxShadowToPx, stringifyBoxShadow } from '../utils/box-shadow';\r\nimport { IPosition, getOffsetPosition } from 'ngx-kit/shared';\r\nimport { NgxInputColor } from 'ngx-kit/color-picker';\r\nimport { BrowserService } from 'ngx-kit/shared';\r\n\r\n@Component({\r\n  selector: 'ngx-box-shadow',\r\n  templateUrl: './box-shadow.component.html',\r\n  styleUrls: ['./box-shadow.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxBoxShadowComponent), multi: true },\r\n    {\r\n      provide: NG_VALIDATORS,\r\n      multi: true,\r\n      useExisting: NgxBoxShadowComponent,\r\n    },\r\n  ],\r\n  imports: [FormsModule, NgxInputColor],\r\n  host: {\r\n    '[class.dark]': 'theme==\"dark\"',\r\n  },\r\n})\r\nexport class NgxBoxShadowComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {\r\n  theme: 'light' | 'dark' | 'auto' = 'light';\r\n  @Input('theme') set setTheme(val: 'light' | 'dark' | 'auto') {\r\n    if (!val || val == 'auto') {\r\n      this.theme = this.browserService.prefersDarkMode ? 'dark' : 'light';\r\n    } else {\r\n      this.theme = val;\r\n    }\r\n  }\r\n  /**\r\n   * The maximum range of the box shadow.\r\n   * @default 25\r\n   */\r\n  @Input() maxRange = 25;\r\n  @Output() change = new EventEmitter<string>();\r\n  isDisabled = false;\r\n  isDragging = false;\r\n  value: IPosition = { x: 0, y: 0 };\r\n  x = 0;\r\n  y = 0;\r\n  blur = 0;\r\n  spread = 0;\r\n  color = 'black';\r\n  line: { x1: number; y1: number; x2: number; y2: number } = { x1: 0, y1: 0, x2: 0, y2: 0 };\r\n  center: { x: number; y: number } = { x: 0, y: 0 };\r\n\r\n  padRect?: DOMRect;\r\n  thumbRect?: DOMRect;\r\n  protected _onChange = (value: string) => {};\r\n  protected _onTouched =  () => {};\r\n  _onValidateChange = () => {};\r\n\r\n  @ViewChild('pad', { static: true }) pad!: ElementRef<HTMLDivElement>;\r\n  @ViewChild('thumb', { static: true }) thumb!: ElementRef<HTMLDivElement>;\r\n\r\n  browserService = inject(BrowserService);\r\n\r\n  constructor(private cd: ChangeDetectorRef) {}\r\n\r\n  ngOnInit(): void {}\r\n  ngAfterViewInit(): void {\r\n    this.updateRects();\r\n  }\r\n  ngOnDestroy(): void {}\r\n  registerOnChange(fn: any): void {\r\n    this._onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this._onTouched = fn;\r\n  }\r\n  setDisabledState(disabled: boolean): void {\r\n    this.isDisabled = disabled;\r\n  }\r\n  registerOnValidatorChange(fn: () => void): void {\r\n    this._onValidateChange = fn;\r\n  }\r\n  validate(control: AbstractControl): ValidationErrors | null {\r\n    return null;\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.resetPosition();\r\n    if (value) {\r\n      const boxShadow = parseBoxShadowToPx(value);\r\n      // console.log(boxShadow);\r\n      if (boxShadow) {\r\n        this.value = { x: boxShadow.offsetX, y: boxShadow.offsetY };\r\n        this.blur = boxShadow.blurRadius;\r\n        this.spread = boxShadow.spreadRadius;\r\n        this.color = boxShadow.color;\r\n        this.convertValueToPosition(boxShadow.offsetX, boxShadow.offsetY);\r\n      }\r\n    }\r\n  }\r\n\r\n  dragStart(ev: MouseEvent | TouchEvent) {\r\n    ev.stopPropagation();\r\n    ev.preventDefault();\r\n    this.isDragging = true;\r\n    this.updatePosition(ev);\r\n    this.updateRects();\r\n  }\r\n  private updateRects() {\r\n    this.padRect = this.pad.nativeElement.getBoundingClientRect();\r\n    this.thumbRect = this.thumb.nativeElement.getBoundingClientRect();\r\n  }\r\n  private resetPosition() {\r\n    if (!this.padRect || !this.thumbRect) this.updateRects();\r\n    this.center = { x: this.padRect!.width / 2, y: this.padRect!.height / 2 };\r\n    this.x = this.center.x - this.thumbRect!.width / 2;\r\n    this.y = this.center.y - this.thumbRect!.height / 2;\r\n    this.line = { x1: this.center.x, y1: this.center.y, x2: this.center.x, y2: this.center.y };\r\n    this.cd.detectChanges();\r\n  }\r\n\r\n  @HostListener('window:resize')\r\n  onResize() {\r\n    this.writeValue(this.value);\r\n  }\r\n\r\n  @HostListener('document:mousemove', ['$event'])\r\n  @HostListener('document:touchmove', ['$event'])\r\n  onDrag(ev: MouseEvent | TouchEvent) {\r\n    if (!this.isDragging) return;\r\n    this.updatePosition(ev);\r\n  }\r\n\r\n  private updatePosition(ev: MouseEvent | TouchEvent) {\r\n    if (!this.isDragging) return;\r\n    if (!this.padRect || !this.thumbRect) this.updateRects();\r\n    const position = getOffsetPosition(ev, this.pad.nativeElement);\r\n\r\n    const padRec = this.padRect!;\r\n    const thumbRec = this.thumbRect!;\r\n\r\n    const minX = thumbRec.width / 2;\r\n    const maxX = padRec.width - thumbRec.width / 2;\r\n    const minY = thumbRec.height / 2;\r\n    const maxY = padRec.height - thumbRec.height / 2;\r\n\r\n    const clampedX = Math.max(minX, Math.min(position.x, maxX));\r\n    const clampedY = Math.max(minY, Math.min(position.y, maxY));\r\n\r\n    // فقط یکبار از وسط اصلاح کن\r\n    this.x = clampedX - thumbRec.width / 2;\r\n    this.y = clampedY - thumbRec.height / 2;\r\n\r\n    this.line = {\r\n      x1: this.center.x,\r\n      y1: this.center.y,\r\n      x2: this.x + thumbRec.width / 2,\r\n      y2: this.y + thumbRec.height / 2,\r\n    };\r\n\r\n    this.setValueByPosition(thumbRec, padRec);\r\n  }\r\n\r\n  @HostListener('document:mouseup', ['$event'])\r\n  @HostListener('document:touchend', ['$event'])\r\n  onDragEnd(ev: MouseEvent | TouchEvent) {\r\n    this.isDragging = false;\r\n  }\r\n\r\n  setValueByPosition(thumbRec: DOMRect, padRec: DOMRect) {\r\n    const padCenterX = (padRec.width - thumbRec.width) / 2;\r\n    const padCenterY = (padRec.height - thumbRec.height) / 2;\r\n\r\n    // فاصله thumb از مرکز\r\n    const dx = this.x - padCenterX;\r\n    const dy = this.y - padCenterY;\r\n\r\n    // مقیاس تبدیل به -50 تا +50 (یا هرچقدر بخوای)\r\n    const halfRangeX = (padRec.width - thumbRec.width) / 2;\r\n    const halfRangeY = (padRec.height - thumbRec.height) / 2;\r\n\r\n    let valueX = (dx / halfRangeX) * this.maxRange; // -50 تا +50\r\n    let valueY = (dy / halfRangeY) * this.maxRange;\r\n\r\n    // رُند کردن\r\n    valueX = Math.round(valueX);\r\n    valueY = Math.round(valueY);\r\n\r\n    // محدود کردن به -50 تا +50 یا هر مقدار دلخواه\r\n    valueX = Math.min(Math.max(valueX, -this.maxRange), this.maxRange);\r\n    valueY = Math.min(Math.max(valueY, -this.maxRange), this.maxRange);\r\n\r\n    const newValue = { x: valueX, y: valueY };\r\n\r\n    if (!this.value || this.value.x !== valueX || this.value.y !== valueY) {\r\n      this.value = newValue;\r\n      this.onChangeData();\r\n    }\r\n  }\r\n\r\n  public onChangeValue() {\r\n    this.convertValueToPosition(this.value.x, this.value.y);\r\n    this.onChangeData();\r\n  }\r\n  private convertValueToPosition(offsetX: number, offsetY: number) {\r\n    if (!this.padRect || !this.thumbRect) this.updateRects();\r\n\r\n    // موقعیت پیشنهادی بر اساس offset\r\n    let proposedX = this.padRect!.width / 2 + offsetX - this.thumbRect!.width / 2;\r\n    let proposedY = this.padRect!.height / 2 + offsetY - this.thumbRect!.height / 2;\r\n\r\n    // محدود کردن (clamp) تا خارج از pad نره\r\n    const minX = 0;\r\n    const maxX = this.padRect!.width - this.thumbRect!.width;\r\n    const minY = 0;\r\n    const maxY = this.padRect!.height - this.thumbRect!.height;\r\n\r\n    this.x = Math.min(Math.max(proposedX, minX), maxX);\r\n    this.y = Math.min(Math.max(proposedY, minY), maxY);\r\n\r\n    // رسم خط راهنما از مرکز به thumb\r\n    this.line = {\r\n      x1: this.center.x,\r\n      y1: this.center.y,\r\n      x2: this.x + this.thumbRect!.width / 2,\r\n      y2: this.y + this.thumbRect!.height / 2,\r\n    };\r\n\r\n    this.cd.detectChanges();\r\n  }\r\n\r\n  onChangeData() {\r\n    const boxShadow = stringifyBoxShadow({\r\n      inset: false,\r\n      offsetX: this.value.x,\r\n      offsetY: this.value.y,\r\n      blurRadius: this.blur,\r\n      spreadRadius: this.spread,\r\n      color: this.color,\r\n    });\r\n    this._onChange(boxShadow);\r\n    this.change.emit(boxShadow);\r\n  }\r\n\r\n  stopPropagation(ev: Event) {\r\n    ev.stopPropagation();\r\n  }\r\n}\r\n","<div class=\"ngx-box-shadow-container\" (click)=\"stopPropagation($event)\">\r\n  <div class=\"pad-container\" #pad>\r\n    <svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <line\r\n        [attr.x1]=\"line.x1\"\r\n        [attr.y1]=\"line.y1\"\r\n        [attr.x2]=\"line.x2\"\r\n        [attr.y2]=\"line.y2\"\r\n        stroke=\"blue\"\r\n        stroke-width=\"2\" />\r\n    </svg>\r\n    <div\r\n      class=\"thumb\"\r\n      #thumb\r\n      [style.left.px]=\"x\"\r\n      [style.top.px]=\"y\"\r\n      (mousedown)=\"dragStart($event)\"\r\n      (touchstart)=\"dragStart($event)\"></div>\r\n  </div>\r\n\r\n  <div class=\"ngx-settings\">\r\n    <div class=\"ngx-setting-item\">\r\n      <div class=\"ngx-row\">\r\n        <span>Offset X</span>\r\n        <input type=\"number\" id=\"offsetX\" [(ngModel)]=\"value.x\" name=\"offsetX\" (ngModelChange)=\"onChangeValue()\" />\r\n      </div>\r\n      <input\r\n        type=\"range\"\r\n        id=\"offsetX\"\r\n        [(ngModel)]=\"value.x\"\r\n        name=\"rangeOffsetX\"\r\n        (ngModelChange)=\"onChangeValue()\"\r\n        step=\"1\"\r\n        [min]=\"-maxRange\"\r\n        [max]=\"maxRange\" />\r\n    </div>\r\n    <div class=\"ngx-setting-item\">\r\n      <div class=\"ngx-row\">\r\n        <span>Offset Y</span>\r\n        <input type=\"number\" id=\"offsetY\" [(ngModel)]=\"value.y\" name=\"offsetY\" (ngModelChange)=\"onChangeValue()\" />\r\n      </div>\r\n      <input\r\n        type=\"range\"\r\n        id=\"offsetY\"\r\n        [(ngModel)]=\"value.y\"\r\n        name=\"rangeOffsetY\"\r\n        (ngModelChange)=\"onChangeValue()\"\r\n        step=\"1\"\r\n        [min]=\"-maxRange\"\r\n        [max]=\"maxRange\" />\r\n    </div>\r\n    <div class=\"ngx-setting-item\">\r\n      <div class=\"ngx-row\">\r\n        <span>Blur</span>\r\n        <input type=\"number\" id=\"blur\" [(ngModel)]=\"blur\" name=\"blur\" (ngModelChange)=\"onChangeValue()\" />\r\n      </div>\r\n      <input type=\"range\" id=\"blur\" [(ngModel)]=\"blur\" name=\"rangeBlur\" (ngModelChange)=\"onChangeValue()\" step=\"1\" />\r\n    </div>\r\n    <div class=\"ngx-setting-item\">\r\n      <div class=\"ngx-row\">\r\n        <span>Spread</span>\r\n        <input type=\"number\" id=\"spread\" [(ngModel)]=\"spread\" name=\"spread\" (ngModelChange)=\"onChangeValue()\" />\r\n      </div>\r\n      <input\r\n        type=\"range\"\r\n        id=\"spread\"\r\n        [(ngModel)]=\"spread\"\r\n        name=\"rangeSpread\"\r\n        (ngModelChange)=\"onChangeValue()\"\r\n        step=\"1\" />\r\n    </div>\r\n    <div class=\"ngx-setting-item\">\r\n      <div class=\"ngx-row\">\r\n        <span>color</span>\r\n        <input\r\n          type=\"text\"\r\n          readonly\r\n          id=\"color\"\r\n          [(ngModel)]=\"color\"\r\n          name=\"color\"\r\n          ngxInputColor\r\n          [simpleMode]=\"true\"\r\n          (ngModelChange)=\"onChangeData()\"\r\n          autocomplete=\"off\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import {\r\n  ComponentRef,\r\n  Directive,\r\n  ElementRef,\r\n  HostListener,\r\n  Inject,\r\n  Input,\r\n  OnDestroy,\r\n  Renderer2,\r\n  ViewContainerRef,\r\n  forwardRef,\r\n} from '@angular/core';\r\nimport {\r\n  AbstractControl,\r\n  ControlValueAccessor,\r\n  NG_VALIDATORS,\r\n  NG_VALUE_ACCESSOR,\r\n  ValidationErrors,\r\n  Validator,\r\n} from '@angular/forms';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { NgxBoxShadowComponent } from '../components/box-shadow.component';\r\nimport { OverlayRef, OverlayService } from 'ngx-kit/shared';\r\n\r\n@Directive({\r\n  selector: '[ngxInputBoxShadow]',\r\n  providers: [\r\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NgxInputBoxShadow), multi: true },\r\n    {\r\n      provide: NG_VALIDATORS,\r\n      multi: true,\r\n      useExisting: NgxInputBoxShadow,\r\n    },\r\n  ],\r\n})\r\nexport class NgxInputBoxShadow implements OnDestroy, ControlValueAccessor, Validator {\r\n  @Input() setInputBackground = true;\r\n\r\n  private pickerRef?: OverlayRef<NgxBoxShadowComponent>;\r\n\r\n  value = '';\r\n\r\n  protected _onChange = (value: string) => {};\r\n  protected _onTouched =  () => {};\r\n  _onValidateChange = () => {};\r\n  constructor(\r\n    private el: ElementRef,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private renderer: Renderer2,\r\n    private overlayService: OverlayService,\r\n  ) {}\r\n\r\n  @HostListener('click', ['$event']) onClick(ev: Event) {\r\n    ev.stopPropagation();\r\n    ev.preventDefault();\r\n    this.toggleColorPicker();\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this._onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this._onTouched = fn;\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  registerOnValidatorChange(fn: () => void): void {\r\n    this._onValidateChange = fn;\r\n  }\r\n  validate(control: AbstractControl): ValidationErrors | null {\r\n    return null;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroyPicker();\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n  }\r\n\r\n  toggleColorPicker() {\r\n    if (this.pickerRef) {\r\n      this.destroyPicker();\r\n      return;\r\n    }\r\n    this.pickerRef = this.overlayService.open({\r\n      anchor: this.el.nativeElement,\r\n      component: NgxBoxShadowComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      alignment: 'start',\r\n      placement: 'auto',\r\n      configure: (instance, ref) => {\r\n        instance.writeValue(this.value);\r\n\r\n        instance.change.subscribe((c: string) => {\r\n          this._onChange(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  destroyPicker() {\r\n    if (this.pickerRef) {\r\n      this.pickerRef.close();\r\n      this.pickerRef = undefined;\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}