@acorex/components 18.7.1 → 18.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/esm2022/paint/lib/paint/paint-toolbar/paint-toolbar.component.mjs +2 -2
  2. package/esm2022/paint/lib/paint/paint-view/paint-view.component.mjs +60 -10
  3. package/esm2022/step-wizard/lib/step-wizard-item/step-wizard-item.component.mjs +9 -6
  4. package/esm2022/step-wizard/lib/step-wizard.class.mjs +1 -1
  5. package/esm2022/step-wizard/lib/step-wizard.component.mjs +47 -39
  6. package/esm2022/tabs/lib/tabs.component.mjs +1 -1
  7. package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-font-style/wysiwyg-font-style.component.mjs +22 -28
  8. package/fesm2022/acorex-components-paint.mjs +61 -11
  9. package/fesm2022/acorex-components-paint.mjs.map +1 -1
  10. package/fesm2022/acorex-components-step-wizard.mjs +55 -44
  11. package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
  12. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  13. package/fesm2022/acorex-components-wysiwyg.mjs +19 -27
  14. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  15. package/package.json +73 -73
  16. package/paint/lib/paint/paint-view/paint-view.component.d.ts +16 -2
  17. package/step-wizard/lib/step-wizard-item/step-wizard-item.component.d.ts +2 -1
  18. package/step-wizard/lib/step-wizard.class.d.ts +1 -1
  19. package/step-wizard/lib/step-wizard.component.d.ts +19 -18
  20. package/wysiwyg/lib/wysiwyg/wysiwyg-tools/wysiwyg-font-style/wysiwyg-font-style.component.d.ts +5 -0
package/fesm2022/acorex-components-step-wizard.mjs CHANGED
@@ -1,10 +1,11 @@
1
1
  import { MXBaseComponent } from '@acorex/components/common';
2
2
  import * as i0 from '@angular/core';
3
- import { signal, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, HostBinding, Directive, effect, ContentChildren, NgModule } from '@angular/core';
4
- import * as i1 from '@acorex/components/decorators';
3
+ import { signal, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, Directive, model, effect, contentChildren, NgModule } from '@angular/core';
4
+ import * as i1 from '@angular/common';
5
+ import { CommonModule } from '@angular/common';
6
+ import * as i2 from '@acorex/components/decorators';
5
7
  import { AXDecoratorModule } from '@acorex/components/decorators';
6
8
  import { AXButtonModule } from '@acorex/components/button';
7
- import { CommonModule } from '@angular/common';
8
9
 
