@acorex/components 18.16.0-next.5 → 18.16.0-next.6

package/fesm2022/acorex-components-step-wizard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-step-wizard.mjs","sources":["../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../libs/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.module.ts","../../../../libs/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  computed,\n  input,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardLook } from '../step-wizard.class';\n\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  styleUrl: './step-wizard-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  protected stepLabel = signal<string>('');\n  protected stepDescription = signal<string>('');\n  protected stepId = signal<string>('');\n  protected activeSignal = signal<boolean>(false);\n  protected passedSignal = signal<boolean>(false);\n  protected activeLook = signal<AXStepWizardLook>(this.look);\n  protected className = computed<string>(() =>\n    this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '',\n  );\n\n  step = input(1);\n\n  @Input()\n  customTemplate: TemplateRef<unknown>;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  @Input()\n  public set look(v: AXStepWizardLook) {\n    this.activeLook.set(v);\n  }\n  @Input()\n  public set active(v: boolean) {\n    this.activeSignal.set(v);\n    if (v) this.passedSignal.set(false);\n  }\n\n  @Input()\n  public set passed(v: boolean) {\n    this.passedSignal.set(v);\n    if (v) this.activeSignal.set(false);\n  }\n\n  @Input()\n  public set label(v: string) {\n    this.stepLabel.set(v);\n  }\n  @Input()\n  public set description(v: string) {\n    this.stepDescription.set(v);\n  }\n\n  @Input()\n  public override set id(v: string) {\n    this.stepId.set(v);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [this.className()];\n  }\n}\n","@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[axStepWizardContent]',\n  exportAs: 'axStepWizardContent',\n  inputs: ['portal: axStepWizardContent'],\n})\nexport class AXStepWizardContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXOrientation, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  effect,\n  model,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n *  @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n  selector: 'ax-step-wizard',\n  template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n  styleUrls: ['./step-wizard.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  look = model<AXStepWizardLook>('classic-circular');\n\n  /** @ignore */\n  protected activeStepIndex = signal<number>(0);\n\n  /** @ignore */\n  protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n  public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n  public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n  #effect = effect(\n    () => {\n      this.steps()?.forEach((s) => {\n        s.look = this.look();\n      });\n    },\n    {\n      allowSignalWrites: true,\n    },\n  );\n\n  /** @ignore */\n  #stepChangeEffect = effect(\n    () => {\n      const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n      this.steps().forEach((s, i) => {\n        s.active = false;\n        s.passed = false;\n        if (i < this.activeStepIndex()) {\n          this.steps()[i].passed = true;\n        }\n      });\n      this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n      this.steps()[this.activeStepIndex()].active = true;\n      this.changeStepContent(step);\n    },\n    {\n      allowSignalWrites: true,\n    },\n  );\n\n  /** @ignore */\n  private changeStepContent(step?: AXStepWizardItemComponent) {\n    if (this.content && step) {\n      this.content.portal = step.template;\n    }\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n  }\n\n  /** @ignore */\n  // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n  steps = contentChildren(AXStepWizardItemComponent);\n\n  /**\n   * Sets the orientation of the component.\n   *\n   * @param v\n   */\n  @Input()\n  public set orientation(v: AXOrientation) {\n    this.activeOrientation.set(v);\n  }\n\n  @Input()\n  content!: AXStepWizardContentDirective;\n\n  /**\n   * Advances to the next step if available.\n   */\n  public next() {\n    this.activeStepIndex.update((prev) => {\n      if (prev < this.steps().length - 1) return prev + 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Moves to the previous step if available.\n   */\n  public previous() {\n    this.activeStepIndex.update((prev) => {\n      if (prev > 0) return prev - 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Directly navigates to the specified step by its index.\n   * @param stepIndex\n   */\n  public goStep(stepIndex: number) {\n    this.activeStepIndex.set(stepIndex - 1);\n  }\n\n  /**\n   * Resets the wizard to the first step.\n   */\n  public reset() {\n    this.activeStepIndex.set(0);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const classList = [`ax-look-${this.look()}`];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXStepWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-step-wizard.mjs","sources":["../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard-item/step-wizard-item.component.html","../../../../libs/components/step-wizard/src/lib/step-wizard.directive.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.component.ts","../../../../libs/components/step-wizard/src/lib/step-wizard.module.ts","../../../../libs/components/step-wizard/src/acorex-components-step-wizard.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n  computed,\n  input,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardLook } from '../step-wizard.class';\n\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  styleUrl: './step-wizard-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  protected stepLabel = signal<string>('');\n  protected stepDescription = signal<string>('');\n  protected stepId = signal<string>('');\n  protected activeSignal = signal<boolean>(false);\n  protected passedSignal = signal<boolean>(false);\n  protected activeLook = signal<AXStepWizardLook>(this.look);\n  protected className = computed<string>(() =>\n    this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '',\n  );\n\n  step = input(1);\n\n  @Input()\n  customTemplate: TemplateRef<unknown>;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  @Input()\n  public set look(v: AXStepWizardLook) {\n    this.activeLook.set(v);\n  }\n  @Input()\n  public set active(v: boolean) {\n    this.activeSignal.set(v);\n    if (v) this.passedSignal.set(false);\n  }\n\n  @Input()\n  public set passed(v: boolean) {\n    this.passedSignal.set(v);\n    if (v) this.activeSignal.set(false);\n  }\n\n  @Input()\n  public set label(v: string) {\n    this.stepLabel.set(v);\n  }\n  @Input()\n  public set description(v: string) {\n    this.stepDescription.set(v);\n  }\n\n  @Input()\n  public override set id(v: string) {\n    this.stepId.set(v);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return [this.className()];\n  }\n}\n","@switch (activeLook()) {\n  @case ('with-line') {\n    @if (passedSignal()) {\n      <ax-icon class=\"fas far fa-check-circle\"> </ax-icon>\n    } @else if (activeSignal()) {\n      <ax-icon class=\"fas fa-circle-dot\"> </ax-icon>\n    } @else {\n      <ax-icon class=\"far fa-circle\"> </ax-icon>\n    }\n    <div class=\"ax-flex ax-flex-col\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('with-line-number') {\n    <div class=\"ax-number-circle-contianer\">\n      @if (passedSignal()) {\n        <div class=\"ax-icon-container\">\n          <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n        </div>\n      } @else if (activeSignal()) {\n        <div class=\"ax-number-contianer ax-number-contianer-active\">\n          <p>{{ step() }}</p>\n        </div>\n      } @else {\n        <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n          <p>{{ step() }}</p>\n        </div>\n      }\n      <div class=\"ax-flex\">\n        <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n          {{ stepLabel() }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"ax-step-line\"></div>\n  }\n\n  @case ('classic-circular') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @case ('classic-rounded') {\n    <div class=\"ax-step-wizard-item-icon\">\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n    <div class=\"ax-step-wizard-item-title\">\n      <p>{{ stepLabel() }}</p>\n      <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n    </div>\n  }\n\n  @default {\n    @if (customTemplate) {\n      <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n    }\n  }\n}\n\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[axStepWizardContent]',\n  exportAs: 'axStepWizardContent',\n  inputs: ['portal: axStepWizardContent'],\n})\nexport class AXStepWizardContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXOrientation, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  effect,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook } from './step-wizard.class';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\n/**\n *  @category\n * A component for creating a step-by-step wizard interface.\n */\n@Component({\n  selector: 'ax-step-wizard',\n  template: ` <ng-content select=\"ax-step-wizard-item\"></ng-content> `,\n  styleUrls: ['./step-wizard.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  look = model<AXStepWizardLook>('classic-circular');\n\n  changeStep = input(false);\n\n  #changeStepEffect = effect(() => {\n    this.steps().forEach((item, i = 1) => {\n      const stepItem = item.getHostElement();\n      if (this.changeStep()) {\n        stepItem.addEventListener('click', () => this.goStep(i));\n        stepItem.style.pointerEvents = 'auto';\n        stepItem.style.cursor = 'pointer';\n      } else {\n        stepItem.style.pointerEvents = 'none';\n        stepItem.style.cursor = 'default';\n      }\n      i++;\n    });\n  });\n\n  /** @ignore */\n  protected activeStepIndex = signal<number>(0);\n\n  /** @ignore */\n  protected activeOrientation = signal<AXOrientation>(this.orientation);\n\n  public isFirst = computed<boolean>(() => this.activeStepIndex() === 0);\n  public isLast = computed<boolean>(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n  #effect = effect(\n    () => {\n      this.steps()?.forEach((s) => {\n        s.look = this.look();\n      });\n    },\n    {\n      allowSignalWrites: true,\n    },\n  );\n\n  /** @ignore */\n  #stepChangeEffect = effect(\n    () => {\n      const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n      this.steps().forEach((s, i) => {\n        s.active = false;\n        s.passed = false;\n        if (i < this.activeStepIndex()) {\n          this.steps()[i].passed = true;\n        }\n      });\n      this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n      this.steps()[this.activeStepIndex()].active = true;\n      this.changeStepContent(step);\n    },\n    {\n      allowSignalWrites: true,\n    },\n  );\n\n  /** @ignore */\n  private changeStepContent(step?: AXStepWizardItemComponent) {\n    if (this.content && step) {\n      this.content.portal = step.template;\n    }\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n  }\n\n  /** @ignore */\n  // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n  steps = contentChildren(AXStepWizardItemComponent);\n\n  /**\n   * Sets the orientation of the component.\n   *\n   * @param v\n   */\n  @Input()\n  public set orientation(v: AXOrientation) {\n    this.activeOrientation.set(v);\n  }\n\n  @Input()\n  content!: AXStepWizardContentDirective;\n\n  /**\n   * Advances to the next step if available.\n   */\n  public next() {\n    this.activeStepIndex.update((prev) => {\n      if (prev < this.steps().length - 1) return prev + 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Moves to the previous step if available.\n   */\n  public previous() {\n    this.activeStepIndex.update((prev) => {\n      if (prev > 0) return prev - 1;\n      else return prev;\n    });\n  }\n\n  /**\n   * Directly navigates to the specified step by its index.\n   * @param stepIndex\n   */\n  public goStep(stepIndex: number) {\n    this.activeStepIndex.set(stepIndex - 1);\n  }\n\n  /**\n   * Resets the wizard to the first step.\n   */\n  public reset() {\n    this.activeStepIndex.set(0);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const classList = [`ax-look-${this.look()}`];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardComponent } from './step-wizard.component';\nimport { AXStepWizardContentDirective } from './step-wizard.directive';\n\nconst COMPONENT = [AXStepWizardComponent, AXStepWizardItemComponent, AXStepWizardContentDirective];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXStepWizardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/image-editor/lib/image-editor-container/image-editor-container.component.d.ts

@@ -1,4 +1,5 @@
 import { MXLookComponent } from '@acorex/components/common';
+import { ElementRef } from '@angular/core';
 import { AXImageEditorService } from '../image-editor.service';
 import * as i0 from "@angular/core";
 /**
@@ -8,6 +9,7 @@ import * as i0 from "@angular/core";
 export declare class AXImageEditorContainerComponent extends MXLookComponent {
     /** @ignore */
     protected service: AXImageEditorService;
+    imageEditorContainer: import("@angular/core").Signal<ElementRef<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, {}, {}, never, ["*"], false, never>;
 }

package/image-editor/lib/image-editor-view/image-editor-view.component.d.ts

@@ -1,7 +1,9 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { AXImageEditorContainerComponent } from '../image-editor-container/image-editor-container.component';
 import { AXImageEditorService } from '../image-editor.service';
 import * as i0 from "@angular/core";
-export declare class AXImageEditorViewComponent implements OnDestroy {
+export declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
     /**
      * its receive image src.
      */
@@ -25,7 +27,18 @@ export declare class AXImageEditorViewComponent implements OnDestroy {
     /** @ignore */
     protected cropEndY: import("@angular/core").WritableSignal<number>;
     /** @ignore */
-    protected EventListener: any;
+    protected parent: AXImageEditorContainerComponent;
+    protected renderer: Renderer2;
+    /** @ignore */
+    protected imageAspect: import("@angular/core").Signal<number>;
+    /** @ignore */
+    resizeEventListener: any;
+    /** @ignore */
+    imageLoadEventListener: any;
+    /** @ignore */
+    protected resizeWindow(): void;
+    /** @ignore */
+    protected canvasResponsive(image: HTMLImageElement): void;
     /** @ignore */
     constructor();
     /** @ignore */

package/image-editor/lib/image-editor.service.d.ts

@@ -17,8 +17,8 @@ export declare class AXImageEditorService {
         userInteract: boolean;
     }>;
     isImageLoad: import("@angular/core").WritableSignal<boolean>;
-    newImage: import("@angular/core").WritableSignal<any>;
-    initialImage: import("@angular/core").WritableSignal<any>;
+    newImage: import("@angular/core").WritableSignal<HTMLImageElement>;
+    initialImage: import("@angular/core").WritableSignal<HTMLImageElement>;
     imageBlob: import("@angular/core").WritableSignal<Blob[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXImageEditorService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.16.0-next.5",
+  "version": "18.16.0-next.6",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",

package/step-wizard/lib/step-wizard.component.d.ts

@@ -16,6 +16,7 @@ export declare class AXStepWizardComponent extends MXBaseComponent implements On
      * @param v
      */
     look: import("@angular/core").ModelSignal<AXStepWizardLook>;
+    changeStep: import("@angular/core").InputSignal<boolean>;
     /** @ignore */
     protected activeStepIndex: import("@angular/core").WritableSignal<number>;
     /** @ignore */
@@ -55,5 +56,5 @@ export declare class AXStepWizardComponent extends MXBaseComponent implements On
     /** @ignore */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXStepWizardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXStepWizardComponent, "ax-step-wizard", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "look": "lookChange"; }, ["steps"], ["ax-step-wizard-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXStepWizardComponent, "ax-step-wizard", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "changeStep": { "alias": "changeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "look": "lookChange"; }, ["steps"], ["ax-step-wizard-item"], false, never>;
 }