ng-inail-common 1.0.456 → 1.0.457
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 +24 -10
- 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 +40 -21
- package/esm5/lib/components/ux/inail-wizard/inail-wizard.component.js +45 -26
- package/fesm2015/ng-inail-common.js +22 -7
- package/fesm2015/ng-inail-common.js.map +1 -1
- package/fesm5/ng-inail-common.js +25 -10
- package/fesm5/ng-inail-common.js.map +1 -1
- package/lib/components/ux/inail-wizard/inail-wizard.component.d.ts +11 -9
- 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
|
|
@@ -4461,7 +4479,7 @@
|
|
|
4461
4479
|
InailWizardComponent.decorators = [
|
|
4462
4480
|
{ type: i0.Component, args: [{
|
|
4463
4481
|
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
|
|
4482
|
+
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
4483
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4466
4484
|
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
4485
|
}] }
|
|
@@ -4480,6 +4498,7 @@
|
|
|
4480
4498
|
fullNavigation: [{ type: i0.Input }],
|
|
4481
4499
|
contentsHidden: [{ type: i0.Input }],
|
|
4482
4500
|
currentStep: [{ type: i0.Input }],
|
|
4501
|
+
activateVisitedStep: [{ type: i0.Input }],
|
|
4483
4502
|
select: [{ type: i0.Output }],
|
|
4484
4503
|
switchToFirstError: [{ type: i0.Input }],
|
|
4485
4504
|
prevButtonTitle: [{ type: i0.Input }],
|
|
@@ -4492,11 +4511,6 @@
|
|
|
4492
4511
|
};
|
|
4493
4512
|
return InailWizardComponent;
|
|
4494
4513
|
}(BasicUxElementComponent));
|
|
4495
|
-
var WizardStep = /** @class */ (function () {
|
|
4496
|
-
function WizardStep() {
|
|
4497
|
-
}
|
|
4498
|
-
return WizardStep;
|
|
4499
|
-
}());
|
|
4500
4514
|
|
|
4501
4515
|
/**
|
|
4502
4516
|
* @fileoverview added by tsickle
|