@posiwise/shared-components 0.0.36 → 0.0.38
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/assets/app.scss +43 -0
- package/assets/scss/_dynamic-styles.scss +2 -2
- package/assets/scss/common/landing-page-a/landing-page-style-1.scss +1 -1
- package/assets/scss/common/landing-page-b/banner.scss +4 -4
- package/esm2020/lib/input-container/input-container.component.mjs +14 -5
- package/esm2020/lib/shared-components.module.mjs +6 -4
- package/fesm2015/shared-components.mjs +18 -7
- package/fesm2015/shared-components.mjs.map +1 -1
- package/fesm2020/shared-components.mjs +18 -7
- package/fesm2020/shared-components.mjs.map +1 -1
- package/lib/input-container/input-container.component.d.ts +5 -1
- package/lib/shared-components.module.d.ts +1 -1
- package/package.json +9 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/common';
|
|
2
|
-
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
2
|
+
import { DOCUMENT, CommonModule, NgIf } from '@angular/common';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i2$1 from 'ngx-image-cropper';
|
|
@@ -497,6 +497,7 @@ class InputContainerComponent {
|
|
|
497
497
|
this.required = false;
|
|
498
498
|
this.errorMsg = 'An error occured';
|
|
499
499
|
this.isReadOnly = false;
|
|
500
|
+
this.showTriangle = false;
|
|
500
501
|
}
|
|
501
502
|
ngOnInit() {
|
|
502
503
|
if (this.controlContainer) {
|
|
@@ -504,7 +505,7 @@ class InputContainerComponent {
|
|
|
504
505
|
this.control = this.controlContainer.control.get(this.name);
|
|
505
506
|
if (this.control.validator) {
|
|
506
507
|
const validator = this.control.validator({});
|
|
507
|
-
if (validator && validator
|
|
508
|
+
if (validator && validator.required) {
|
|
508
509
|
this.required = true;
|
|
509
510
|
}
|
|
510
511
|
}
|
|
@@ -519,14 +520,14 @@ class InputContainerComponent {
|
|
|
519
520
|
}
|
|
520
521
|
}
|
|
521
522
|
InputContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InputContainerComponent, deps: [{ token: i2.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
522
|
-
InputContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: InputContainerComponent, selector: "pw-input-container", inputs: { name: "name", label: "label", labelClass: "labelClass", tooltipPosition: "tooltipPosition", required: "required", errorMsg: "errorMsg", isReadOnly: "isReadOnly", showTooltip: "showTooltip", tooltipText: "tooltipText" }, providers: [
|
|
523
|
+
InputContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: InputContainerComponent, selector: "pw-input-container", inputs: { name: "name", label: "label", labelClass: "labelClass", tooltipPosition: "tooltipPosition", required: "required", errorMsg: "errorMsg", isReadOnly: "isReadOnly", showTooltip: "showTooltip", tooltipText: "tooltipText", showTriangle: "showTriangle", afterLabel: "afterLabel", showAfterLabel: "showAfterLabel", showTriangleText: "showTriangleText" }, providers: [
|
|
523
524
|
{
|
|
524
525
|
provide: NG_VALUE_ACCESSOR,
|
|
525
526
|
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
|
526
527
|
useExisting: InputContainerComponent,
|
|
527
528
|
multi: true
|
|
528
529
|
}
|
|
529
|
-
], ngImport: i0, template: "<label class=\"mb-2\">\n <span [class]=\"labelClass\"\n [ngClass]=\"{ mandatory: required && !control.disabled }\"
|
|
530
|
+
], ngImport: i0, template: "<label class=\"mb-2\">\n <span [class]=\"labelClass\"\n [ngClass]=\"{ mandatory: required && !control.disabled }\">\n {{ label }}\n </span>\n <span class=\"tooltip-wrap ms-1\"\n *ngIf=\"showTooltip && tooltipText\"\n [pTooltip]=\"tooltipText\"\n [appendTo]=\"'body'\"\n [tooltipPosition]=\"tooltipPosition || 'top'\">\n <i class=\"fas fa-info-circle\"></i>\n </span>\n <span class=\"tooltip-wrap ms-1\"\n *ngIf=\"showTriangle\"\n [pTooltip]=\"'Last month this value was set to ' + showTriangleText\"\n [appendTo]=\"'body'\"\n [tooltipPosition]=\"tooltipPosition || 'top'\">\n <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n </span>\n <!-- after label -->\n <span *ngIf=\"afterLabel && showAfterLabel\"\n [innerHTML]=\"afterLabel\"></span>\n <!-- after label end -->\n</label>\n\n<div class=\"mb-3\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"control.errors\">\n <pw-field-error-display [displayError]=\"control.invalid && control.touched\"\n [errorMsg]=\"errorMsg | transloco\">\n </pw-field-error-display>\n </ng-container>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.mandatory:after{color:#ff586b;content:\"*\";padding-left:2px}\n"], dependencies: [{ kind: "directive", type: i2$4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FieldErrorDisplayComponent, selector: "pw-field-error-display", inputs: ["errorMsg", "displayError"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] });
|
|
530
531
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InputContainerComponent, decorators: [{
|
|
531
532
|
type: Component,
|
|
532
533
|
args: [{ selector: 'pw-input-container', providers: [
|
|
@@ -536,7 +537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
536
537
|
useExisting: InputContainerComponent,
|
|
537
538
|
multi: true
|
|
538
539
|
}
|
|
539
|
-
], template: "<label class=\"mb-2\">\n <span [class]=\"labelClass\"\n [ngClass]=\"{ mandatory: required && !control.disabled }\"
|
|
540
|
+
], template: "<label class=\"mb-2\">\n <span [class]=\"labelClass\"\n [ngClass]=\"{ mandatory: required && !control.disabled }\">\n {{ label }}\n </span>\n <span class=\"tooltip-wrap ms-1\"\n *ngIf=\"showTooltip && tooltipText\"\n [pTooltip]=\"tooltipText\"\n [appendTo]=\"'body'\"\n [tooltipPosition]=\"tooltipPosition || 'top'\">\n <i class=\"fas fa-info-circle\"></i>\n </span>\n <span class=\"tooltip-wrap ms-1\"\n *ngIf=\"showTriangle\"\n [pTooltip]=\"'Last month this value was set to ' + showTriangleText\"\n [appendTo]=\"'body'\"\n [tooltipPosition]=\"tooltipPosition || 'top'\">\n <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n </span>\n <!-- after label -->\n <span *ngIf=\"afterLabel && showAfterLabel\"\n [innerHTML]=\"afterLabel\"></span>\n <!-- after label end -->\n</label>\n\n<div class=\"mb-3\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"control.errors\">\n <pw-field-error-display [displayError]=\"control.invalid && control.touched\"\n [errorMsg]=\"errorMsg | transloco\">\n </pw-field-error-display>\n </ng-container>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.mandatory:after{color:#ff586b;content:\"*\";padding-left:2px}\n"] }]
|
|
540
541
|
}], ctorParameters: function () { return [{ type: i2.ControlContainer, decorators: [{
|
|
541
542
|
type: Optional
|
|
542
543
|
}, {
|
|
@@ -561,6 +562,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
561
562
|
type: Input
|
|
562
563
|
}], tooltipText: [{
|
|
563
564
|
type: Input
|
|
565
|
+
}], showTriangle: [{
|
|
566
|
+
type: Input
|
|
567
|
+
}], afterLabel: [{
|
|
568
|
+
type: Input
|
|
569
|
+
}], showAfterLabel: [{
|
|
570
|
+
type: Input
|
|
571
|
+
}], showTriangleText: [{
|
|
572
|
+
type: Input
|
|
564
573
|
}] } });
|
|
565
574
|
|
|
566
575
|
class PrivacyAndTosComponent extends AppBaseComponent {
|
|
@@ -1673,7 +1682,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
1673
1682
|
CommonModule,
|
|
1674
1683
|
SharedPublicComponentsModule,
|
|
1675
1684
|
NgbModule,
|
|
1676
|
-
UiSwitchModule
|
|
1685
|
+
UiSwitchModule,
|
|
1686
|
+
NgIf], exports: [AbTestContainerComponent,
|
|
1677
1687
|
AbAlternativeComponent,
|
|
1678
1688
|
PasswordValidationComponent,
|
|
1679
1689
|
CustomUploaderComponent,
|
|
@@ -1756,7 +1766,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
|
|
|
1756
1766
|
CommonModule,
|
|
1757
1767
|
SharedPublicComponentsModule,
|
|
1758
1768
|
NgbModule,
|
|
1759
|
-
UiSwitchModule
|
|
1769
|
+
UiSwitchModule,
|
|
1770
|
+
NgIf
|
|
1760
1771
|
],
|
|
1761
1772
|
exports: [
|
|
1762
1773
|
AbTestContainerComponent,
|