ng-inail-common 1.0.456 → 1.0.458
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-inail-common.umd.js +32 -13
- package/bundles/ng-inail-common.umd.js.map +1 -1
- package/bundles/ng-inail-common.umd.min.js +1 -1
- package/bundles/ng-inail-common.umd.min.js.map +1 -1
- package/esm2015/lib/components/ux/inail-wizard/inail-wizard.component.js +48 -24
- package/esm5/lib/components/ux/inail-wizard/inail-wizard.component.js +53 -29
- package/fesm2015/ng-inail-common.js +30 -10
- package/fesm2015/ng-inail-common.js.map +1 -1
- package/fesm5/ng-inail-common.js +34 -14
- package/fesm5/ng-inail-common.js.map +1 -1
- package/lib/components/ux/inail-wizard/inail-wizard.component.d.ts +12 -10
- package/ng-inail-common.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -4092,6 +4092,11 @@
|
|
|
4092
4092
|
* @fileoverview added by tsickle
|
|
4093
4093
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4094
4094
|
*/
|
|
4095
|
+
var WizardStep = /** @class */ (function () {
|
|
4096
|
+
function WizardStep() {
|
|
4097
|
+
}
|
|
4098
|
+
return WizardStep;
|
|
4099
|
+
}());
|
|
4095
4100
|
var InailWizardComponent = /** @class */ (function (_super) {
|
|
4096
4101
|
__extends(InailWizardComponent, _super);
|
|
4097
4102
|
function InailWizardComponent(re2) {
|
|
@@ -4103,6 +4108,7 @@
|
|
|
4103
4108
|
_this.fullNavigation = false;
|
|
4104
4109
|
_this.contentsHidden = true;
|
|
4105
4110
|
_this.currentStep = 0;
|
|
4111
|
+
_this.activateVisitedStep = false;
|
|
4106
4112
|
_this.select = new i0.EventEmitter();
|
|
4107
4113
|
_this.prevButtonTitle = 'scorri wizard a destra';
|
|
4108
4114
|
_this.nextButtonTitle = 'scorri wizard a sinistra';
|
|
@@ -4146,6 +4152,18 @@
|
|
|
4146
4152
|
if (changes.steps && !changes.steps.isFirstChange()) {
|
|
4147
4153
|
this.inizializzaSteps();
|
|
4148
4154
|
}
|
|
4155
|
+
if (changes.currentStep && changes.currentStep.currentValue != undefined) {
|
|
4156
|
+
if (this.steps != undefined && this.steps.length > this.currentStep) {
|
|
4157
|
+
/** @type {?} */
|
|
4158
|
+
var currentStep = this.steps.find(( /**
|
|
4159
|
+
* @param {?} step
|
|
4160
|
+
* @return {?}
|
|
4161
|
+
*/function (step) { return step.index === _this.currentStep; }));
|
|
4162
|
+
if (currentStep != undefined) {
|
|
4163
|
+
currentStep.visited = true;
|
|
4164
|
+
}
|
|
4165
|
+
}
|
|
4166
|
+
}
|
|
4149
4167
|
};
|
|
4150
4168
|
/**
|
|
4151
4169
|
* @return {?}
|
|
@@ -4333,16 +4351,16 @@
|
|
|
4333
4351
|
}
|
|
4334
4352
|
};
|
|
4335
4353
|
/**
|
|
4336
|
-
* @param {?}
|
|
4354
|
+
* @param {?} step
|
|
4337
4355
|
* @return {?}
|
|
4338
4356
|
*/
|
|
4339
4357
|
InailWizardComponent.prototype.isActive = /**
|
|
4340
|
-
* @param {?}
|
|
4358
|
+
* @param {?} step
|
|
4341
4359
|
* @return {?}
|
|
4342
4360
|
*/
|
|
4343
|
-
function (
|
|
4361
|
+
function (step) {
|
|
4344
4362
|
// return (this.fullNavigation && stepIndex != this.currentStep) || stepIndex < this.currentStep;
|
|
4345
|
-
return (this.fullNavigation) ||
|
|
4363
|
+
return (this.fullNavigation) || step.index <= this.currentStep || (this.activateVisitedStep === true && step.visited);
|
|
4346
4364
|
};
|
|
4347
4365
|
/**
|
|
4348
4366
|
* @param {?} step
|
|
@@ -4356,13 +4374,18 @@
|
|
|
4356
4374
|
/** @type {?} */
|
|
4357
4375
|
var value;
|
|
4358
4376
|
if (step.index == this.currentStep) {
|
|
4359
|
-
value = "Step " + (step.index + 1) + " corrente";
|
|
4377
|
+
value = "Step " + (step.index + 1) + " step corrente";
|
|
4360
4378
|
}
|
|
4361
4379
|
else if (step.index < this.currentStep) {
|
|
4362
|
-
value = "Step " + (step.index + 1) + " eseguito";
|
|
4380
|
+
value = "Step " + (step.index + 1) + " step eseguito";
|
|
4363
4381
|
}
|
|
4364
4382
|
else {
|
|
4365
|
-
|
|
4383
|
+
if (step.visited) {
|
|
4384
|
+
value = "Step " + (step.index + 1) + " step eseguito";
|
|
4385
|
+
}
|
|
4386
|
+
else {
|
|
4387
|
+
value = "Step " + (step.index + 1) + " non ancora attivo";
|
|
4388
|
+
}
|
|
4366
4389
|
}
|
|
4367
4390
|
if (step.error) {
|
|
4368
4391
|
value += ' con errori';
|
|
@@ -4461,7 +4484,7 @@
|
|
|
4461
4484
|
InailWizardComponent.decorators = [
|
|
4462
4485
|
{ type: i0.Component, args: [{
|
|
4463
4486
|
selector: 'inail-wizard',
|
|
4464
|
-
template: "<!--<div *ngIf=\"show\"\n [attr.id]='id || undefined'\n class=\"row wizard courousel-varible-width marginBottom {{class}} inail-wizard-view-encapsulation\">\n <div *ngFor=\"let step of steps; last as isLast\"\n class=\"item\"\n [attr.aria-label]=\"getAriaLabelValue(step)\"\n [ngClass]=\"{'active': step.index==currentStep, 'prevActive': isActive(step.index)}\">\n <a (click)=\"stepOnClick(step)\"\n *ngIf=\"isActive(step.index)\"\n [attr.tabindex]=\"0\"\n href=\"javascript:void(0)\"\n [ngClass]=\"{'errorLabel': step.error}\"\n title=\"{{step.title ? step.title : step.label}}\" #stepLink>\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{step.index + 1}} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </a>\n <span *ngIf=\"!isActive(step.index)\"\n [ngClass]=\"{'errorLabel': step.error}\"\n title=\"{{step.title ? step.title : step.label}}\">\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{step.index + 1}} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </span>\n </div>\n</div>-->\n<div [id]=\"id\" class=\"row wizard courousel-varible-width slick-initialized slick-slider marginBottom inail-wizard-view-encapsulation {{class}}\">\n <button #prevButton\n [title]=\"prevButtonTitle\"\n type=\"button\"\n class=\"slick-prev fa fa-caret-left slick-arrow\"\n style=\"display: block;\"\n (click)=\"prevButtonOnClick()\">\n </button>\n <div class=\"slick-list draggable\">\n <div #slickTrack\n class=\"slick-track\"\n style=\"opacity: 1; width: 45000px; transition: transform 300ms ease 0s\">\n\n <div *ngFor=\"let step of steps; last as isLast\"\n #slickSlide\n class=\"slick-slide\">\n\n <div>\n <div
|
|
4487
|
+
template: "<!--<div *ngIf=\"show\"\n [attr.id]='id || undefined'\n class=\"row wizard courousel-varible-width marginBottom {{class}} inail-wizard-view-encapsulation\">\n <div *ngFor=\"let step of steps; last as isLast\"\n class=\"item\"\n [attr.aria-label]=\"getAriaLabelValue(step)\"\n [ngClass]=\"{'active': step.index==currentStep, 'prevActive': isActive(step.index)}\">\n <a (click)=\"stepOnClick(step)\"\n *ngIf=\"isActive(step.index)\"\n [attr.tabindex]=\"0\"\n href=\"javascript:void(0)\"\n [ngClass]=\"{'errorLabel': step.error}\"\n title=\"{{step.title ? step.title : step.label}}\" #stepLink>\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{step.index + 1}} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </a>\n <span *ngIf=\"!isActive(step.index)\"\n [ngClass]=\"{'errorLabel': step.error}\"\n title=\"{{step.title ? step.title : step.label}}\">\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{step.index + 1}} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </span>\n </div>\n</div>-->\n<div [id]=\"id\" class=\"row wizard courousel-varible-width slick-initialized slick-slider marginBottom inail-wizard-view-encapsulation {{class}}\">\n <button #prevButton\n [title]=\"prevButtonTitle\"\n type=\"button\"\n class=\"slick-prev fa fa-caret-left slick-arrow\"\n style=\"display: block;\"\n (click)=\"prevButtonOnClick()\">\n </button>\n <div class=\"slick-list draggable\">\n <div #slickTrack\n class=\"slick-track\"\n style=\"opacity: 1; width: 45000px; transition: transform 300ms ease 0s\">\n\n <div *ngFor=\"let step of steps; last as isLast\"\n #slickSlide\n class=\"slick-slide\">\n\n <div>\n <div class=\"item\"\n [ngClass]=\"{'active': step.index==currentStep, 'prevActive': isActive(step)}\"\n style=\"width: 100%;\n display: inline-block;\">\n <ng-container *ngIf=\"isActive(step)\">\n <a [ngClass]=\"{'errorLabel': step.error}\"\n [attr.title]=\"getAriaLabelValue(step)\"\n (click)=\"stepOnClick(step)\"\n href=\"javascript:void(0)\">\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{ step.index + 1 }} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!isActive(step)\">\n <a [ngClass]=\"{'errorLabel': step.error}\"\n [attr.title]=\"getAriaLabelValue(step)\"\n tabindex=\"-1\">\n <span>\n <span *ngIf=\"showNumber\" class=\"step-number\">{{ step.index + 1 }} </span>\n <span [innerHTML]=\"getStepLabel(step, isLast)\"></span>\n </span>\n </a>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n </div>\n <button #nextButton\n [title]=\"nextButtonTitle\"\n type=\"button\"\n class=\"slick-next fa fa-caret-right slick-arrow\"\n style=\"display: block;\"\n (click)=\"nextButtonOnClick()\">\n </button>\n</div>\n<div [hidden]=\"!inizializzazioneContenutiCompletata\">\n <ng-content></ng-content>\n</div>\n",
|
|
4465
4488
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4466
4489
|
styles: [".inail-wizard-view-encapsulation.wizard.courousel-varible-width{padding-left:22px;padding-right:22px}.inail-wizard-view-encapsulation.wizard button.slick-arrow:focus{outline:#000 dotted 1px!important}.inail-wizard-view-encapsulation.wizard .item>span{color:#767676!important;text-decoration:none;cursor:default}.inail-wizard-view-encapsulation.wizard .item.active>span{color:#002e5f!important;font-weight:700;cursor:default!important;text-decoration:none!important;pointer-events:none}"]
|
|
4467
4490
|
}] }
|
|
@@ -4480,6 +4503,7 @@
|
|
|
4480
4503
|
fullNavigation: [{ type: i0.Input }],
|
|
4481
4504
|
contentsHidden: [{ type: i0.Input }],
|
|
4482
4505
|
currentStep: [{ type: i0.Input }],
|
|
4506
|
+
activateVisitedStep: [{ type: i0.Input }],
|
|
4483
4507
|
select: [{ type: i0.Output }],
|
|
4484
4508
|
switchToFirstError: [{ type: i0.Input }],
|
|
4485
4509
|
prevButtonTitle: [{ type: i0.Input }],
|
|
@@ -4492,11 +4516,6 @@
|
|
|
4492
4516
|
};
|
|
4493
4517
|
return InailWizardComponent;
|
|
4494
4518
|
}(BasicUxElementComponent));
|
|
4495
|
-
var WizardStep = /** @class */ (function () {
|
|
4496
|
-
function WizardStep() {
|
|
4497
|
-
}
|
|
4498
|
-
return WizardStep;
|
|
4499
|
-
}());
|
|
4500
4519
|
|
|
4501
4520
|
/**
|
|
4502
4521
|
* @fileoverview added by tsickle
|