@acorex/components 19.5.0 → 19.6.1

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  ViewEncapsulation,\n  computed,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  step = input(1);\n  label = input('');\n  description = input('');\n  state = input<AXStepWizardState>('clear');\n  customTemplate = input<TemplateRef<unknown>>();\n\n  active = model<boolean>(false);\n  passed = model<boolean>(false);\n  look = model<AXStepWizardLook>();\n\n  stepId = signal<string>('');\n\n  className = computed<string>(() =>\n    this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : '',\n  );\n\n  template = viewChild<TemplateRef<unknown>>('content');\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(), `ax-state-${this.state()}`];\n  }\n}\n","@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n  <div class=\"ax-step-wizard-item-icon-container\">\n    <div class=\"ax-step-wizard-item-icon\">\n      @if (state() === 'error' && active()) {\n        <div class=\"ax-icon ax-icon-close\"></div>\n      } @else if (state() === 'success' && active()) {\n        <div class=\"ax-icon ax-icon-check\"></div>\n      } @else if (state() === 'warning' && active()) {\n        <div class=\"ax-icon ax-icon-warning\"></div>\n      }\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n  </div>\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else if (look() === 'text-line') {\n  @if (state() === 'pending' && active()) {\n    <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\">\n    </ax-progress-bar>\n  } @else {\n    <div class=\"ax-step-wizard-indicator\"></div>\n  }\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else {\n  @if (customTemplate()) {\n    <ng-container *ngTemplateOutlet=\"customTemplate()\"> </ng-container>\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    standalone: false\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  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } 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  standalone: false,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  connector = input(true);\n  size = input<AXStepWizardSize>('ax-md');\n  look = input<AXStepWizardLook>('circular-icon');\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    this.steps()?.forEach((s) => {\n      s.look.set(this.look());\n    });\n  });\n\n  /** @ignore */\n  #stepChangeEffect = effect(() => {\n    const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n    this.steps().forEach((s, i) => {\n      s.active.set(false);\n      s.passed.set(false);\n      if (i < this.activeStepIndex()) {\n        this.steps()[i].passed.set(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.set(true);\n    setTimeout(() => {\n      this.changeStepContent(step);\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()}`, this.size()];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    if (this.connector()) {\n      classList.push('ax-connector');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\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, AXProgressBarModule];\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  ViewEncapsulation,\n  computed,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AXStepWizardLook, AXStepWizardState } from '../step-wizard.class';\n@Component({\n  selector: 'ax-step-wizard-item',\n  inputs: ['disabled', 'color'],\n  templateUrl: './step-wizard-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXStepWizardItemComponent extends MXBaseComponent {\n  step = input(1);\n  label = input('');\n  description = input('');\n  customTemplate = input<TemplateRef<unknown>>();\n\n  active = model<boolean>(false);\n  passed = model<boolean>(false);\n  look = model<AXStepWizardLook>();\n  state = model<AXStepWizardState>('clear');\n\n  stepId = signal<string>('');\n\n  className = computed<string>(() =>\n    this.passed() ? 'ax-state-passed' : this.active() ? 'ax-state-active' : '',\n  );\n\n  template = viewChild<TemplateRef<unknown>>('content');\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(), `ax-state-${this.state()}`];\n  }\n}\n","@if (look() === 'rounded-icon' || look() === 'circular-icon' || look() === 'circular') {\n  <div class=\"ax-step-wizard-item-icon-container\">\n    <div class=\"ax-step-wizard-item-icon\">\n      @if (state() === 'error') {\n        <div class=\"ax-icon ax-icon-close\"></div>\n      } @else if (state() === 'success') {\n        <div class=\"ax-icon ax-icon-check\"></div>\n      } @else if (state() === 'warning') {\n        <div class=\"ax-icon ax-icon-warning\"></div>\n      }\n      <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n    </div>\n  </div>\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else if (look() === 'text-line') {\n  @if (state() === 'pending') {\n    <ax-progress-bar [progress]=\"100\" [mode]=\"'indeterminate'\" color=\"primary\" [height]=\"4\">\n    </ax-progress-bar>\n  } @else {\n    <div class=\"ax-step-wizard-indicator\"></div>\n  }\n  <div class=\"ax-step-wizard-item-title\">\n    @if (label()) {\n      <p>{{ label() }}</p>\n    }\n    @if (description()) {\n      <span [class.ax-visible]=\"description()\">{{ description() }}</span>\n    }\n  </div>\n} @else {\n  @if (customTemplate()) {\n    <ng-container *ngTemplateOutlet=\"customTemplate()\"> </ng-container>\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    standalone: false\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  output,\n  signal,\n} from '@angular/core';\nimport { AXStepWizardItemComponent } from './step-wizard-item/step-wizard-item.component';\nimport { AXStepWizardLook, AXStepWizardSize } 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  standalone: false,\n})\nexport class AXStepWizardComponent extends MXBaseComponent implements OnInit {\n  /**\n   * Sets the visual style of the step wizard.\n   *\n   * @param v\n   */\n  connector = input(true);\n  size = input<AXStepWizardSize>('ax-md');\n  look = input<AXStepWizardLook>('circular-icon');\n\n  changeStep = input(false);\n\n  stepChanged = output<AXStepWizardItemComponent>();\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    this.steps()?.forEach((s) => {\n      s.look.set(this.look());\n    });\n  });\n\n  /** @ignore */\n  #stepChangeEffect = effect(() => {\n    const step: AXStepWizardItemComponent = this.steps()[this.activeStepIndex()];\n    this.steps().forEach((s, i) => {\n      s.active.set(false);\n      s.passed.set(false);\n      if (i < this.activeStepIndex()) {\n        this.steps()[i].passed.set(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.set(true);\n    setTimeout(() => {\n      this.changeStepContent(step);\n      this.stepChanged.emit(step);\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()}`, this.size()];\n    if (this.activeOrientation() == 'vertical') {\n      classList.push('ax-vertical');\n    }\n    if (this.connector()) {\n      classList.push('ax-connector');\n    }\n    return classList;\n  }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXProgressBarModule } from '@acorex/components/progress-bar';\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, AXProgressBarModule];\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/fesm2022/acorex-components-toolbar.mjs

