@esfaenza/forms-and-validations 11.2.149-beta6 → 11.2.149-beta7

package/bundles/esfaenza-forms-and-validations.umd.js

@@ -4185,7 +4185,7 @@
                     selector: "form-input",
                     template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n        <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n        <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n    <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}{{Label ? \":\" : \"\"}}</label>\r\n    <span *ngIf=\"DisplayMode && DisplayLayout == 'inline' && InlineSeparator != ''\">{{InlineSeparator}}</span>\r\n    <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n<!----------------------------------------------------------------------------------------------------------->\r\n\r\n<ng-template #controlTemplate>\r\n    <span [class.p-float-label]=\"FloatingLabel && (!HasPrefix && !HasSuffix)\" \r\n          [class.p-input-icon-right]=\"Password || HasSuffix\"\r\n          [class.p-input-icon-left]=\"HasPrefix\">\r\n        <!--Prefisso-->\r\n        <ng-container *ngIf=\"HasPrefix\">\r\n            <i (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\" style=\"cursor: pointer;\">\r\n                <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n            </i>\r\n        </ng-container>\r\n        <!--Input-->\r\n        <input pInputText #baseInput=\"ngModel\" #htmlInput\r\n               name=\"{{GeneratedName}}\" id=\"{{GeneratedName}}\"\r\n               pTooltip=\"{{ErrorTooltip}}\" tooltipEvent=\"none\"\r\n               [type]=\"Password ? 'password' : 'text'\"\r\n               class=\"p-inputtext-sm\"\r\n               triggers=\"\"\r\n               placement=\"top\"\r\n               autocomplete=\"off\"\r\n               [class.app-margin-left-25]=\"HasPrefix\"\r\n               [(ngModel)]=\"Model\"\r\n               style=\"box-shadow: unset\"\r\n               [readonly]=\"Frozen\"\r\n               [disabled]=\"Readonly\"\r\n               [placeholder]=\"FloatingLabel ? '' : Placeholder\"\r\n               (focus)=\"doHideTooltip(); focused($event);\"\r\n               (ngModelChange)=\"changed()\"\r\n               (keyup)=\"($event.keyCode == 13 || $event.keyCode == 27) && finalized();\"\r\n               (blur)=\"finalized();\"\r\n               >\r\n        <label *ngIf=\"Placeholder && FloatingLabel\" htmlFor=\"{{GeneratedName}}\">\r\n            {{Placeholder}}\r\n        </label>\r\n        <!--Password-->\r\n        <i *ngIf=\"Password && htmlInput.type == 'password'\" class=\"fa fas fa-eye\" style=\"cursor: pointer;\" (click)=\"htmlInput.type = 'text'\"></i>\r\n        <i *ngIf=\"Password && htmlInput.type == 'text'\" class=\"fa fas fa-eye-slash\" style=\"cursor: pointer;\" (click)=\"htmlInput.type = 'password'\"></i>\r\n        <!--Suffisso-->\r\n        <ng-container *ngIf=\"HasSuffix\">\r\n            <i (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\" style=\"cursor: pointer;\">\r\n                <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n            </i>\r\n        </ng-container>\r\n    </span>\r\n</ng-template>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".p-inputtext{width:100%}.p-input-icon-left,.p-input-icon-right{display:block!important}.p-component:disabled,.p-disabled{background-color:#ddd;color:grey}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#dc3545}::ng-deep .p-tooltip .p-tooltip-text{background-color:#dc3545;font-size:14px}"]
+                    styles: [".p-inputtext{width:100%}.p-input-icon-left,.p-input-icon-right{display:block!important}.p-component:disabled,.p-disabled{background-color:#ddd;color:grey}::ng-deep .p-tooltip{z-index:99999999!important}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#dc3545}::ng-deep .p-tooltip .p-tooltip-text{background-color:#dc3545;font-size:14px}"]
                 },] }
     ];
     FormInputComponent.ctorParameters = function () { return [