@acorex/components 18.14.1-next.3 → 18.14.1-next.5
Sign up to get free protection for your applications and to get access to all the features.
- package/check-box/lib/check-box.component.d.ts +4 -2
- package/common/lib/components/selection-base.component.class.d.ts +1 -0
- package/drawer/lib/drawer/drawer-item/drawer.component.d.ts +2 -6
- package/esm2022/check-box/lib/check-box.component.mjs +23 -27
- package/esm2022/common/lib/classes/components.class.mjs +1 -1
- package/esm2022/common/lib/components/selection-base.component.class.mjs +5 -1
- package/esm2022/cron-job/lib/cron-job-container/cron-job-container.component.mjs +2 -2
- package/esm2022/cron-job/lib/day/day.component.mjs +7 -6
- package/esm2022/cron-job/lib/hours/hours.component.mjs +7 -6
- package/esm2022/cron-job/lib/minutes/minutes.component.mjs +7 -6
- package/esm2022/cron-job/lib/month/month.component.mjs +7 -6
- package/esm2022/cron-job/lib/seconds/seconds.component.mjs +7 -6
- package/esm2022/cron-job/lib/year/year.component.mjs +7 -6
- package/esm2022/drawer/lib/drawer/drawer-item/drawer.component.mjs +6 -9
- package/esm2022/form/lib/form.component.mjs +5 -2
- package/esm2022/password-box/index.mjs +2 -1
- package/esm2022/password-box/lib/password-box.component.mjs +8 -8
- package/esm2022/password-box/lib/password-box.module.mjs +6 -4
- package/esm2022/password-box/lib/password-strength-validation/password-strength-validation.component.mjs +41 -0
- package/esm2022/phone-box/lib/phone-box.component.mjs +17 -5
- package/esm2022/select-box/lib/select-box.component.mjs +7 -24
- package/esm2022/selection-list/lib/selection-list.component.mjs +4 -4
- package/esm2022/side-menu/index.mjs +2 -2
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.component.mjs +81 -0
- package/esm2022/side-menu/lib/side-menu.module.mjs +2 -2
- package/esm2022/step-wizard/lib/step-wizard-item/step-wizard-item.component.mjs +5 -4
- package/esm2022/step-wizard/lib/step-wizard.class.mjs +1 -1
- package/esm2022/step-wizard/lib/step-wizard.component.mjs +21 -32
- package/fesm2022/acorex-components-check-box.mjs +23 -27
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +4 -0
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +19 -18
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +6 -9
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +4 -1
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +50 -11
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +16 -4
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +6 -23
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +3 -3
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +24 -34
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/package.json +1 -1
- package/password-box/index.d.ts +1 -0
- package/password-box/lib/password-box.component.d.ts +7 -7
- package/password-box/lib/password-box.module.d.ts +7 -5
- package/password-box/lib/password-strength-validation/password-strength-validation.component.d.ts +12 -0
- package/phone-box/lib/phone-box.component.d.ts +4 -2
- package/select-box/lib/select-box.component.d.ts +0 -8
- package/side-menu/index.d.ts +1 -1
- package/side-menu/lib/side-menu.module.d.ts +1 -1
- package/step-wizard/lib/step-wizard-item/step-wizard-item.component.d.ts +10 -9
- package/step-wizard/lib/step-wizard.class.d.ts +1 -1
- package/step-wizard/lib/step-wizard.component.d.ts +7 -13
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +0 -81
- /package/side-menu/lib/side-menu-item/{side-menu-item.compoent.d.ts → side-menu-item.component.d.ts} +0 -0
@@ -1,5 +1,5 @@
|
|
1
1
|
import { MXBaseComponent } from '@acorex/components/common';
|
2
|
-
import { ChangeDetectionStrategy, Component, HostBinding, Input, TemplateRef, ViewChild, ViewEncapsulation, computed, signal, } from '@angular/core';
|
2
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input, TemplateRef, ViewChild, ViewEncapsulation, computed, input, signal, } from '@angular/core';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
import * as i1 from "@angular/common";
|
5
5
|
import * as i2 from "@acorex/components/decorators";
|
@@ -13,6 +13,7 @@ export class AXStepWizardItemComponent extends MXBaseComponent {
|
|
13
13
|
this.passedSignal = signal(false);
|
14
14
|
this.activeLook = signal(this.look);
|
15
15
|
this.className = computed(() => this.passedSignal() ? 'ax-state-passed' : this.activeSignal() ? 'ax-state-active' : '');
|
16
|
+
this.step = input(1);
|
16
17
|
}
|
17
18
|
set look(v) {
|
18
19
|
this.activeLook.set(v);
|
@@ -40,11 +41,11 @@ export class AXStepWizardItemComponent extends MXBaseComponent {
|
|
40
41
|
return [this.className()];
|
41
42
|
}
|
42
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
43
|
-
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:rgb(var(--ax-color-neutral-900))}.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 }); }
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXStepWizardItemComponent, selector: "ax-step-wizard-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: false, isRequired: false, transformFunction: null }, passed: { classPropertyName: "passed", publicName: "passed", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null } }, 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\n @case ('with-line-number') {\n <div class=\"ax-number-circle-contianer\">\n @if (passedSignal()) {\n <div class=\"ax-icon-container\">\n <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n </div>\n } @else if (activeSignal()) {\n <div class=\"ax-number-contianer ax-number-contianer-active\">\n <p>{{ step() }}</p>\n </div>\n } @else {\n <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n <p>{{ step() }}</p>\n </div>\n }\n <div class=\"ax-flex\">\n <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n {{ stepLabel() }}\n </p>\n </div>\n </div>\n\n <div class=\"ax-step-line\"></div>\n }\n\n @case ('classic-circular') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @case ('classic-rounded') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @default {\n @if (customTemplate) {\n <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n }\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.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:rgb(var(--ax-color-neutral-900))}.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}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 }); }
|
44
45
|
}
|
45
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardItemComponent, decorators: [{
|
46
47
|
type: Component,
|
47
|
-
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:rgb(var(--ax-color-neutral-900))}.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"] }]
|
48
|
+
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\n @case ('with-line-number') {\n <div class=\"ax-number-circle-contianer\">\n @if (passedSignal()) {\n <div class=\"ax-icon-container\">\n <ax-icon class=\"fa-solid fa-check\"></ax-icon>\n </div>\n } @else if (activeSignal()) {\n <div class=\"ax-number-contianer ax-number-contianer-active\">\n <p>{{ step() }}</p>\n </div>\n } @else {\n <div class=\"ax-number-contianer ax-number-contianer-not-active\">\n <p>{{ step() }}</p>\n </div>\n }\n <div class=\"ax-flex\">\n <p [ngClass]=\"{ 'ax-label-not-active': !passedSignal() && !activeSignal() }\">\n {{ stepLabel() }}\n </p>\n </div>\n </div>\n\n <div class=\"ax-step-line\"></div>\n }\n\n @case ('classic-circular') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @case ('classic-rounded') {\n <div class=\"ax-step-wizard-item-icon\">\n <ng-container *ngTemplateOutlet=\"icon\"> </ng-container>\n </div>\n <div class=\"ax-step-wizard-item-title\">\n <p>{{ stepLabel() }}</p>\n <span [class.ax-visible]=\"stepDescription()\">{{ stepDescription() }}</span>\n </div>\n }\n\n @default {\n @if (customTemplate) {\n <ng-container *ngTemplateOutlet=\"customTemplate\"> </ng-container>\n }\n }\n}\n\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n", styles: [".ax-look-with-line ax-step-wizard-item{width:100%;position:relative;display:flex;padding-top:.5rem;align-items:flex-start;gap:.25rem;margin-inline:.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:rgb(var(--ax-color-neutral-900))}.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}.ax-look-with-line-number ax-step-wizard-item{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;gap:.25rem;width:100%;margin-inline:.25rem;font-size:.875rem;min-width:max-content}.ax-look-with-line-number ax-step-wizard-item p{font-weight:600;white-space:nowrap}.ax-look-with-line-number ax-step-wizard-item ax-icon{color:rgba(var(--ax-color-neutral-100));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer{width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:1px solid rgba(var(--ax-color-primary-500));border-radius:1000vmax}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer p{color:rgba(var(--ax-color-neutral-100))}.ax-look-with-line-number ax-step-wizard-item .ax-icon-container{position:relative;width:1.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--ax-color-primary-500));border-radius:1000vmax;z-index:0}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-active{background-color:rgba(var(--ax-color-primary-500))}.ax-look-with-line-number ax-step-wizard-item .ax-number-contianer-not-active p{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-label-not-active{color:rgba(var(--ax-color-neutral-500))}.ax-look-with-line-number ax-step-wizard-item .ax-flex{margin-inline-start:.5rem}.ax-look-with-line-number ax-step-wizard-item .ax-step-line{width:100%;height:.25rem;background-color:rgba(var(--ax-color-neutral-300));border-radius:var(--ax-rounded-border-default)}.ax-look-with-line-number ax-step-wizard-item .ax-number-circle-contianer{display:flex;justify-content:center;align-items:center}\n"] }]
|
48
49
|
}], propDecorators: { customTemplate: [{
|
49
50
|
type: Input
|
50
51
|
}], template: [{
|
@@ -66,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
66
67
|
type: HostBinding,
|
67
68
|
args: ['class']
|
68
69
|
}] } });
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC13aXphcmQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3RlcC13aXphcmQvc3JjL2xpYi9zdGVwLXdpemFyZC1pdGVtL3N0ZXAtd2l6YXJkLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3N0ZXAtd2l6YXJkL3NyYy9saWIvc3RlcC13aXphcmQtaXRlbS9zdGVwLXdpemFyZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLFdBQVcsRUFDWCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOzs7O0FBV3ZCLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxlQUFlO0lBUjlEOztRQVNZLGNBQVMsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0Isb0JBQWUsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDckMsV0FBTSxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM1QixpQkFBWSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN0QyxpQkFBWSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN0QyxlQUFVLEdBQUcsTUFBTSxDQUFtQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakQsY0FBUyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FDMUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN2RixDQUFDO1FBRUYsU0FBSSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztLQTBDakI7SUFsQ0MsSUFDVyxJQUFJLENBQUMsQ0FBbUI7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUNELElBQ1csTUFBTSxDQUFDLENBQVU7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDO1lBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQ1csTUFBTSxDQUFDLENBQVU7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDO1lBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQ1csS0FBSyxDQUFDLENBQVM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQ1csV0FBVyxDQUFDLENBQVM7UUFDOUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQ29CLEVBQUUsQ0FBQyxDQUFTO1FBQzlCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUNZLFdBQVc7UUFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7OEdBcERVLHlCQUF5QjtrR0FBekIseUJBQXlCLGcrQ0N2QnRDLG9zRUEwRUE7OzJGRG5EYSx5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0UscUJBQXFCLFVBQ3ZCLENBQUMsVUFBVSxFQUFFLE9BQU8sQ0FBQyxtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQWdCckMsY0FBYztzQkFEYixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxTQUFTO2dCQUlULElBQUk7c0JBRGQsS0FBSztnQkFLSyxNQUFNO3NCQURoQixLQUFLO2dCQU9LLE1BQU07c0JBRGhCLEtBQUs7Z0JBT0ssS0FBSztzQkFEZixLQUFLO2dCQUtLLFdBQVc7c0JBRHJCLEtBQUs7Z0JBTWMsRUFBRTtzQkFEckIsS0FBSztnQkFNTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYU3RlcFdpemFyZExvb2sgfSBmcm9tICcuLi9zdGVwLXdpemFyZC5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXN0ZXAtd2l6YXJkLWl0ZW0nLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAnY29sb3InXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXAtd2l6YXJkLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc3RlcC13aXphcmQtaXRlbS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFN0ZXBXaXphcmRJdGVtQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0ZXBMYWJlbCA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHJvdGVjdGVkIHN0ZXBEZXNjcmlwdGlvbiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHJvdGVjdGVkIHN0ZXBJZCA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgcHJvdGVjdGVkIGFjdGl2ZVNpZ25hbCA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByb3RlY3RlZCBwYXNzZWRTaWduYWwgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcm90ZWN0ZWQgYWN0aXZlTG9vayA9IHNpZ25hbDxBWFN0ZXBXaXphcmRMb29rPih0aGlzLmxvb2spO1xuICBwcm90ZWN0ZWQgY2xhc3NOYW1lID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PlxuICAgIHRoaXMucGFzc2VkU2lnbmFsKCkgPyAnYXgtc3RhdGUtcGFzc2VkJyA6IHRoaXMuYWN0aXZlU2lnbmFsKCkgPyAnYXgtc3RhdGUtYWN0aXZlJyA6ICcnLFxuICApO1xuXG4gIHN0ZXAgPSBpbnB1dCgxKTtcblxuICBASW5wdXQoKVxuICBjdXN0b21UZW1wbGF0ZTogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudCcpXG4gIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGxvb2sodjogQVhTdGVwV2l6YXJkTG9vaykge1xuICAgIHRoaXMuYWN0aXZlTG9vay5zZXQodik7XG4gIH1cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBhY3RpdmUodjogYm9vbGVhbikge1xuICAgIHRoaXMuYWN0aXZlU2lnbmFsLnNldCh2KTtcbiAgICBpZiAodikgdGhpcy5wYXNzZWRTaWduYWwuc2V0KGZhbHNlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgcGFzc2VkKHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnBhc3NlZFNpZ25hbC5zZXQodik7XG4gICAgaWYgKHYpIHRoaXMuYWN0aXZlU2lnbmFsLnNldChmYWxzZSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGxhYmVsKHY6IHN0cmluZykge1xuICAgIHRoaXMuc3RlcExhYmVsLnNldCh2KTtcbiAgfVxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGRlc2NyaXB0aW9uKHY6IHN0cmluZykge1xuICAgIHRoaXMuc3RlcERlc2NyaXB0aW9uLnNldCh2KTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgaWQodjogc3RyaW5nKSB7XG4gICAgdGhpcy5zdGVwSWQuc2V0KHYpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gW3RoaXMuY2xhc3NOYW1lKCldO1xuICB9XG59XG4iLCJAc3dpdGNoIChhY3RpdmVMb29rKCkpIHtcbiAgQGNhc2UgKCd3aXRoLWxpbmUnKSB7XG4gICAgQGlmIChwYXNzZWRTaWduYWwoKSkge1xuICAgICAgPGF4LWljb24gY2xhc3M9XCJmYXMgZmFyIGZhLWNoZWNrLWNpcmNsZVwiPiA8L2F4LWljb24+XG4gICAgfSBAZWxzZSBpZiAoYWN0aXZlU2lnbmFsKCkpIHtcbiAgICAgIDxheC1pY29uIGNsYXNzPVwiZmFzIGZhLWNpcmNsZS1kb3RcIj4gPC9heC1pY29uPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2lyY2xlXCI+IDwvYXgtaWNvbj5cbiAgICB9XG4gICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtZmxleC1jb2xcIj5cbiAgICAgIDxwPnt7IHN0ZXBMYWJlbCgpIH19PC9wPlxuICAgICAgPHNwYW4gW2NsYXNzLmF4LXZpc2libGVdPVwic3RlcERlc2NyaXB0aW9uKClcIj57eyBzdGVwRGVzY3JpcHRpb24oKSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgfVxuXG4gIEBjYXNlICgnd2l0aC1saW5lLW51bWJlcicpIHtcbiAgICA8ZGl2IGNsYXNzPVwiYXgtbnVtYmVyLWNpcmNsZS1jb250aWFuZXJcIj5cbiAgICAgIEBpZiAocGFzc2VkU2lnbmFsKCkpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWljb24tY29udGFpbmVyXCI+XG4gICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS1jaGVja1wiPjwvYXgtaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9IEBlbHNlIGlmIChhY3RpdmVTaWduYWwoKSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtbnVtYmVyLWNvbnRpYW5lciBheC1udW1iZXItY29udGlhbmVyLWFjdGl2ZVwiPlxuICAgICAgICAgIDxwPnt7IHN0ZXAoKSB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LW51bWJlci1jb250aWFuZXIgYXgtbnVtYmVyLWNvbnRpYW5lci1ub3QtYWN0aXZlXCI+XG4gICAgICAgICAgPHA+e3sgc3RlcCgpIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4XCI+XG4gICAgICAgIDxwIFtuZ0NsYXNzXT1cInsgJ2F4LWxhYmVsLW5vdC1hY3RpdmUnOiAhcGFzc2VkU2lnbmFsKCkgJiYgIWFjdGl2ZVNpZ25hbCgpIH1cIj5cbiAgICAgICAgICB7eyBzdGVwTGFiZWwoKSB9fVxuICAgICAgICA8L3A+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJheC1zdGVwLWxpbmVcIj48L2Rpdj5cbiAgfVxuXG4gIEBjYXNlICgnY2xhc3NpYy1jaXJjdWxhcicpIHtcbiAgICA8ZGl2IGNsYXNzPVwiYXgtc3RlcC13aXphcmQtaXRlbS1pY29uXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtc3RlcC13aXphcmQtaXRlbS10aXRsZVwiPlxuICAgICAgPHA+e3sgc3RlcExhYmVsKCkgfX08L3A+XG4gICAgICA8c3BhbiBbY2xhc3MuYXgtdmlzaWJsZV09XCJzdGVwRGVzY3JpcHRpb24oKVwiPnt7IHN0ZXBEZXNjcmlwdGlvbigpIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGNhc2UgKCdjbGFzc2ljLXJvdW5kZWQnKSB7XG4gICAgPGRpdiBjbGFzcz1cImF4LXN0ZXAtd2l6YXJkLWl0ZW0taWNvblwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIj4gPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImF4LXN0ZXAtd2l6YXJkLWl0ZW0tdGl0bGVcIj5cbiAgICAgIDxwPnt7IHN0ZXBMYWJlbCgpIH19PC9wPlxuICAgICAgPHNwYW4gW2NsYXNzLmF4LXZpc2libGVdPVwic3RlcERlc2NyaXB0aW9uKClcIj57eyBzdGVwRGVzY3JpcHRpb24oKSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgfVxuXG4gIEBkZWZhdWx0IHtcbiAgICBAaWYgKGN1c3RvbVRlbXBsYXRlKSB7XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tVGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XG4gICAgfVxuICB9XG59XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29udGVudFwiPiA8L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2ljb24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC13aXphcmQuY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3RlcC13aXphcmQvc3JjL2xpYi9zdGVwLXdpemFyZC5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBBWFN0ZXBXaXphcmRJdGVtIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbn1cbmV4cG9ydCB0eXBlIEFYU3RlcFdpemFyZExvb2sgPVxuICB8ICdjbGFzc2ljLXJvdW5kZWQnXG4gIHwgJ2NsYXNzaWMtY2lyY3VsYXInXG4gIHwgJ3dpdGgtbGluZSdcbiAgfCAnd2l0aC1saW5lLW51bWJlcidcbiAgfCAnY3VzdG9tJztcbiJdfQ==
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
9
9
|
*/
|
10
10
|
export class AXStepWizardComponent extends MXBaseComponent {
|
11
11
|
constructor() {
|
12
|
-
super();
|
12
|
+
super(...arguments);
|
13
13
|
/**
|
14
14
|
* Sets the visual style of the step wizard.
|
15
15
|
*
|
@@ -19,21 +19,18 @@ export class AXStepWizardComponent extends MXBaseComponent {
|
|
19
19
|
/** @ignore */
|
20
20
|
this.activeStepIndex = signal(0);
|
21
21
|
/** @ignore */
|
22
|
-
this.activeLook = signal(this.look());
|
23
|
-
/** @ignore */
|
24
22
|
this.activeOrientation = signal(this.orientation);
|
25
23
|
this.isFirst = computed(() => this.activeStepIndex() === 0);
|
26
24
|
this.isLast = computed(() => this.activeStepIndex() === this.steps()?.length - 1);
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
return classList;
|
25
|
+
this.#effect = effect(() => {
|
26
|
+
this.steps()?.forEach((s) => {
|
27
|
+
s.look = this.look();
|
28
|
+
});
|
29
|
+
}, {
|
30
|
+
allowSignalWrites: true,
|
34
31
|
});
|
35
32
|
/** @ignore */
|
36
|
-
this
|
33
|
+
this.#stepChangeEffect = effect(() => {
|
37
34
|
const step = this.steps()[this.activeStepIndex()];
|
38
35
|
this.steps().forEach((s, i) => {
|
39
36
|
s.active = false;
|
@@ -55,15 +52,10 @@ export class AXStepWizardComponent extends MXBaseComponent {
|
|
55
52
|
/** @ignore */
|
56
53
|
// @ContentChildren(AXStepWizardItemComponent, { descendants: true })
|
57
54
|
this.steps = contentChildren(AXStepWizardItemComponent);
|
58
|
-
effect(() => {
|
59
|
-
this.activeLook.set(this.look());
|
60
|
-
this.steps()?.forEach((s) => {
|
61
|
-
s.look = this.activeLook();
|
62
|
-
});
|
63
|
-
}, {
|
64
|
-
allowSignalWrites: true,
|
65
|
-
});
|
66
55
|
}
|
56
|
+
#effect;
|
57
|
+
/** @ignore */
|
58
|
+
#stepChangeEffect;
|
67
59
|
/** @ignore */
|
68
60
|
changeStepContent(step) {
|
69
61
|
if (this.content && step) {
|
@@ -74,13 +66,6 @@ export class AXStepWizardComponent extends MXBaseComponent {
|
|
74
66
|
ngOnInit() {
|
75
67
|
super.ngOnInit();
|
76
68
|
}
|
77
|
-
// @Input()
|
78
|
-
// public set look(v: AXStepWizardLook) {
|
79
|
-
// this.activeLook.set(v);
|
80
|
-
// this.steps()?.forEach((s) => {
|
81
|
-
// s.look = this.activeLook();
|
82
|
-
// });
|
83
|
-
// }
|
84
69
|
/**
|
85
70
|
* Sets the orientation of the component.
|
86
71
|
*
|
@@ -126,15 +111,19 @@ export class AXStepWizardComponent extends MXBaseComponent {
|
|
126
111
|
}
|
127
112
|
/** @ignore */
|
128
113
|
get __hostClass() {
|
129
|
-
|
114
|
+
const classList = [`ax-look-${this.look()}`];
|
115
|
+
if (this.activeOrientation() == 'vertical') {
|
116
|
+
classList.push('ax-vertical');
|
117
|
+
}
|
118
|
+
return classList;
|
130
119
|
}
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps:
|
132
|
-
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 }); }
|
120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
121
|
+
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}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
133
122
|
}
|
134
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXStepWizardComponent, decorators: [{
|
135
124
|
type: Component,
|
136
|
-
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"] }]
|
137
|
-
}],
|
125
|
+
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}ax-step-wizard.ax-look-with-line-number{gap:.75rem}\n"] }]
|
126
|
+
}], propDecorators: { orientation: [{
|
138
127
|
type: Input
|
139
128
|
}], content: [{
|
140
129
|
type: Input
|
@@ -142,4 +131,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
142
131
|
type: HostBinding,
|
143
132
|
args: ['class']
|
144
133
|
}] } });
|
145
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3N0ZXAtd2l6YXJkL3NyYy9saWIvc3RlcC13aXphcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFHTCxpQkFBaUIsRUFFakIsUUFBUSxFQUNSLGVBQWUsRUFDZixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUUxRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFdkU7OztHQUdHO0FBUUgsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGVBQWU7SUFDeEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWNWOzs7O1dBSUc7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFtQixrQkFBa0IsQ0FBQyxDQUFDO1FBRW5ELGNBQWM7UUFDSixvQkFBZSxHQUEyQixNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFOUQsY0FBYztRQUNKLGVBQVUsR0FBcUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRTdFLGNBQWM7UUFDSixzQkFBaUIsR0FBa0MsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUUvRSxZQUFPLEdBQW9CLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDeEUsV0FBTSxHQUFvQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUs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T0FBTztzQkFETixLQUFLO2dCQXdDTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWE9yaWVudGF0aW9uLCBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBTaWduYWwsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBXcml0YWJsZVNpZ25hbCxcbiAgY29tcHV0ZWQsXG4gIGNvbnRlbnRDaGlsZHJlbixcbiAgZWZmZWN0LFxuICBtb2RlbCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3N0ZXAtd2l6YXJkLWl0ZW0vc3RlcC13aXphcmQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhTdGVwV2l6YXJkTG9vayB9IGZyb20gJy4vc3RlcC13aXphcmQuY2xhc3MnO1xuaW1wb3J0IHsgQVhTdGVwV2l6YXJkQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vc3RlcC13aXphcmQuZGlyZWN0aXZlJztcblxuLyoqXG4gKiAgQGNhdGVnb3J5XG4gKiBBIGNvbXBvbmVudCBmb3IgY3JlYXRpbmcgYSBzdGVwLWJ5LXN0ZXAgd2l6YXJkIGludGVyZmFjZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtc3RlcC13aXphcmQnLFxuICB0ZW1wbGF0ZTogYCA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdGVwLXdpemFyZC1pdGVtXCI+PC9uZy1jb250ZW50PiBgLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwLXdpemFyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhTdGVwV2l6YXJkQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBlZmZlY3QoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRoaXMuYWN0aXZlTG9vay5zZXQodGhpcy5sb29rKCkpO1xuICAgICAgICB0aGlzLnN0ZXBzKCk/LmZvckVhY2goKHMpID0+IHtcbiAgICAgICAgICBzLmxvb2sgPSB0aGlzLmFjdGl2ZUxvb2soKTtcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSxcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSB2aXN1YWwgc3R5bGUgb2YgdGhlIHN0ZXAgd2l6YXJkLlxuICAgKlxuICAgKiBAcGFyYW0gdlxuICAgKi9cbiAgbG9vayA9IG1vZGVsPEFYU3RlcFdpemFyZExvb2s+KCdjbGFzc2ljLWNpcmN1bGFyJyk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGFjdGl2ZVN0ZXBJbmRleDogV3JpdGFibGVTaWduYWw8bnVtYmVyPiA9IHNpZ25hbCgwKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgYWN0aXZlTG9vazogV3JpdGFibGVTaWduYWw8QVhTdGVwV2l6YXJkTG9vaz4gPSBzaWduYWwodGhpcy5sb29rKCkpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBhY3RpdmVPcmllbnRhdGlvbjogV3JpdGFibGVTaWduYWw8QVhPcmllbnRhdGlvbj4gPSBzaWduYWwodGhpcy5vcmllbnRhdGlvbik7XG5cbiAgcHVibGljIGlzRmlyc3Q6IFNpZ25hbDxib29sZWFuPiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYWN0aXZlU3RlcEluZGV4KCkgPT09IDApO1xuICBwdWJsaWMgaXNMYXN0OiBTaWduYWw8Ym9vbGVhbj4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLmFjdGl2ZVN0ZXBJbmRleCgpID09PSB0aGlzLnN0ZXBzKCk/Lmxlbmd0aCAtIDEpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBjbGFzc05hbWU6IFNpZ25hbDxzdHJpbmdbXT4gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgY2xhc3NMaXN0ID0gW2BheC1sb29rLSR7dGhpcy5hY3RpdmVMb29rKCl9YF07XG4gICAgaWYgKHRoaXMuYWN0aXZlT3JpZW50YXRpb24oKSA9PSAndmVydGljYWwnKSB7XG4gICAgICBjbGFzc0xpc3QucHVzaCgnYXgtdmVydGljYWwnKTtcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzTGlzdDtcbiAgfSk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBjaGFuZ2VTdGVwQ29udGVudChzdGVwPzogQVhTdGVwV2l6YXJkSXRlbUNvbXBvbmVudCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnQgJiYgc3RlcCkge1xuICAgICAgdGhpcy5jb250ZW50LnBvcnRhbCA9IHN0ZXAudGVtcGxhdGU7XG4gICAgfVxuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJpdmF0ZSBzdGVwQ2hhbmdlRWZmZWN0ID0gZWZmZWN0KFxuICAgICgpID0+IHtcbiAgICAgIGNvbnN0IHN0ZXA6IEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQgPSB0aGlzLnN0ZXBzKClbdGhpcy5hY3RpdmVTdGVwSW5kZXgoKV07XG4gICAgICB0aGlzLnN0ZXBzKCkuZm9yRWFjaCgocywgaSkgPT4ge1xuICAgICAgICBzLmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICBzLnBhc3NlZCA9IGZhbHNlO1xuICAgICAgICBpZiAoaSA8IHRoaXMuYWN0aXZlU3RlcEluZGV4KCkpIHtcbiAgICAgICAgICB0aGlzLnN0ZXBzKClbaV0ucGFzc2VkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICB0aGlzLnN0ZXBzKClbdGhpcy5hY3RpdmVTdGVwSW5kZXgoKV0uZ2V0SG9zdEVsZW1lbnQoKS5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgaW5saW5lOiAnY2VudGVyJyxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5zdGVwcygpW3RoaXMuYWN0aXZlU3RlcEluZGV4KCldLmFjdGl2ZSA9IHRydWU7XG4gICAgICB0aGlzLmNoYW5nZVN0ZXBDb250ZW50KHN0ZXApO1xuICAgIH0sXG4gICAge1xuICAgICAgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBvdmVycmlkZSBuZ09uSW5pdCgpIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgLy8gQENvbnRlbnRDaGlsZHJlbihBWFN0ZXBXaXphcmRJdGVtQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHN0ZXBzID0gY29udGVudENoaWxkcmVuKEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQpO1xuXG4gIC8vIEBJbnB1dCgpXG4gIC8vIHB1YmxpYyBzZXQgbG9vayh2OiBBWFN0ZXBXaXphcmRMb29rKSB7XG4gIC8vICAgdGhpcy5hY3RpdmVMb29rLnNldCh2KTtcbiAgLy8gICB0aGlzLnN0ZXBzKCk/LmZvckVhY2goKHMpID0+IHtcbiAgLy8gICAgIHMubG9vayA9IHRoaXMuYWN0aXZlTG9vaygpO1xuICAvLyAgIH0pO1xuICAvLyB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIG9yaWVudGF0aW9uIG9mIHRoZSBjb21wb25lbnQuXG4gICAqXG4gICAqIEBwYXJhbSB2XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG9yaWVudGF0aW9uKHY6IEFYT3JpZW50YXRpb24pIHtcbiAgICB0aGlzLmFjdGl2ZU9yaWVudGF0aW9uLnNldCh2KTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGNvbnRlbnQhOiBBWFN0ZXBXaXphcmRDb250ZW50RGlyZWN0aXZlO1xuXG4gIC8qKlxuICAgKiBBZHZhbmNlcyB0byB0aGUgbmV4dCBzdGVwIGlmIGF2YWlsYWJsZS5cbiAgICovXG4gIHB1YmxpYyBuZXh0KCkge1xuICAgIHRoaXMuYWN0aXZlU3RlcEluZGV4LnVwZGF0ZSgocHJldikgPT4ge1xuICAgICAgaWYgKHByZXYgPCB0aGlzLnN0ZXBzKCkubGVuZ3RoIC0gMSkgcmV0dXJuIHByZXYgKyAxO1xuICAgICAgZWxzZSByZXR1cm4gcHJldjtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBNb3ZlcyB0byB0aGUgcHJldmlvdXMgc3RlcCBpZiBhdmFpbGFibGUuXG4gICAqL1xuICBwdWJsaWMgcHJldmlvdXMoKSB7XG4gICAgdGhpcy5hY3RpdmVTdGVwSW5kZXgudXBkYXRlKChwcmV2KSA9PiB7XG4gICAgICBpZiAocHJldiA+IDApIHJldHVybiBwcmV2IC0gMTtcbiAgICAgIGVsc2UgcmV0dXJuIHByZXY7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogRGlyZWN0bHkgbmF2aWdhdGVzIHRvIHRoZSBzcGVjaWZpZWQgc3RlcCBieSBpdHMgaW5kZXguXG4gICAqIEBwYXJhbSBzdGVwSW5kZXhcbiAgICovXG4gIHB1YmxpYyBnb1N0ZXAoc3RlcEluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmFjdGl2ZVN0ZXBJbmRleC5zZXQoc3RlcEluZGV4IC0gMSk7XG4gIH1cblxuICAvKipcbiAgICogUmVzZXRzIHRoZSB3aXphcmQgdG8gdGhlIGZpcnN0IHN0ZXAuXG4gICAqL1xuICBwdWJsaWMgcmVzZXQoKSB7XG4gICAgdGhpcy5hY3RpdmVTdGVwSW5kZXguc2V0KDApO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gdGhpcy5jbGFzc05hbWUoKTtcbiAgfVxufVxuIl19
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3N0ZXAtd2l6YXJkL3NyYy9saWIvc3RlcC13aXphcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFFTCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLGVBQWUsRUFDZixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUUxRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFdkU7OztHQUdHO0FBUUgsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGVBQWU7SUFQMUQ7O1FBUUU7Ozs7V0FJRztRQUNILFNBQUksR0FBRyxLQUFLLENBQW1CLGtCQUFrQixDQUFDLENBQUM7UUFFbkQsY0FBYztRQUNKLG9CQUFlLEdBQUcsTUFBTSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBRTlDLGNBQWM7UUFDSixzQkFBaUIsR0FBRyxNQUFNLENBQWdCLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUUvRCxZQUFPLEdBQUcsUUFBUSxDQUFVLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNoRSxXQUFNLEdBQUcsUUFBUSxDQUFVLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBRTdGLFlBQU8sR0FBRyxNQUFNLENBQ2QsR0FB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QztJQUVEOzs7T0FHRztJQUNJLE1BQU0sQ0FBQyxTQUFpQjtRQUM3QixJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSztRQUNWLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxjQUFjO0lBQ2QsSUFDWSxXQUFXO1FBQ3JCLE1BQU0sU0FBUyxHQUFHLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLElBQUksVUFBVSxFQUFFLENBQUM7WUFDM0MsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNoQyxDQUFDO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQzs4R0E1SFUscUJBQXFCO2tHQUFyQixxQkFBcUIsK2lCQWtFUix5QkFBeUIsb0VBdkV2QywwREFBMEQ7OzJGQUt6RCxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCLDBEQUEwRCxtQkFFbkQsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkE0RTFCLFdBQVc7c0JBRHJCLEtBQUs7Z0JBTU4sT0FBTztzQkFETixLQUFLO2dCQXdDTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWE9yaWVudGF0aW9uLCBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGNvbnRlbnRDaGlsZHJlbixcbiAgZWZmZWN0LFxuICBtb2RlbCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3N0ZXAtd2l6YXJkLWl0ZW0vc3RlcC13aXphcmQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhTdGVwV2l6YXJkTG9vayB9IGZyb20gJy4vc3RlcC13aXphcmQuY2xhc3MnO1xuaW1wb3J0IHsgQVhTdGVwV2l6YXJkQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vc3RlcC13aXphcmQuZGlyZWN0aXZlJztcblxuLyoqXG4gKiAgQGNhdGVnb3J5XG4gKiBBIGNvbXBvbmVudCBmb3IgY3JlYXRpbmcgYSBzdGVwLWJ5LXN0ZXAgd2l6YXJkIGludGVyZmFjZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtc3RlcC13aXphcmQnLFxuICB0ZW1wbGF0ZTogYCA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdGVwLXdpemFyZC1pdGVtXCI+PC9uZy1jb250ZW50PiBgLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwLXdpemFyZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhTdGVwV2l6YXJkQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIHZpc3VhbCBzdHlsZSBvZiB0aGUgc3RlcCB3aXphcmQuXG4gICAqXG4gICAqIEBwYXJhbSB2XG4gICAqL1xuICBsb29rID0gbW9kZWw8QVhTdGVwV2l6YXJkTG9vaz4oJ2NsYXNzaWMtY2lyY3VsYXInKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcm90ZWN0ZWQgYWN0aXZlU3RlcEluZGV4ID0gc2lnbmFsPG51bWJlcj4oMCk7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGFjdGl2ZU9yaWVudGF0aW9uID0gc2lnbmFsPEFYT3JpZW50YXRpb24+KHRoaXMub3JpZW50YXRpb24pO1xuXG4gIHB1YmxpYyBpc0ZpcnN0ID0gY29tcHV0ZWQ8Ym9vbGVhbj4oKCkgPT4gdGhpcy5hY3RpdmVTdGVwSW5kZXgoKSA9PT0gMCk7XG4gIHB1YmxpYyBpc0xhc3QgPSBjb21wdXRlZDxib29sZWFuPigoKSA9PiB0aGlzLmFjdGl2ZVN0ZXBJbmRleCgpID09PSB0aGlzLnN0ZXBzKCk/Lmxlbmd0aCAtIDEpO1xuXG4gICNlZmZlY3QgPSBlZmZlY3QoXG4gICAgKCkgPT4ge1xuICAgICAgdGhpcy5zdGVwcygpPy5mb3JFYWNoKChzKSA9PiB7XG4gICAgICAgIHMubG9vayA9IHRoaXMubG9vaygpO1xuICAgICAgfSk7XG4gICAgfSxcbiAgICB7XG4gICAgICBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSxcbiAgICB9LFxuICApO1xuXG4gIC8qKiBAaWdub3JlICovXG4gICNzdGVwQ2hhbmdlRWZmZWN0ID0gZWZmZWN0KFxuICAgICgpID0+IHtcbiAgICAgIGNvbnN0IHN0ZXA6IEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQgPSB0aGlzLnN0ZXBzKClbdGhpcy5hY3RpdmVTdGVwSW5kZXgoKV07XG4gICAgICB0aGlzLnN0ZXBzKCkuZm9yRWFjaCgocywgaSkgPT4ge1xuICAgICAgICBzLmFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICBzLnBhc3NlZCA9IGZhbHNlO1xuICAgICAgICBpZiAoaSA8IHRoaXMuYWN0aXZlU3RlcEluZGV4KCkpIHtcbiAgICAgICAgICB0aGlzLnN0ZXBzKClbaV0ucGFzc2VkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgICB0aGlzLnN0ZXBzKClbdGhpcy5hY3RpdmVTdGVwSW5kZXgoKV0uZ2V0SG9zdEVsZW1lbnQoKS5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgaW5saW5lOiAnY2VudGVyJyxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5zdGVwcygpW3RoaXMuYWN0aXZlU3RlcEluZGV4KCldLmFjdGl2ZSA9IHRydWU7XG4gICAgICB0aGlzLmNoYW5nZVN0ZXBDb250ZW50KHN0ZXApO1xuICAgIH0sXG4gICAge1xuICAgICAgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBwcml2YXRlIGNoYW5nZVN0ZXBDb250ZW50KHN0ZXA/OiBBWFN0ZXBXaXphcmRJdGVtQ29tcG9uZW50KSB7XG4gICAgaWYgKHRoaXMuY29udGVudCAmJiBzdGVwKSB7XG4gICAgICB0aGlzLmNvbnRlbnQucG9ydGFsID0gc3RlcC50ZW1wbGF0ZTtcbiAgICB9XG4gIH1cblxuICAvKiogQGlnbm9yZSAqL1xuICBvdmVycmlkZSBuZ09uSW5pdCgpIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgLy8gQENvbnRlbnRDaGlsZHJlbihBWFN0ZXBXaXphcmRJdGVtQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHN0ZXBzID0gY29udGVudENoaWxkcmVuKEFYU3RlcFdpemFyZEl0ZW1Db21wb25lbnQpO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBvcmllbnRhdGlvbiBvZiB0aGUgY29tcG9uZW50LlxuICAgKlxuICAgKiBAcGFyYW0gdlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBvcmllbnRhdGlvbih2OiBBWE9yaWVudGF0aW9uKSB7XG4gICAgdGhpcy5hY3RpdmVPcmllbnRhdGlvbi5zZXQodik7XG4gIH1cblxuICBASW5wdXQoKVxuICBjb250ZW50ITogQVhTdGVwV2l6YXJkQ29udGVudERpcmVjdGl2ZTtcblxuICAvKipcbiAgICogQWR2YW5jZXMgdG8gdGhlIG5leHQgc3RlcCBpZiBhdmFpbGFibGUuXG4gICAqL1xuICBwdWJsaWMgbmV4dCgpIHtcbiAgICB0aGlzLmFjdGl2ZVN0ZXBJbmRleC51cGRhdGUoKHByZXYpID0+IHtcbiAgICAgIGlmIChwcmV2IDwgdGhpcy5zdGVwcygpLmxlbmd0aCAtIDEpIHJldHVybiBwcmV2ICsgMTtcbiAgICAgIGVsc2UgcmV0dXJuIHByZXY7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogTW92ZXMgdG8gdGhlIHByZXZpb3VzIHN0ZXAgaWYgYXZhaWxhYmxlLlxuICAgKi9cbiAgcHVibGljIHByZXZpb3VzKCkge1xuICAgIHRoaXMuYWN0aXZlU3RlcEluZGV4LnVwZGF0ZSgocHJldikgPT4ge1xuICAgICAgaWYgKHByZXYgPiAwKSByZXR1cm4gcHJldiAtIDE7XG4gICAgICBlbHNlIHJldHVybiBwcmV2O1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIERpcmVjdGx5IG5hdmlnYXRlcyB0byB0aGUgc3BlY2lmaWVkIHN0ZXAgYnkgaXRzIGluZGV4LlxuICAgKiBAcGFyYW0gc3RlcEluZGV4XG4gICAqL1xuICBwdWJsaWMgZ29TdGVwKHN0ZXBJbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5hY3RpdmVTdGVwSW5kZXguc2V0KHN0ZXBJbmRleCAtIDEpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0cyB0aGUgd2l6YXJkIHRvIHRoZSBmaXJzdCBzdGVwLlxuICAgKi9cbiAgcHVibGljIHJlc2V0KCkge1xuICAgIHRoaXMuYWN0aXZlU3RlcEluZGV4LnNldCgwKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgY2xhc3NMaXN0ID0gW2BheC1sb29rLSR7dGhpcy5sb29rKCl9YF07XG4gICAgaWYgKHRoaXMuYWN0aXZlT3JpZW50YXRpb24oKSA9PSAndmVydGljYWwnKSB7XG4gICAgICBjbGFzc0xpc3QucHVzaCgnYXgtdmVydGljYWwnKTtcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzTGlzdDtcbiAgfVxufVxuIl19
|
@@ -3,12 +3,11 @@ import { AXLabelComponent } from '@acorex/components/label';
|
|
3
3
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
4
4
|
import * as i0 from '@angular/core';
|
5
5
|
import { forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Input, HostListener, HostBinding, NgModule } from '@angular/core';
|
6
|
-
import * as
|
6
|
+
import * as i1 from '@angular/forms';
|
7
7
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
8
8
|
import { classes } from 'polytype';
|
9
|
-
import * as i1 from '@angular/common';
|
10
|
-
import { CommonModule } from '@angular/common';
|
11
9
|
import { AXDecoratorModule } from '@acorex/components/decorators';
|
10
|
+
import { CommonModule } from '@angular/common';
|
12
11
|
|
13
12
|
/**
|
14
13
|
* A checkbox component that allows users to select or deselect an option.
|
@@ -69,33 +68,25 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
|
|
69
68
|
this.registerValidation();
|
70
69
|
}
|
71
70
|
/**
|
72
|
-
*
|
71
|
+
* @ignore
|
73
72
|
*/
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
// });
|
83
|
-
// }
|
73
|
+
ngAfterViewInit() {
|
74
|
+
this._labels?.forEach((c) => {
|
75
|
+
//TODO: remove listener
|
76
|
+
c.getHostElement().addEventListener('click', () => {
|
77
|
+
this.changeValue();
|
78
|
+
});
|
79
|
+
});
|
80
|
+
}
|
84
81
|
/**
|
85
|
-
*
|
82
|
+
* @ignore
|
86
83
|
*/
|
87
|
-
_handleClick(
|
88
|
-
|
84
|
+
_handleClick(e) {
|
85
|
+
e.stopPropagation();
|
89
86
|
if (this.readonly || this.disabled) {
|
90
|
-
|
91
|
-
return false;
|
92
|
-
}
|
93
|
-
const allowedTags = ['label', 'svg', 'path', 'input'];
|
94
|
-
const targetTag = event.target.tagName.toLowerCase();
|
95
|
-
if (!allowedTags.includes(targetTag)) {
|
87
|
+
e.preventDefault();
|
96
88
|
return false;
|
97
89
|
}
|
98
|
-
this.commitValue(!this.value, true);
|
99
90
|
return true;
|
100
91
|
}
|
101
92
|
/**
|
@@ -110,15 +101,20 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
|
|
110
101
|
get __hostClass() {
|
111
102
|
return `ax-${this.color ? this.color : 'primary'}-solid`;
|
112
103
|
}
|
104
|
+
changeValue() {
|
105
|
+
if (!this.readonly && !this.disabled) {
|
106
|
+
this.commitValue(!this.value, true);
|
107
|
+
}
|
108
|
+
}
|
113
109
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
114
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", color: "color", value: "value", name: "name", id: "id", checked: "checked", indeterminate: "indeterminate" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
115
111
|
{ provide: AXValuableComponent, useExisting: AXCheckBoxComponent },
|
116
112
|
{
|
117
113
|
provide: NG_VALUE_ACCESSOR,
|
118
114
|
useExisting: forwardRef(() => AXCheckBoxComponent),
|
119
115
|
multi: true,
|
120
116
|
},
|
121
|
-
], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-check-box\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n #cb\n />\n <div class=\"ax-checkbox-background\">\n <svg\n *ngIf=\"cb.indeterminate\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n >\n <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n </svg>\n <svg *ngIf=\"cb.checked\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path\n d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n />\n </svg>\n </div>\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box .ax-check-box:checked,.ax-ghost-solid .ax-check-box .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
117
|
+
], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-check-box\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n #cb\n />\n <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n @if (cb.indeterminate) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n </svg>\n }\n @if (cb.checked) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path\n d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n />\n </svg>\n }\n </div>\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box:checked,.ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
122
118
|
}
|
123
119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
|
124
120
|
type: Component,
|
@@ -129,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
129
125
|
useExisting: forwardRef(() => AXCheckBoxComponent),
|
130
126
|
multi: true,
|
131
127
|
},
|
132
|
-
], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-check-box\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n #cb\n />\n <div class=\"ax-checkbox-background\">\n <svg\n *ngIf=\"cb.indeterminate\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n >\n <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n </svg>\n <svg *ngIf=\"cb.checked\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path\n d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n />\n </svg>\n </div>\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box .ax-check-box:checked,.ax-ghost-solid .ax-check-box .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"] }]
|
128
|
+
], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n <input\n [id]=\"id\"\n class=\"ax-check-box\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n #cb\n />\n <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n @if (cb.indeterminate) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n </svg>\n }\n @if (cb.checked) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path\n d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n />\n </svg>\n }\n </div>\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-dark ax-check-box.ax-primary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-200))!important;background-color:rgba(var(--ax-color-secondary-200))!important}.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-200))}.ax-dark ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-check-box.ax-success-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-200))!important;background-color:rgba(var(--ax-color-success-200))!important}.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-200))}.ax-dark ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-200))!important;background-color:rgba(var(--ax-color-warning-200))!important}.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-200))}.ax-dark ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-200))!important;background-color:rgba(var(--ax-color-danger-200))!important}.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-200))}.ax-dark ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-check-box.ax-info-solid .ax-check-box:checked,.ax-dark ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-200))!important;background-color:rgba(var(--ax-color-info-200))!important}.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus-visible,.ax-dark ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-200))}.ax-dark ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore-tint))}.ax-dark .ax-ghost-solid .ax-check-box:checked,.ax-dark .ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-200))!important;background-color:rgba(var(--ax-color-primary-200))!important}.ax-dark .ax-ghost-solid .ax-check-box:focus-visible,.ax-dark .ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-200))}.ax-dark .ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore-tint))}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center;position:relative}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-input-surface));vertical-align:middle;outline:2px solid transparent;outline-offset:2px}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}ax-check-box.ax-primary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-primary-solid .ax-check-box:checked,ax-check-box.ax-primary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-primary-solid .ax-check-box:focus-visible,ax-check-box.ax-primary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}ax-check-box.ax-primary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}ax-check-box.ax-secondary-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-secondary-solid .ax-check-box:checked,ax-check-box.ax-secondary-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-secondary-500))!important;background-color:rgba(var(--ax-color-secondary-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-secondary-solid .ax-check-box:focus-visible,ax-check-box.ax-secondary-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-secondary-500))}ax-check-box.ax-secondary-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-secondary-fore))}ax-check-box.ax-success-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-success-solid .ax-check-box:checked,ax-check-box.ax-success-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-success-500))!important;background-color:rgba(var(--ax-color-success-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-success-solid .ax-check-box:focus-visible,ax-check-box.ax-success-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-success-500))}ax-check-box.ax-success-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-success-fore))}ax-check-box.ax-warning-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-warning-solid .ax-check-box:checked,ax-check-box.ax-warning-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-warning-500))!important;background-color:rgba(var(--ax-color-warning-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-warning-solid .ax-check-box:focus-visible,ax-check-box.ax-warning-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-warning-500))}ax-check-box.ax-warning-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-warning-fore))}ax-check-box.ax-danger-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-danger-solid .ax-check-box:checked,ax-check-box.ax-danger-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-danger-500))!important;background-color:rgba(var(--ax-color-danger-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-danger-solid .ax-check-box:focus-visible,ax-check-box.ax-danger-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-danger-500))}ax-check-box.ax-danger-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-danger-fore))}ax-check-box.ax-info-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}ax-check-box.ax-info-solid .ax-check-box:checked,ax-check-box.ax-info-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-info-500))!important;background-color:rgba(var(--ax-color-info-500))!important;background-size:contain;background-repeat:no-repeat}ax-check-box.ax-info-solid .ax-check-box:focus-visible,ax-check-box.ax-info-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-info-500))}ax-check-box.ax-info-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-info-fore))}.ax-ghost-solid .ax-check-box{transition:.15s cubic-bezier(0,0,.2,1)}.ax-ghost-solid .ax-check-box:checked,.ax-ghost-solid .ax-check-box:indeterminate{border-color:rgba(var(--ax-color-primary-500))!important;background-color:rgba(var(--ax-color-primary-500))!important;background-size:contain;background-repeat:no-repeat}.ax-ghost-solid .ax-check-box:focus-visible,.ax-ghost-solid .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-color-surface)),0 0 0 4px rgba(var(--ax-color-primary-500))}.ax-ghost-solid .ax-checkbox-background svg{fill:rgba(var(--ax-color-primary-fore))}\n"] }]
|
133
129
|
}], propDecorators: { _labels: [{
|
134
130
|
type: ContentChildren,
|
135
131
|
args: [AXLabelComponent]
|