@@ -44,11 +44,11 @@ class AXToolBarComponent {
         return `ax-sm`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXToolBarComponent, isStandalone: false, selector: "ax-toolbar", host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "buttons", predicate: AXButtonComponent, descendants: true, isSignal: true }, { propertyName: "textBox", predicate: AXTextBoxComponent, descendants: true, isSignal: true }, { propertyName: "decorators", predicate: AXDecoratorGenericComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;justify-content:flex-start;align-items:center;min-height:100%;flex-wrap:wrap;padding:.25rem;width:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;min-height:25px;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix{display:flex;justify-content:space-between;align-items:center;min-height:100%}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXToolBarComponent, isStandalone: false, selector: "ax-toolbar", host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "buttons", predicate: AXButtonComponent, descendants: true, isSignal: true }, { propertyName: "textBox", predicate: AXTextBoxComponent, descendants: true, isSignal: true }, { propertyName: "decorators", predicate: AXDecoratorGenericComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;align-items:center;min-height:100%;flex-wrap:wrap;padding:.25rem;width:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;min-height:25px;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix,ax-toolbar ax-content{display:flex;justify-content:space-between;align-items:center;min-height:100%;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;justify-content:flex-start;align-items:center;min-height:100%;flex-wrap:wrap;padding:.25rem;width:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;min-height:25px;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix{display:flex;justify-content:space-between;align-items:center;min-height:100%}\n"] }]
+            args: [{ selector: 'ax-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;align-items:center;min-height:100%;flex-wrap:wrap;padding:.25rem;width:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;min-height:25px;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix,ax-toolbar ax-content{display:flex;justify-content:space-between;align-items:center;min-height:100%;flex-wrap:wrap}\n"] }]
         }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/acorex-components-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-toolbar.mjs","sources":["../../../../libs/components/toolbar/src/lib/toolbar.component.ts","../../../../libs/components/toolbar/src/lib/toolbar.component.html","../../../../libs/components/toolbar/src/lib/toolbar.module.ts","../../../../libs/components/toolbar/src/acorex-components-toolbar.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTextBoxComponent } from '@acorex/components/text-box';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-toolbar',\n  templateUrl: './toolbar.component.html',\n  styleUrls: ['./toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXToolBarComponent {\n  private buttons = contentChildren(AXButtonComponent, { descendants: true });\n  private textBox = contentChildren(AXTextBoxComponent, { descendants: true });\n\n  private decorators = contentChildren<AXDecoratorGenericComponent>(AXDecoratorGenericComponent);\n\n  protected prefixState = signal(false);\n  protected suffixState = signal(false);\n  protected contentState = signal(false);\n\n  #init = afterNextRender(() => {\n    this.decorators().forEach((item) => {\n      switch (item.getHostElement().tagName) {\n        case 'AX-PREFIX':\n          this.prefixState.set(true);\n          break;\n        case 'AX-SUFFIX':\n          this.suffixState.set(true);\n          break;\n        case 'AX-CONTENT':\n          this.contentState.set(true);\n      }\n    });\n\n    if (this.buttons().length > 0) {\n      this.buttons().forEach((item) => {\n        item.look = 'blank';\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n    if (this.textBox().length > 0) {\n      this.textBox().forEach((item) => {\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n  });\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-sm`;\n  }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXToolBarComponent } from './toolbar.component';\n\nconst COMPONENT = [AXToolBarComponent];\n\nconst MODULES = [AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXToolBarModule {}\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-toolbar.mjs","sources":["../../../../libs/components/toolbar/src/lib/toolbar.component.ts","../../../../libs/components/toolbar/src/lib/toolbar.component.html","../../../../libs/components/toolbar/src/lib/toolbar.module.ts","../../../../libs/components/toolbar/src/acorex-components-toolbar.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTextBoxComponent } from '@acorex/components/text-box';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-toolbar',\n  templateUrl: './toolbar.component.html',\n  styleUrls: ['./toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXToolBarComponent {\n  private buttons = contentChildren(AXButtonComponent, { descendants: true });\n  private textBox = contentChildren(AXTextBoxComponent, { descendants: true });\n\n  private decorators = contentChildren<AXDecoratorGenericComponent>(AXDecoratorGenericComponent);\n\n  protected prefixState = signal(false);\n  protected suffixState = signal(false);\n  protected contentState = signal(false);\n\n  #init = afterNextRender(() => {\n    this.decorators().forEach((item) => {\n      switch (item.getHostElement().tagName) {\n        case 'AX-PREFIX':\n          this.prefixState.set(true);\n          break;\n        case 'AX-SUFFIX':\n          this.suffixState.set(true);\n          break;\n        case 'AX-CONTENT':\n          this.contentState.set(true);\n      }\n    });\n\n    if (this.buttons().length > 0) {\n      this.buttons().forEach((item) => {\n        item.look = 'blank';\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n    if (this.textBox().length > 0) {\n      this.textBox().forEach((item) => {\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n  });\n\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-sm`;\n  }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXToolBarComponent } from './toolbar.component';\n\nconst COMPONENT = [AXToolBarComponent];\n\nconst MODULES = [AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXToolBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/form/lib/form.component.d.ts

@@ -1,6 +1,6 @@
 import { AXEvent, AXStyleLookType, MXBaseComponent } from '@acorex/components/common';
 import { AXValidationSummary } from '@acorex/core/validation';
-import { EventEmitter, InputSignal, OnDestroy } from '@angular/core';
+import { AfterViewInit, EventEmitter, InputSignal, OnDestroy } from '@angular/core';
 import { AXFormFieldComponent } from './form-field.component';
 import * as i0 from "@angular/core";
 /**
@@ -22,7 +22,7 @@ export type AXLabelMode = 'static' | 'floating' | 'over';
  *
  * @category Components
  */
-export declare class AXFormComponent extends MXBaseComponent implements OnDestroy {
+export declare class AXFormComponent extends MXBaseComponent implements OnDestroy, AfterViewInit {
     #private;
     /**
      * Specifies the mode of the label in the form field.
@@ -77,6 +77,8 @@ export declare class AXFormComponent extends MXBaseComponent implements OnDestro
      *  @ignore
      */
     constructor();
+    ngAfterViewInit(): void;
+    private _bindEvents;
     /**
      *  @ignore
      */

package/map/index.d.ts

@@ -2,3 +2,4 @@ export * from './lib/map.component';
 export * from './lib/map.config';
 export * from './lib/map.module';
 export * from './lib/map.service';
+export * from './lib/map.type';

package/map/lib/map.component.d.ts

@@ -1,5 +1,6 @@
 import { OnDestroy } from '@angular/core';
-import { AXMapControlPlace, AXMapLocation } from './map.service';
+import { Subscription } from 'rxjs';
+import { AXMapControlPlace, AXMapData, AXMapMarker, AXMapPolygon } from './map.type';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -11,6 +12,7 @@ import * as i0 from "@angular/core";
  * <ax-map [latitude]="51.505" [longitude]="-0.09" [zoomLevel]="13" [hasMarker]="true"></ax-map>
  */
 export declare class AXMapComponent implements OnDestroy {
+    #private;
     /**
      * @description
      * Zoom level of the map.
@@ -32,9 +34,15 @@ export declare class AXMapComponent implements OnDestroy {
     /**
      * @description
      * Maximum number of markers allowed on the map.
-     * @default 1
+     * @default 0
      */
     maxMarker: import("@angular/core").InputSignal<number>;
+    /**
+     * @description
+     * Maximum number of polygons allowed on the map.
+     * @default 0
+     */
+    maxPolygon: import("@angular/core").InputSignal<number>;
     /**
      * @description
      * Whether the map should have a marker control.
@@ -64,22 +72,38 @@ export declare class AXMapComponent implements OnDestroy {
      * Array or single marker location(s) to be placed on the map.
      * @default undefined
      */
-    markers: import("@angular/core").InputSignal<AXMapLocation | AXMapLocation[]>;
+    markers: import("@angular/core").InputSignal<AXMapMarker | AXMapMarker[]>;
+    /**
+     * @description
+     * Array or single polygon location(s) to be placed on the map.
+     * @default undefined
+     */
+    polygons: import("@angular/core").InputSignal<AXMapPolygon | AXMapPolygon[]>;
     /**
      * @description
      * Event triggered when a new marker is added to the map.
      */
-    onMarkerAdded: import("@angular/core").OutputEmitterRef<AXMapLocation>;
+    onMarkerAdded: import("@angular/core").OutputEmitterRef<AXMapMarker>;
     /**
      * @description
      * Event triggered when marker positions are changed on the map.
      */
-    onMarkerChanged: import("@angular/core").OutputEmitterRef<AXMapLocation[]>;
+    onMarkerChanged: import("@angular/core").OutputEmitterRef<AXMapMarker[]>;
+    /**
+     * @description
+     * Event triggered when a new polygon is added to the map.
+     */
+    onPolygonAdded: import("@angular/core").OutputEmitterRef<AXMapPolygon>;
+    /**
+     * @description
+     * Event triggered when polygon positions are changed on the map.
+     */
+    onPolygonChanged: import("@angular/core").OutputEmitterRef<AXMapPolygon[]>;
     /**
      * @description
      * Event triggered when a location is found via the location control.
      */
-    onLocationFound: import("@angular/core").OutputEmitterRef<AXMapLocation>;
+    onLocationFound: import("@angular/core").OutputEmitterRef<AXMapMarker>;
     private mapContainer;
     private leafletService;
     private rendered;
@@ -88,13 +112,35 @@ export declare class AXMapComponent implements OnDestroy {
      * Adds a marker to the specified location on the map.
      * @param location - The location where the marker should be placed.
      */
-    addMarker(location: AXMapLocation): void;
+    addMarker(location: AXMapMarker | AXMapMarker[]): void;
+    addPolygon(location: AXMapPolygon | AXMapPolygon[], clickCallback?: (event: L.LeafletMouseEvent) => void): void;
     /**
      * @description
      * Retrieves all markers currently placed on the map.
-     * @returns An array of `AXMapLocation` representing all markers.
+     * @returns An array of `AXMapMarker` representing all markers.
+     */
+    getMarkers(): AXMapMarker[];
+    /**
+     * @description
+     * Retrieves all polygons currently placed on the map.
+     * @returns An array of `AXMapPolygon` representing all polygons.
+     */
+    getPolygons(): AXMapPolygon[];
+    /**
+     * @description
+     * Clear all markers and polygons
+     */
+    clearDrawItems(): void;
+    /**
+     * @description
+     * Get all markers and polygons
+     */
+    getDrawItem(): AXMapData;
+    /**
+     * @description
+     * set markers and polygons
      */
-    getMarkers(): AXMapLocation[];
+    setDrawItem(data: AXMapData): void;
     /**
      * @description
      * Flies the map to a specific location with optional zoom, marker placement, and animation duration.
@@ -104,13 +150,18 @@ export declare class AXMapComponent implements OnDestroy {
      * @param setMarker - Whether to set a marker at the destination.
      * @param duration - Optional duration for the fly animation.
      */
-    flyTo(location: AXMapLocation, zoom?: number, setMarker?: boolean, duration?: number): void;
-    constructor();
+    flyTo(location: AXMapMarker, zoom?: number, setMarker?: boolean, duration?: number): void;
+    onLocationFoundSubscription?: Subscription;
+    onMarkerChangedSubscription?: Subscription;
+    onMarkerAddedSubscription?: Subscription;
+    onPolygonChangedSubscription?: Subscription;
+    onPolygonAddedSubscription?: Subscription;
+    unsubscribeFromEvents(): void;
     /**
      * @description
      * Cleanup function that destroys the map when the component is destroyed.
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMapComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; }, { "onMarkerAdded": "onMarkerAdded"; "onMarkerChanged": "onMarkerChanged"; "onLocationFound": "onLocationFound"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMapComponent, "ax-map", never, { "zoomLevel": { "alias": "zoomLevel"; "required": false; "isSignal": true; }; "latitude": { "alias": "latitude"; "required": false; "isSignal": true; }; "longitude": { "alias": "longitude"; "required": false; "isSignal": true; }; "maxMarker": { "alias": "maxMarker"; "required": false; "isSignal": true; }; "maxPolygon": { "alias": "maxPolygon"; "required": false; "isSignal": true; }; "hasDraw": { "alias": "hasDraw"; "required": false; "isSignal": true; }; "hasLocator": { "alias": "hasLocator"; "required": false; "isSignal": true; }; "markerPlace": { "alias": "markerPlace"; "required": false; "isSignal": true; }; "locatePlace": { "alias": "locatePlace"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "polygons": { "alias": "polygons"; "required": false; "isSignal": true; }; }, { "onMarkerAdded": "onMarkerAdded"; "onMarkerChanged": "onMarkerChanged"; "onPolygonAdded": "onPolygonAdded"; "onPolygonChanged": "onPolygonChanged"; "onLocationFound": "onLocationFound"; }, never, never, false, never>;
 }

package/map/lib/map.service.d.ts

@@ -1,36 +1,141 @@
 import { EventEmitter } from '@angular/core';
+import { AXMapControlPlace, AXMapData, AXMapLatLng, AXMapLocation, AXMapMarker, AXMapPolygon } from './map.type';
 import * as i0 from "@angular/core";
-export interface AXMapLocation {
-    latitude: number;
-    longitude: number;
-    precision?: number;
-    title?: string;
-}
-export type AXMapControlPlace = 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+/**
+ * Service for managing Leaflet maps and related functionalities.
+ */
 export declare class AXLeafletService {
-    mapConfig: import("./map.config").AXMapConfig;
-    icon: any;
-    maxMarkers: number;
-    private L;
+    private mapConfig;
+    private icon;
+    private position;
+    private maxMarkers;
+    private maxPolygons;
+    private polygonColor;
+    protected L: typeof import('leaflet');
     private map?;
     private drawControl?;
     private locateControl?;
     private drawnItems;
-    onMarkerChanged: EventEmitter<AXMapLocation[]>;
-    onMarkerAdded: EventEmitter<AXMapLocation>;
+    /**
+     * Emits when marker data changes.
+     */
+    onMarkerChanged: EventEmitter<AXMapMarker[]>;
+    /**
+     * Emits when a marker is added.
+     */
+    onMarkerAdded: EventEmitter<AXMapMarker>;
+    /**
+     * Emits when the user's location is found.
+     */
     onLocationFound: EventEmitter<AXMapLocation>;
+    /**
+     * Emits when polygon data changes.
+     */
+    onPolygonChanged: EventEmitter<AXMapPolygon[]>;
+    /**
+     * Emits when a polygon is added.
+     */
+    onPolygonAdded: EventEmitter<AXMapPolygon>;
+    /**
+     * Loads the Leaflet library and its plugins.
+     */
     loadLeaflet(): Promise<void>;
-    initMap(mapElement: HTMLElement, location: AXMapLocation, zoom?: number): Promise<void>;
+    /**
+     * Initializes the Leaflet map.
+     * @param mapElement The HTML element to render the map in.
+     * @param location The initial map center.
+     * @param zoom The initial zoom level. Defaults to 13.
+     */
+    initMap(mapElement: HTMLElement, location: AXMapLatLng, zoom?: number): Promise<void>;
+    /**
+     * Gets the Leaflet map instance.
+     * @returns The Leaflet map instance, or undefined if not initialized.
+     */
     getMap(): L.Map | undefined;
+    /**
+     * Gets the Leaflet package.
+     * @returns The Leaflet package.
+     */
+    getLeafletPackage(): typeof import('leaflet');
+    /**
+     * Sets the zoom level of the map.
+     * @param zoom The desired zoom level.
+     */
     setZoomLevel(zoom: number): void;
-    setCenter(location: AXMapLocation): void;
-    flyTo(location: AXMapLocation, zoom?: number, setMarker?: boolean, duration?: number): void;
-    addMarker(locations: AXMapLocation | AXMapLocation[]): void;
-    getMarkers(): AXMapLocation[];
-    addDrawControl(position?: AXMapControlPlace, maxMarkers?: number): void;
+    /**
+     * Sets the center of the map.
+     * @param location The new center location.
+     */
+    setCenter(location: AXMapLatLng): void;
+    /**
+     * Flies to a specific location on the map.
+     * @param location The target location.
+     * @param zoom The target zoom level (optional).
+     * @param setMarker Whether to add a marker at the destination after flying.
+     * @param duration The duration of the fly animation in seconds.
+     */
+    flyTo(location: AXMapLatLng, zoom?: number, setMarker?: boolean, duration?: number): void;
+    /**
+     * Adds a marker or markers to the map.
+     * @param locations The marker or markers to add.
+     */
+    addMarker(locations: AXMapMarker | AXMapMarker[]): void;
+    /**
+     * Adds a polygon or polygons to the map.
+     * @param polygons The polygon or polygons to add.
+     * @param clickCallback Optional callback function to be executed on polygon click.
+     */
+    addPolygon(polygons: AXMapPolygon | AXMapPolygon[], clickCallback?: (event: L.LeafletMouseEvent) => void): void;
+    /**
+     * Gets all markers currently on the map.
+     * @returns An array of AXMapMarker objects.
+     */
+    getMarkers(): AXMapMarker[];
+    /**
+     * Gets all polygons currently on the map.
+     * @returns An array of AXMapPolygon objects.
+     */
+    getPolygons(): AXMapPolygon[];
+    /**
+     * Adds a draw control to the map for creating markers and polygons.
+     * @param position The position of the control on the map. Defaults to 'topleft'.
+     * @param maxMarkers The maximum number of markers allowed. Defaults to 1.
+     * @param maxPolygons The maximum number of polygons allowed. Defaults to 1.
+     * @param PolygonColor The default color for polygons.
+     */
+    addDrawControl(position?: AXMapControlPlace, maxMarkers?: number, maxPolygons?: number, PolygonColor?: string): void;
+    /**
+     * Adds a locate control to the map.
+     * @param position The position of the control on the map. Defaults to 'bottomright'.
+     */
     addLocateControl(position?: AXMapControlPlace): void;
+    private availableColors;
+    private getRandomColorName;
+    /**
+     * Removes the draw control from the map.
+     */
     removeDrawControl(): void;
+    /**
+     * Removes the locate control from the map.
+     */
     removeLocateControl(): void;
+    /**
+     * Clears all drawn items (markers and polygons) from the map.
+     */
+    clearDrawItems(): void;
+    /**
+     * Gets the current drawn items (markers and polygons).
+     * @returns An object containing arrays of markers and polygons.
+     */
+    getDrawItem(): AXMapData;
+    /**
+     * Sets the drawn items (markers and polygons) on the map.
+     * @param data An object containing arrays of markers and polygons.
+     */
+    setDrawItem(data: AXMapData): void;
+    /**
+     * Destroys the map instance and removes all event listeners.
+     */
     destroyMap(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLeafletService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXLeafletService>;

package/map/lib/map.type.d.ts

@@ -0,0 +1,20 @@
+export interface AXMapLatLng {
+    latitude: number;
+    longitude: number;
+}
+export interface AXMapMarker extends AXMapLatLng {
+    title?: string;
+}
+export interface AXMapLocation extends AXMapMarker {
+    precision?: number;
+}
+export interface AXMapPolygon {
+    points: AXMapLatLng[];
+    title?: string;
+    color?: string;
+}
+export interface AXMapData {
+    markers: AXMapMarker[];
+    polygons: AXMapPolygon[];
+}
+export type AXMapControlPlace = 'topleft' | 'topright' | 'bottomleft' | 'bottomright';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.5.0",
+  "version": "19.6.1",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -193,10 +193,6 @@
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/acorex-components-menu.mjs"
     },
-    "./nav": {
-      "types": "./nav/index.d.ts",
-      "default": "./fesm2022/acorex-components-nav.mjs"
-    },
     "./navbar": {
       "types": "./navbar/index.d.ts",
       "default": "./fesm2022/acorex-components-navbar.mjs"

package/side-menu/lib/side-menu.component.d.ts

@@ -1,6 +1,6 @@
 import { NXComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export type AXSideMenuLook = 'pills' | 'with-line';
+export type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color';
 export type AXSideMenuLocation = 'start' | 'end';
 /**
  * @category

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

@@ -6,16 +6,16 @@ export declare class AXStepWizardItemComponent extends MXBaseComponent {
     step: import("@angular/core").InputSignal<number>;
     label: import("@angular/core").InputSignal<string>;
     description: import("@angular/core").InputSignal<string>;
-    state: import("@angular/core").InputSignal<AXStepWizardState>;
     customTemplate: import("@angular/core").InputSignal<TemplateRef<unknown>>;
     active: import("@angular/core").ModelSignal<boolean>;
     passed: import("@angular/core").ModelSignal<boolean>;
     look: import("@angular/core").ModelSignal<AXStepWizardLook>;
+    state: import("@angular/core").ModelSignal<AXStepWizardState>;
     stepId: import("@angular/core").WritableSignal<string>;
     className: import("@angular/core").Signal<string>;
     template: import("@angular/core").Signal<TemplateRef<unknown>>;
     set id(v: string);
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXStepWizardItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXStepWizardItemComponent, "ax-step-wizard-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "passed": { "alias": "passed"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, { "active": "activeChange"; "passed": "passedChange"; "look": "lookChange"; }, never, ["ax-content", "ax-icon"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXStepWizardItemComponent, "ax-step-wizard-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "passed": { "alias": "passed"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; }, { "active": "activeChange"; "passed": "passedChange"; "look": "lookChange"; "state": "stateChange"; }, never, ["ax-content", "ax-icon"], false, never>;
 }

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

@@ -19,6 +19,7 @@ export declare class AXStepWizardComponent extends MXBaseComponent implements On
     size: import("@angular/core").InputSignal<AXStepWizardSize>;
     look: import("@angular/core").InputSignal<AXStepWizardLook>;
     changeStep: import("@angular/core").InputSignal<boolean>;
+    stepChanged: import("@angular/core").OutputEmitterRef<AXStepWizardItemComponent>;
     /** @ignore */
     protected activeStepIndex: import("@angular/core").WritableSignal<number>;
     /** @ignore */
@@ -58,5 +59,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, { "connector": { "alias": "connector"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "changeStep": { "alias": "changeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, ["steps"], ["ax-step-wizard-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXStepWizardComponent, "ax-step-wizard", never, { "connector": { "alias": "connector"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "changeStep": { "alias": "changeStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "stepChanged": "stepChanged"; }, ["steps"], ["ax-step-wizard-item"], false, never>;
 }