9
10
  class AXStepWizardItemComponent extends MXBaseComponent {
10
11
  constructor() {
@@ -15,7 +16,7 @@ class AXStepWizardItemComponent extends MXBaseComponent {
15
16
  this.activeSignal = signal(false);
16
17
  this.passedSignal = signal(false);
17
18
  this.activeLook = signal(this.look);
18
- this.className = computed(() => (this.passedSignal() ? 'passed' : this.activeSignal() ? 'active' : ''));
19
+ this.className = computed(() => this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '');
19
20
  }
20
21
  set look(v) {
21
22
  this.activeLook.set(v);
@@ -43,12 +44,14 @@ class AXStepWizardItemComponent extends MXBaseComponent {
43
44
  return [this.className()];
44
45
  }
45
46
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
46
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXStepWizardItemComponent, selector: "ax-step-wizard-item", inputs: { disabled: "disabled", color: "color", look: "look", active: "active", passed: "passed", label: "label", description: "description", id: "id" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@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()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n @default {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-content select=\"ax-icon\"></ng-content>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n", styles: ["ax-step-wizard-item{font-size:.875rem;min-width:max-content}ax-step-wizard-item p{font-weight:600}ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default)}.ax-look-classic-circular ax-step-wizard-item.passed span,.ax-look-classic-circular ax-step-wizard-item.passed p,.ax-look-classic-rounded ax-step-wizard-item.passed span,.ax-look-classic-rounded ax-step-wizard-item.passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active span,.ax-look-classic-circular ax-step-wizard-item.active p,.ax-look-classic-rounded ax-step-wizard-item.active span,.ax-look-classic-rounded ax-step-wizard-item.active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-default))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.active:after{background-color:rgba(var(--ax-color-primary-300))}html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
47
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXStepWizardItemComponent, selector: "ax-step-wizard-item", inputs: { disabled: "disabled", color: "color", customTemplate: "customTemplate", look: "look", active: "active", passed: "passed", label: "label", description: "description", id: "id" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@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 @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 @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 @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", styles: [".ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-default))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
47
48
  }
48
49
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
49
50
  type: Component,
50
- args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@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()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n @default {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-content select=\"ax-icon\"></ng-content>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n", styles: ["ax-step-wizard-item{font-size:.875rem;min-width:max-content}ax-step-wizard-item p{font-weight:600}ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default)}.ax-look-classic-circular ax-step-wizard-item.passed span,.ax-look-classic-circular ax-step-wizard-item.passed p,.ax-look-classic-rounded ax-step-wizard-item.passed span,.ax-look-classic-rounded ax-step-wizard-item.passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active span,.ax-look-classic-circular ax-step-wizard-item.active p,.ax-look-classic-rounded ax-step-wizard-item.active span,.ax-look-classic-rounded ax-step-wizard-item.active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-default))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.active:after{background-color:rgba(var(--ax-color-primary-300))}html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"] }]
51
- }], propDecorators: { template: [{
51
+ args: [{ selector: 'ax-step-wizard-item', inputs: ['disabled', 'color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@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 @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 @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 @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", styles: [".ax-look-with-line ax-step-wizard-item{position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;width:100%;margin-inline-end:.25rem;margin-inline-start:.25rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-with-line ax-step-wizard-item ax-icon{margin-top:.25rem;color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item,.ax-look-classic-rounded ax-step-wizard-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;min-width:max-content}.ax-look-classic-circular ax-step-wizard-item p,.ax-look-classic-rounded ax-step-wizard-item p{font-weight:600}.ax-look-classic-circular ax-step-wizard-item span,.ax-look-classic-rounded ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{display:flex;flex-direction:column;align-items:center}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border:1px solid rgb(var(--ax-color-neutral-300));border-radius:100%;color:rgb(var(--ax-color-neutral-400))}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{content:\"\";position:absolute;top:24%;inset-inline-end:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{content:\"\";position:absolute;top:24%;inset-inline-start:0;width:calc(50% - 1.5rem);background-color:rgb(var(--ax-color-neutral-300));height:.125rem}.ax-look-classic-circular ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item:first-child .ax-step-wizard-item-icon:before{display:none}.ax-look-classic-circular ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item:last-child .ax-step-wizard-item-icon:after{display:none}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:#fff}.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-500))}.ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-radius:var(--ax-rounded-border-default)}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-default))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-passed p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-passed p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active p,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active span,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active p{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon:before{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item.ax-state-active .ax-step-wizard-item-icon{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon{border-color:rgb(var(--ax-color-neutral-400));color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-dark .ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{background-color:rgb(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item{font-size:.875rem;min-width:max-content}.ax-dark .ax-look-with-line ax-step-wizard-item p{font-weight:600}.ax-dark .ax-look-with-line ax-step-wizard-item span{color:rgba(var(--ax-color-neutral-500));height:1.5rem}.ax-dark .ax-look-with-line ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item:after{background-color:rgba(var(--ax-color-neutral-400))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed span{color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-passed:after{background-color:rgba(var(--ax-color-primary-300))}.ax-dark .ax-look-with-line ax-step-wizard-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-300))}.ax-vertical.ax-look-with-line ax-step-wizard-item{margin-top:.5rem;margin-bottom:.5rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item{width:unset;height:100%;min-height:6rem;position:relative;flex-direction:row}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-title,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-title{align-items:start}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:after,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:after{inset-inline-start:2.5rem;top:unset;bottom:0;height:calc(50% - 1.5rem);width:.125rem}.ax-vertical.ax-look-classic-circular ax-step-wizard-item .ax-step-wizard-item-icon:before,.ax-vertical.ax-look-classic-rounded ax-step-wizard-item .ax-step-wizard-item-icon:before{inset-inline-start:2.5rem;top:0;bottom:unset;height:calc(50% - 1.5rem);width:.125rem}\n"] }]
52
+ }], propDecorators: { customTemplate: [{
53
+ type: Input
54
+ }], template: [{
52
55
  type: ViewChild,
53
56
  args: ['content']
54
57
  }], look: [{
@@ -100,15 +103,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
100
103
  */
101
104
  class AXStepWizardComponent extends MXBaseComponent {
102
105
  constructor() {
103
- super(...arguments);
106
+ super();
107
+ /**
108
+ * Sets the visual style of the step wizard.
109
+ *
110
+ * @param v
111
+ */
112
+ this.look = model('classic-circular');
104
113
  /** @ignore */
105
114
  this.activeStepIndex = signal(0);
106
115
  /** @ignore */
107
- this.activeLook = signal(this.look);
116
+ this.activeLook = signal(this.look());
108
117
  /** @ignore */
109
118
  this.activeOrientation = signal(this.orientation);
110
119
  this.isFirst = computed(() => this.activeStepIndex() === 0);
111
- this.isLast = computed(() => this.activeStepIndex() === this.steps?.length - 1);
120
+ this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1);
112
121
  /** @ignore */
113
122
  this.className = computed(() => {
114
123
  const classList = [`ax-look-${this.activeLook()}`];
@@ -119,24 +128,35 @@ class AXStepWizardComponent extends MXBaseComponent {
119
128
  });
120
129
  /** @ignore */
121
130
  this.stepChangeEffect = effect(() => {
122
- const step = this.steps.get(this.activeStepIndex());
123
- this.steps.forEach((s, i) => {
131
+ const step = this.steps()[this.activeStepIndex()];
132
+ this.steps().forEach((s, i) => {
124
133
  s.active = false;
125
134
  s.passed = false;
126
135
  if (i < this.activeStepIndex()) {
127
- this.steps.get(i).passed = true;
136
+ this.steps()[i].passed = true;
128
137
  }
129
138
  });
130
- this.steps.get(this.activeStepIndex()).getHostElement().scrollIntoView({
139
+ this.steps()[this.activeStepIndex()].getHostElement().scrollIntoView({
131
140
  behavior: 'smooth',
132
141
  block: 'nearest',
133
142
  inline: 'center',
134
143
  });
135
- this.steps.get(this.activeStepIndex()).active = true;
144
+ this.steps()[this.activeStepIndex()].active = true;
136
145
  this.changeStepContent(step);
137
146
  }, {
138
147
  allowSignalWrites: true,
139
148
  });
149
+ /** @ignore */
150
+ // @ContentChildren(AXStepWizardItemComponent, { descendants: true })
151
+ this.steps = contentChildren(AXStepWizardItemComponent);
152
+ effect(() => {
153
+ this.activeLook.set(this.look());
154
+ this.steps()?.forEach((s) => {
155
+ s.look = this.activeLook();
156
+ });
157
+ }, {
158
+ allowSignalWrites: true,
159
+ });
140
160
  }
141
161
  /** @ignore */
142
162
  changeStepContent(step) {
@@ -148,17 +168,13 @@ class AXStepWizardComponent extends MXBaseComponent {
148
168
  ngOnInit() {
149
169
  super.ngOnInit();
150
170
  }
151
- /**
152
- * Sets the visual style of the step wizard.
153
- *
154
- * @param v
155
- */
156
- set look(v) {
157
- this.activeLook.set(v);
158
- this.steps?.forEach((s) => {
159
- s.look = this.activeLook();
160
- });
161
- }
171
+ // @Input()
172
+ // public set look(v: AXStepWizardLook) {
173
+ // this.activeLook.set(v);
174
+ // this.steps()?.forEach((s) => {
175
+ // s.look = this.activeLook();
176
+ // });
177
+ // }
162
178
  /**
163
179
  * Sets the orientation of the component.
164
180
  *
@@ -168,19 +184,19 @@ class AXStepWizardComponent extends MXBaseComponent {
168
184
  this.activeOrientation.set(v);
169
185
  }
170
186
  /**
171
- * Advances to the next step if available.
172
- */
187
+ * Advances to the next step if available.
188
+ */
173
189
  next() {
174
190
  this.activeStepIndex.update((prev) => {
175
- if (prev < this.steps.length - 1)
191
+ if (prev < this.steps().length - 1)
176
192
  return prev + 1;
177
193
  else
178
194
  return prev;
179
195
  });
180
196
  }
181
197
  /**
182
- * Moves to the previous step if available.
183
- */
198
+ * Moves to the previous step if available.
199
+ */
184
200
  previous() {
185
201
  this.activeStepIndex.update((prev) => {
186
202
  if (prev > 0)
@@ -190,15 +206,15 @@ class AXStepWizardComponent extends MXBaseComponent {
190
206
  });
191
207
  }
192
208
  /**
193
- * Directly navigates to the specified step by its index.
194
- * @param stepIndex
195
- */
209
+ * Directly navigates to the specified step by its index.
210
+ * @param stepIndex
211
+ */
196
212
  goStep(stepIndex) {
197
213
  this.activeStepIndex.set(stepIndex - 1);
198
214
  }
199
215
  /**
200
- * Resets the wizard to the first step.
201
- */
216
+ * Resets the wizard to the first step.
217
+ */
202
218
  reset() {
203
219
  this.activeStepIndex.set(0);
204
220
  }
@@ -206,18 +222,13 @@ class AXStepWizardComponent extends MXBaseComponent {
206
222
  get __hostClass() {
207
223
  return this.className();
208
224
  }
209
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
210
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXStepWizardComponent, selector: "ax-step-wizard", inputs: { look: "look", orientation: "orientation", content: "content" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
225
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
226
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXStepWizardComponent, selector: "ax-step-wizard", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { look: "lookChange" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "steps", predicate: AXStepWizardItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, isInline: true, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
211
227
  }
212
228
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, decorators: [{
213
229
  type: Component,
214
230
  args: [{ selector: 'ax-step-wizard', template: ` <ng-content select="ax-step-wizard-item"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-step-wizard{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative;overflow-x:hidden}ax-step-wizard.ax-vertical{width:max-content;flex-direction:column;align-items:start}\n"] }]
215
- }], propDecorators: { steps: [{
216
- type: ContentChildren,
217
- args: [AXStepWizardItemComponent, { descendants: true }]
218
- }], look: [{
219
- type: Input
220
- }], orientation: [{
231
+ }], ctorParameters: () => [], propDecorators: { orientation: [{
221
232
  type: Input
222
233
  }], content: [{
223
234
  type: Input
package/fesm2022/acorex-components-step-wizard.mjs.map CHANGED
@@ -1 +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 Signal,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n WritableSignal,\n computed,\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: WritableSignal<string> = signal('');\n protected stepDescription: WritableSignal<string> = signal('');\n protected stepId: WritableSignal<string> = signal('');\n protected activeSignal: WritableSignal<boolean> = signal(false);\n protected passedSignal: WritableSignal<boolean> = signal(false);\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look);\n protected className: Signal<string> = computed(() => (this.passedSignal() ? 'passed' : this.activeSignal() ? 'active' : ''));\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()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n @default {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-content select=\"ax-icon\"></ng-content>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{\n stepDescription()\n }}</span>\n </div>\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </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 ContentChildren,\n HostBinding,\n Input,\n OnInit,\n QueryList,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n computed,\n effect,\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 /** @ignore */\n protected activeStepIndex: WritableSignal<number> = signal(0);\n\n /** @ignore */\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look);\n\n /** @ignore */\n protected activeOrientation: WritableSignal<AXOrientation> = signal(this.orientation);\n\n public isFirst: Signal<boolean> = computed(() => this.activeStepIndex() === 0);\n public isLast: Signal<boolean> = computed(() => this.activeStepIndex() === this.steps?.length - 1);\n\n /** @ignore */\n protected className: Signal<string[]> = computed(() => {\n const classList = [`ax-look-${this.activeLook()}`];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n return classList;\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 private stepChangeEffect = effect(\n () => {\n const step: AXStepWizardItemComponent = this.steps.get(this.activeStepIndex());\n this.steps.forEach((s, i) => {\n s.active = false;\n s.passed = false;\n if (i < this.activeStepIndex()) {\n this.steps.get(i).passed = true;\n }\n });\n this.steps.get(this.activeStepIndex()).getHostElement().scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'center',\n });\n this.steps.get(this.activeStepIndex()).active = true;\n this.changeStepContent(step);\n },\n {\n allowSignalWrites: true,\n },\n );\n\n /** @ignore */\n override ngOnInit() {\n super.ngOnInit();\n }\n\n /** @ignore */\n @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n steps!: QueryList<AXStepWizardItemComponent>;\n\n /**\n * Sets the visual style of the step wizard.\n *\n * @param v\n */\n @Input()\n public set look(v: AXStepWizardLook) {\n this.activeLook.set(v);\n this.steps?.forEach((s) => {\n s.look = this.activeLook();\n });\n }\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 return this.className();\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":";;;;;;;;AAwBM,MAAO,yBAA0B,SAAQ,eAAe,CAAA;AAR9D,IAAA,WAAA,GAAA;;AASY,QAAA,IAAA,CAAA,SAAS,GAA2B,MAAM,CAAC,EAAE,CAAC,CAAC;AAC/C,QAAA,IAAA,CAAA,eAAe,GAA2B,MAAM,CAAC,EAAE,CAAC,CAAC;AACrD,QAAA,IAAA,CAAA,MAAM,GAA2B,MAAM,CAAC,EAAE,CAAC,CAAC;AAC5C,QAAA,IAAA,CAAA,YAAY,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,YAAY,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,UAAU,GAAqC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACjE,QAAA,IAAA,CAAA,SAAS,GAAmB,QAAQ,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC;AAuC9H,KAAA;IAlCC,IACW,IAAI,CAAC,CAAmB,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KACxB;IACD,IACW,MAAM,CAAC,CAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACrC;IAED,IACW,MAAM,CAAC,CAAU,EAAA;AAC1B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACrC;IAED,IACW,KAAK,CAAC,CAAS,EAAA;AACxB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KACvB;IACD,IACW,WAAW,CAAC,CAAS,EAAA;AAC9B,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC7B;IAED,IACoB,EAAE,CAAC,CAAS,EAAA;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KACpB;AAED,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;KAC3B;8GA7CU,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,wYCxBtC,q5BAgCA,EAAA,MAAA,EAAA,CAAA,ggRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDRa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACvB,MAAA,EAAA,CAAC,UAAU,EAAE,OAAO,CAAC,EAGZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,q5BAAA,EAAA,MAAA,EAAA,CAAA,ggRAAA,CAAA,EAAA,CAAA;8BAYrC,QAAQ,EAAA,CAAA;sBADP,SAAS;uBAAC,SAAS,CAAA;gBAIT,IAAI,EAAA,CAAA;sBADd,KAAK;gBAKK,MAAM,EAAA,CAAA;sBADhB,KAAK;gBAOK,MAAM,EAAA,CAAA;sBADhB,KAAK;gBAOK,KAAK,EAAA,CAAA;sBADf,KAAK;gBAKK,WAAW,EAAA,CAAA;sBADrB,KAAK;gBAMc,EAAE,EAAA,CAAA;sBADrB,KAAK;gBAMM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;ME3DT,4BAA4B,CAAA;AACvC,IAAA,WAAA,CAAoB,iBAAmC,EAAA;QAAnC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAkB;KAAI;AAG3D,IAAA,IAAW,MAAM,GAAA;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IACD,IAAW,MAAM,CAAC,CAA+B,EAAA;QAC/C,IAAI,CAAC,EAAE;AACL,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;AACjB,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SACvD;KACF;8GAbU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA5B,4BAA4B,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,MAAM,EAAE,CAAC,6BAA6B,CAAC;AACxC,iBAAA,CAAA;;;ACcD;;;AAGG;AAQG,MAAO,qBAAsB,SAAQ,eAAe,CAAA;AAP1D,IAAA,WAAA,GAAA;;;AASY,QAAA,IAAA,CAAA,eAAe,GAA2B,MAAM,CAAC,CAAC,CAAC,CAAC;;AAGpD,QAAA,IAAA,CAAA,UAAU,GAAqC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAGjE,QAAA,IAAA,CAAA,iBAAiB,GAAkC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAE/E,QAAA,IAAA,CAAA,OAAO,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,MAAM,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC;;AAGzF,QAAA,IAAA,CAAA,SAAS,GAAqB,QAAQ,CAAC,MAAK;YACpD,MAAM,SAAS,GAAG,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,UAAU,EAAE,CAAE,CAAA,CAAC,CAAC;AACnD,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,UAAU,EAAE;AAC1C,gBAAA,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aAC/B;AACD,YAAA,OAAO,SAAS,CAAC;AACnB,SAAC,CAAC,CAAC;;AAUK,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAC/B,MAAK;AACH,YAAA,MAAM,IAAI,GAA8B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;YAC/E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AAC1B,gBAAA,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;AACjB,gBAAA,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC;AACjB,gBAAA,IAAI,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE;oBAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC;iBACjC;AACH,aAAC,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;AACrE,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,QAAQ;AACjB,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC;AACrD,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC/B,SAAC,EACD;AACE,YAAA,iBAAiB,EAAE,IAAI;AACxB,SAAA,CACF,CAAC;AA6EH,KAAA;;AAzGS,IAAA,iBAAiB,CAAC,IAAgC,EAAA;AACxD,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;KACF;;IA2BQ,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE,CAAC;KAClB;AAMD;;;;AAIG;IACH,IACW,IAAI,CAAC,CAAmB,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAI;AACxB,YAAA,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAC7B,SAAC,CAAC,CAAC;KACJ;AAED;;;;AAIG;IACH,IACW,WAAW,CAAC,CAAgB,EAAA;AACrC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC/B;AAKD;;AAEC;IACM,IAAI,GAAA;QACT,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;YACnC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,GAAG,CAAC,CAAC;;AAC7C,gBAAA,OAAO,IAAI,CAAC;AACnB,SAAC,CAAC,CAAC;KACJ;AAED;;AAEC;IACM,QAAQ,GAAA;QACb,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;YACnC,IAAI,IAAI,GAAG,CAAC;gBAAE,OAAO,IAAI,GAAG,CAAC,CAAC;;AACzB,gBAAA,OAAO,IAAI,CAAC;AACnB,SAAC,CAAC,CAAC;KACJ;AAED;;;AAGC;AACM,IAAA,MAAM,CAAC,SAAiB,EAAA;QAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;KACzC;AAED;;AAEC;IACM,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC7B;;AAGD,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;KACzB;8GA/HU,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAArB,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EA2Df,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhEhC,CAA0D,wDAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKzD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAChB,0DAA0D,EAEnD,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,qNAAA,CAAA,EAAA,CAAA;8BA8DrC,KAAK,EAAA,CAAA;sBADJ,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,yBAAyB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;gBAStD,IAAI,EAAA,CAAA;sBADd,KAAK;gBAcK,WAAW,EAAA,CAAA;sBADrB,KAAK;gBAMN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAwCM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;ACnJtB,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAAC,CAAC;AACnG,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC;MAQrD,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBATZ,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAChF,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAD7C,qBAAqB,EAAE,yBAAyB,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA,EAAA;AASpF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJhB,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIT,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
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 Signal,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n WritableSignal,\n computed,\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: WritableSignal<string> = signal('');\n protected stepDescription: WritableSignal<string> = signal('');\n protected stepId: WritableSignal<string> = signal('');\n protected activeSignal: WritableSignal<boolean> = signal(false);\n protected passedSignal: WritableSignal<boolean> = signal(false);\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look);\n protected className: Signal<string> = computed(() =>\n this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '',\n );\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 @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 @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 @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 Signal,\n ViewEncapsulation,\n WritableSignal,\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 constructor() {\n super();\n effect(\n () => {\n this.activeLook.set(this.look());\n this.steps()?.forEach((s) => {\n s.look = this.activeLook();\n });\n },\n {\n allowSignalWrites: true,\n },\n );\n }\n\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: WritableSignal<number> = signal(0);\n\n /** @ignore */\n protected activeLook: WritableSignal<AXStepWizardLook> = signal(this.look());\n\n /** @ignore */\n protected activeOrientation: WritableSignal<AXOrientation> = signal(this.orientation);\n\n public isFirst: Signal<boolean> = computed(() => this.activeStepIndex() === 0);\n public isLast: Signal<boolean> = computed(() => this.activeStepIndex() === this.steps()?.length - 1);\n\n /** @ignore */\n protected className: Signal<string[]> = computed(() => {\n const classList = [`ax-look-${this.activeLook()}`];\n if (this.activeOrientation() == 'vertical') {\n classList.push('ax-vertical');\n }\n return classList;\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 private 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 override ngOnInit() {\n super.ngOnInit();\n }\n\n /** @ignore */\n // @ContentChildren(AXStepWizardItemComponent, { descendants: true })\n steps = contentChildren(AXStepWizardItemComponent);\n\n // @Input()\n // public set look(v: AXStepWizardLook) {\n // this.activeLook.set(v);\n // this.steps()?.forEach((s) => {\n // s.look = this.activeLook();\n // });\n // }\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 return this.className();\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/fesm2022/acorex-components-tabs.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n selector: '[axTabContent]',\n exportAs: 'axTabContent',\n inputs: ['portal: axTabContent'],\n})\nexport class AXTabContentDirective {\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 { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostListener,\n Input,\n Output,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category \n * Represents an individual tab item in a tab component.\n */\n@Component({\n selector: 'ax-tab-item',\n template: `\n @if (headerTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: {\n text: this.text,\n key: this.key,\n active: this.active,\n disabled: this.disabled,\n },\n }\"\n ></ng-container>\n } @else {\n <ng-content select=\"ax-prefix\"></ng-content>\n <div class=\"ax-tab-item-text\">{{ text }}</div>\n <ng-content select=\"ax-suffix\"></ng-content>\n }\n <ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['disabled'],\n outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n\n /**\n * Defines the text content to be displayed within the component.\n */\n @Input()\n text: string;\n\n /**\n * Defines a unique identifier for the component instance.\n */\n @Input()\n key: string;\n\n @ViewChild('content')\n template: TemplateRef<unknown>;\n\n /**\n * Defines a custom template for the component's header.\n */\n @Input()\n headerTemplate: TemplateRef<unknown>;\n\n /**\n * Emits an event when the `active` state of the component changes.\n * @event\n */\n @Output()\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /**\n * Emits an event when the component is clicked.\n * @event\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n/** @ignore */\n private _active = false;\n\n /**\n * Gets or sets the component's active state, controlling its behavior and appearance.\n * @param value {boolean}\n */\n @Input()\n public get active(): boolean {\n return this._active;\n }\n public set active(value: boolean) {\n this.setOption({\n name: 'active',\n value,\n afterCallback: () => {\n this.cdr.markForCheck();\n },\n });\n }\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n\n /**\n * @ignore\n */\n protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n //TODO: change to hostbind\n const classListRef = this.getHostElement().classList;\n if (option.name == 'disabled') {\n option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n }\n if (option.name == 'active') {\n option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n }\n }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n tab: AXTabItemComponent;\n index: number;\n}\n\nexport type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'classic' | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n selector: 'ax-tabs',\n template: `<ng-content select=\"ax-tab-item\"></ng-content>`,\n styleUrls: ['tabs.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n /**\n * @ignore\n */\n @ContentChildren(AXTabItemComponent)\n private _contentTabs!: QueryList<AXTabItemComponent>;\n\n /**\n * Sets the appearance style of the tab component.\n * @defaultValue 'default'\n */\n @Input() look: AXTabLook = 'default';\n\n /**\n * Specifies the position of the tab component.\n * @defaultValue 'bottom'\n */\n @Input()\n location: AXTabLocation = 'bottom';\n\n /**\n * @defaultValue 'false'\n * Specifies whether the component should resize to fit its parent container.\n */\n @Input()\n fitParent = false;\n\n /**\n * @defaultValue 'false'\n * Applies a minimum width constraint to the component.\n */\n @Input()\n minWidth = false;\n\n /**\n * The `AXTabContentDirective` associated with the tab.\n */\n @Input()\n content!: AXTabContentDirective;\n\n /** @ignore */\n private _isUserInteraction = false;\n\n get items(): AXTabItemComponent[] {\n return this._contentTabs.toArray();\n }\n\n /** @ignore */\n private _selectedItem!: AXTabItemComponent;\n\n /** @ignore */\n get selectedIndex(): number {\n return this.items.indexOf(this._selectedItem);\n }\n\n /** @ignore */\n get selectedItem(): AXTabItemComponent {\n return this._selectedItem;\n }\n\n /**\n * @event\n */\n @Output()\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n /** @ignore */\n @HostBinding('class')\n private get __hostClass(): string[] {\n const cssClasses: string[] = [];\n cssClasses.push(`ax-look-${this.look}`);\n cssClasses.push(`ax-${this.location}`);\n if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n return cssClasses;\n }\n\n /** @ignore */\n ngAfterContentInit() {\n this._contentTabs.changes.subscribe(() => {\n this._bindOnClickEvent();\n });\n }\n\n /** @ignore */\n ngAfterViewInit() {\n this._bindOnClickEvent();\n }\n\n /** @ignore */\n private _bindOnClickEvent() {\n const selected = this.items.find((c) => c.active) || this.items[0];\n this.select(selected);\n this.items.forEach((c) => {\n if (!c.onClick.length) {\n c.onClick.subscribe((t) => {\n this._isUserInteraction = t.nativeEvent?.isTrusted;\n this.select(c);\n });\n }\n });\n }\n\n /**\n * Activates the specified tab and updates the content.\n *\n * @param {number | AXTabItemComponent}\n */\n select(tab: number | AXTabItemComponent) {\n const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n //\n if (!tab || this.selectedItem == tabItem) return;\n this._selectedItem = tabItem;\n //\n this.items.forEach((c) => (c.active = false));\n tabItem.active = true;\n if (this.content) {\n this.content.portal = tabItem.template;\n }\n this.cdr.markForCheck();\n this.onActiveTabChanged.emit({\n component: this,\n isUserInteraction: this._isUserInteraction,\n tab: tabItem,\n index: this.selectedIndex,\n });\n this._isUserInteraction = false;\n }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n selector: '[axTabContent]',\n exportAs: 'axTabContent',\n inputs: ['portal: axTabContent'],\n})\nexport class AXTabContentDirective {\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 { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostListener,\n Input,\n Output,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category \n * Represents an individual tab item in a tab component.\n */\n@Component({\n selector: 'ax-tab-item',\n template: `\n @if (headerTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: {\n text: this.text,\n key: this.key,\n active: this.active,\n disabled: this.disabled,\n },\n }\"\n ></ng-container>\n } @else {\n <ng-content select=\"ax-prefix\"></ng-content>\n <div class=\"ax-tab-item-text\">{{ text }}</div>\n <ng-content select=\"ax-suffix\"></ng-content>\n }\n <ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['disabled'],\n outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n\n /**\n * Defines the text content to be displayed within the component.\n */\n @Input()\n text: string;\n\n /**\n * Defines a unique identifier for the component instance.\n */\n @Input()\n key: string;\n\n @ViewChild('content')\n template: TemplateRef<unknown>;\n\n /**\n * Defines a custom template for the component's header.\n */\n @Input()\n headerTemplate: TemplateRef<unknown>;\n\n /**\n * Emits an event when the `active` state of the component changes.\n * @event\n */\n @Output()\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /**\n * Emits an event when the component is clicked.\n * @event\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n/** @ignore */\n private _active = false;\n\n /**\n * Gets or sets the component's active state, controlling its behavior and appearance.\n * @param value {boolean}\n */\n @Input()\n public get active(): boolean {\n return this._active;\n }\n public set active(value: boolean) {\n this.setOption({\n name: 'active',\n value,\n afterCallback: () => {\n this.cdr.markForCheck();\n },\n });\n }\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n\n /**\n * @ignore\n */\n protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n //TODO: change to hostbind\n const classListRef = this.getHostElement().classList;\n if (option.name == 'disabled') {\n option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n }\n if (option.name == 'active') {\n option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n }\n }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n tab: AXTabItemComponent;\n index: number;\n}\n\nexport type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'classic' | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n selector: 'ax-tabs',\n template: `<ng-content select=\"ax-tab-item\"></ng-content>`,\n styleUrl: './tabs.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n /**\n * @ignore\n */\n @ContentChildren(AXTabItemComponent)\n private _contentTabs!: QueryList<AXTabItemComponent>;\n\n /**\n * Sets the appearance style of the tab component.\n * @defaultValue 'default'\n */\n @Input() look: AXTabLook = 'default';\n\n /**\n * Specifies the position of the tab component.\n * @defaultValue 'bottom'\n */\n @Input()\n location: AXTabLocation = 'bottom';\n\n /**\n * @defaultValue 'false'\n * Specifies whether the component should resize to fit its parent container.\n */\n @Input()\n fitParent = false;\n\n /**\n * @defaultValue 'false'\n * Applies a minimum width constraint to the component.\n */\n @Input()\n minWidth = false;\n\n /**\n * The `AXTabContentDirective` associated with the tab.\n */\n @Input()\n content!: AXTabContentDirective;\n\n /** @ignore */\n private _isUserInteraction = false;\n\n get items(): AXTabItemComponent[] {\n return this._contentTabs.toArray();\n }\n\n /** @ignore */\n private _selectedItem!: AXTabItemComponent;\n\n /** @ignore */\n get selectedIndex(): number {\n return this.items.indexOf(this._selectedItem);\n }\n\n /** @ignore */\n get selectedItem(): AXTabItemComponent {\n return this._selectedItem;\n }\n\n /**\n * @event\n */\n @Output()\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n /** @ignore */\n @HostBinding('class')\n private get __hostClass(): string[] {\n const cssClasses: string[] = [];\n cssClasses.push(`ax-look-${this.look}`);\n cssClasses.push(`ax-${this.location}`);\n if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n return cssClasses;\n }\n\n /** @ignore */\n ngAfterContentInit() {\n this._contentTabs.changes.subscribe(() => {\n this._bindOnClickEvent();\n });\n }\n\n /** @ignore */\n ngAfterViewInit() {\n this._bindOnClickEvent();\n }\n\n /** @ignore */\n private _bindOnClickEvent() {\n const selected = this.items.find((c) => c.active) || this.items[0];\n this.select(selected);\n this.items.forEach((c) => {\n if (!c.onClick.length) {\n c.onClick.subscribe((t) => {\n this._isUserInteraction = t.nativeEvent?.isTrusted;\n this.select(c);\n });\n }\n });\n }\n\n /**\n * Activates the specified tab and updates the content.\n *\n * @param {number | AXTabItemComponent}\n */\n select(tab: number | AXTabItemComponent) {\n const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n //\n if (!tab || this.selectedItem == tabItem) return;\n this._selectedItem = tabItem;\n //\n this.items.forEach((c) => (c.active = false));\n tabItem.active = true;\n if (this.content) {\n this.content.portal = tabItem.template;\n }\n this.cdr.markForCheck();\n this.onActiveTabChanged.emit({\n component: this,\n isUserInteraction: this._isUserInteraction,\n tab: tabItem,\n index: this.selectedIndex,\n });\n this._isUserInteraction = false;\n }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/acorex-components-wysiwyg.mjs CHANGED
@@ -2,6 +2,7 @@ import * as i1 from '@acorex/components/button';
2
2
  import { AXButtonModule } from '@acorex/components/button';
3
3
  import * as i2 from '@acorex/components/decorators';
4
4
  import { AXDecoratorModule } from '@acorex/components/decorators';
5
+ import * as i3$2 from '@acorex/components/select-box';
5
6
  import { AXSelectBoxModule } from '@acorex/components/select-box';
6
7
  import * as i0 from '@angular/core';
7
8
  import { signal, Injectable, inject, NgZone, afterNextRender, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, effect, input, HostBinding, NgModule } from '@angular/core';
@@ -218,6 +219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
218
219
  class AXWysiwygFontStyleComponent {
219
220
  /** @ignore */
220
221
  constructor() {
222
+ /** @ignore */
223
+ this.parent = inject(AXWysiwygContainerComponent);
221
224
  /** @ignore */
222
225
  this.wysiwyg = signal(null);
223
226
  /** @ignore */
@@ -284,31 +287,6 @@ class AXWysiwygFontStyleComponent {
284
287
  this.selectedFont.set('medium');
285
288
  return;
286
289
  }
287
- if (e === 'up' && this.selectedFont() === 'medium') {
288
- this.wysiwyg().fontSize('large', range);
289
- this.selectedFont.set('large');
290
- return;
291
- }
292
- if (e === 'up' && this.selectedFont() === 'large') {
293
- this.wysiwyg().fontSize('huge', range);
294
- this.selectedFont.set('huge');
295
- return;
296
- }
297
- if (e === 'down' && this.selectedFont() === 'medium') {
298
- this.wysiwyg().fontSize('small', range);
299
- this.selectedFont.set('small');
300
- return;
301
- }
302
- if (e === 'down' && this.selectedFont() === 'large') {
303
- this.wysiwyg().fontSize(false, range);
304
- this.selectedFont.set('medium');
305
- return;
306
- }
307
- if (e === 'down' && this.selectedFont() === 'huge') {
308
- this.wysiwyg().fontSize('large', range);
309
- this.selectedFont.set('large');
310
- return;
311
- }
312
290
  }
313
291
  /** @ignore */
314
292
  bold() {
@@ -354,12 +332,26 @@ class AXWysiwygFontStyleComponent {
354
332
  this.strikeLineState.set(true);
355
333
  }
356
334
  }
335
+ /** @ignore */
336
+ fontSizeHandler(e) {
337
+ const range = this.wysiwyg().wysiwygObj.getSelection();
338
+ if (!range.length)
339
+ return;
340
+ if (e === 'medium') {
341
+ this.wysiwyg().fontSize(false, range);
342
+ this.selectedFont.set('medium');
343
+ }
344
+ else {
345
+ this.wysiwyg().fontSize(e, range);
346
+ this.selectedFont.set(e);
347
+ }
348
+ }
357
349
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygFontStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
358
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style", ngImport: i0, template: "<div class=\"ax-wysiwyg-font-style-container\">\n <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n </ax-button>\n\n <div>\n <ax-button (click)=\"fontHandler('up')\" look=\"blank\">\n <ax-icon class=\"ax-icon ax-icon-arrow-up\"></ax-icon>\n </ax-button>\n <ax-text>Font Size</ax-text>\n </div>\n <ax-button (click)=\"fontHandler('down')\" look=\"blank\">\n <ax-icon class=\"ax-icon ax-icon-arrow-down\"></ax-icon>\n </ax-button>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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" }] }); }
350
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style", ngImport: i0, template: "<div class=\"ax-wysiwyg-font-style-container\">\n <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n </ax-button>\n\n <ax-select-box\n [look]=\"this.parent.look\"\n (ngModelChange)=\"fontSizeHandler($event)\"\n [ngModel]=\"selectedFont()\"\n [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n placeholder=\"Choose...\"\n >\n </ax-select-box>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
359
351
  }
360
352
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXWysiwygFontStyleComponent, decorators: [{
361
353
  type: Component,
362
- args: [{ selector: 'ax-wysiwyg-font-style', template: "<div class=\"ax-wysiwyg-font-style-container\">\n <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n </ax-button>\n\n <div>\n <ax-button (click)=\"fontHandler('up')\" look=\"blank\">\n <ax-icon class=\"ax-icon ax-icon-arrow-up\"></ax-icon>\n </ax-button>\n <ax-text>Font Size</ax-text>\n </div>\n <ax-button (click)=\"fontHandler('down')\" look=\"blank\">\n <ax-icon class=\"ax-icon ax-icon-arrow-down\"></ax-icon>\n </ax-button>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"] }]
354
+ args: [{ selector: 'ax-wysiwyg-font-style', template: "<div class=\"ax-wysiwyg-font-style-container\">\n <ax-button (click)=\"bold()\" look=\"blank\" [selected]=\"boldState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-bold\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"italic()\" look=\"blank\" [selected]=\"italicState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-italic\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"underLine()\" look=\"blank\" [selected]=\"underLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-under-line\"></ax-icon>\n </ax-button>\n\n <ax-button (click)=\"strike()\" look=\"blank\" [selected]=\"strikeLineState() ? true : false\">\n <ax-icon class=\"ax-icon ax-icon-strike\"></ax-icon>\n </ax-button>\n\n <ax-select-box\n [look]=\"this.parent.look\"\n (ngModelChange)=\"fontSizeHandler($event)\"\n [ngModel]=\"selectedFont()\"\n [dataSource]=\"['small', 'medium', 'large', 'huge']\"\n placeholder=\"Choose...\"\n >\n </ax-select-box>\n</div>\n", styles: [".ax-wysiwyg-font-style-container{display:flex;justify-content:flex-start;align-items:center}\n"] }]
363
355
  }], ctorParameters: () => [] });
364
356
 
365
357
  /**