@wizishop/angular-components 15.1.69 → 15.1.72
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/angular-components.scss +122 -85
- package/esm2020/lib/components/tabs/tabs.component.mjs +4 -1
- package/esm2020/lib/components/text-area/text-area.component.mjs +5 -3
- package/fesm2015/wizishop-angular-components.mjs +7 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +7 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/tabs/tabs.component.d.ts +2 -1
- package/lib/components/text-area/text-area.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.72.tgz +0 -0
- package/wizishop-angular-components-15.1.69.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -1522,6 +1522,43 @@ wac-block {
|
|
|
1522
1522
|
}
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
+
&.is-clear {
|
|
1526
|
+
background-color: transparent!important;
|
|
1527
|
+
border-color: transparent!important;
|
|
1528
|
+
color: $wac-second-color!important;
|
|
1529
|
+
transition: 0.3s ease-in-out;
|
|
1530
|
+
|
|
1531
|
+
.wac-button__loader {
|
|
1532
|
+
background-color: transparent;
|
|
1533
|
+
}
|
|
1534
|
+
|
|
1535
|
+
.wac-button__wrapper {
|
|
1536
|
+
color: $wac-second-color;
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1539
|
+
&:hover,
|
|
1540
|
+
&.hover {
|
|
1541
|
+
background-color: transparent!important;
|
|
1542
|
+
border-color: transparent!important;
|
|
1543
|
+
color: $wac-wizishop-blue-button!important;
|
|
1544
|
+
transition: 0.3s ease-in-out;
|
|
1545
|
+
.wac-button__wrapper {
|
|
1546
|
+
color: $wac-wizishop-blue-button;
|
|
1547
|
+
}
|
|
1548
|
+
}
|
|
1549
|
+
|
|
1550
|
+
&:focus,
|
|
1551
|
+
&.focus {
|
|
1552
|
+
background-color: transparent!important;
|
|
1553
|
+
border-color: transparent!important;
|
|
1554
|
+
color: $wac-wizishop-blue-button!important;
|
|
1555
|
+
transition: 0.3s ease-in-out;
|
|
1556
|
+
.wac-button__wrapper {
|
|
1557
|
+
color: $wac-wizishop-blue-button;
|
|
1558
|
+
}
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1525
1562
|
&.is-orange {
|
|
1526
1563
|
background-color: $wac-orange-color;
|
|
1527
1564
|
border-color: $wac-orange-color;
|
|
@@ -3785,90 +3822,6 @@ wac-calendar {
|
|
|
3785
3822
|
.wac-draganddrop-list__wrapper.cdk-drop-list-dragging .wac-draganddrop-list__wrapper__item:not(.cdk-drag-placeholder) {
|
|
3786
3823
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
3787
3824
|
}
|
|
3788
|
-
.wac-dropdown {
|
|
3789
|
-
display: inline-block;
|
|
3790
|
-
width: 40px;
|
|
3791
|
-
height: 40px;
|
|
3792
|
-
|
|
3793
|
-
&__wrapper {
|
|
3794
|
-
@include flexbox();
|
|
3795
|
-
@include justify-content(center);
|
|
3796
|
-
@include align-items(center);
|
|
3797
|
-
width: 100%;
|
|
3798
|
-
height: 100%;
|
|
3799
|
-
position: relative;
|
|
3800
|
-
|
|
3801
|
-
&__icon {
|
|
3802
|
-
font-size: 30px;
|
|
3803
|
-
line-height: 18px;
|
|
3804
|
-
color: $wac-second-color;
|
|
3805
|
-
transition: color 0.3s ease, transform 0.3s ease;
|
|
3806
|
-
}
|
|
3807
|
-
|
|
3808
|
-
&__sublevel {
|
|
3809
|
-
position: absolute;
|
|
3810
|
-
min-width: 160px;
|
|
3811
|
-
top: 100%;
|
|
3812
|
-
right: 0;
|
|
3813
|
-
z-index: -1;
|
|
3814
|
-
opacity: 0;
|
|
3815
|
-
background-color: $wac-white;
|
|
3816
|
-
border-radius: rem(3);
|
|
3817
|
-
box-shadow: 0px 2px 5px $wac-info-box-shadow;
|
|
3818
|
-
visibility: hidden;
|
|
3819
|
-
transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
|
|
3820
|
-
|
|
3821
|
-
&__container {
|
|
3822
|
-
padding: 10px 10px;
|
|
3823
|
-
border: 1px solid $wac-border-color;
|
|
3824
|
-
border-radius: 3px;
|
|
3825
|
-
|
|
3826
|
-
&__item {
|
|
3827
|
-
padding: 5.7px 10px;
|
|
3828
|
-
font-size: 14px;
|
|
3829
|
-
line-height: 24px;
|
|
3830
|
-
color: $wac-second-color;
|
|
3831
|
-
cursor: pointer;
|
|
3832
|
-
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3833
|
-
display: flex;
|
|
3834
|
-
justify-content: flex-start;
|
|
3835
|
-
align-items: center;
|
|
3836
|
-
align-content: center;
|
|
3837
|
-
|
|
3838
|
-
i {
|
|
3839
|
-
min-width: 15px;
|
|
3840
|
-
margin-right: 5px;
|
|
3841
|
-
text-align: center;
|
|
3842
|
-
}
|
|
3843
|
-
span {
|
|
3844
|
-
white-space: nowrap;
|
|
3845
|
-
}
|
|
3846
|
-
|
|
3847
|
-
&:hover {
|
|
3848
|
-
background-color: $wac-gray-background;
|
|
3849
|
-
transition: background-color 0.3s ease, color 0.3s ease;
|
|
3850
|
-
color: $wac-input-active-color;
|
|
3851
|
-
}
|
|
3852
|
-
}
|
|
3853
|
-
}
|
|
3854
|
-
}
|
|
3855
|
-
|
|
3856
|
-
&:hover {
|
|
3857
|
-
.wac-dropdown__wrapper__icon {
|
|
3858
|
-
color: $wac-wizishop-blue;
|
|
3859
|
-
transform: rotate(90deg);
|
|
3860
|
-
transition: color 0.3s ease, transform 0.3s ease;
|
|
3861
|
-
}
|
|
3862
|
-
|
|
3863
|
-
.wac-dropdown__wrapper__sublevel {
|
|
3864
|
-
visibility: visible;
|
|
3865
|
-
opacity: 1;
|
|
3866
|
-
z-index: 2;
|
|
3867
|
-
transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
|
|
3868
|
-
}
|
|
3869
|
-
}
|
|
3870
|
-
}
|
|
3871
|
-
}
|
|
3872
3825
|
.wac-edit-in-place.nwb-wrapper {
|
|
3873
3826
|
display: inline-block;
|
|
3874
3827
|
position: relative;
|
|
@@ -4094,7 +4047,91 @@ wac-calendar {
|
|
|
4094
4047
|
}
|
|
4095
4048
|
}
|
|
4096
4049
|
}
|
|
4097
|
-
}.wac-
|
|
4050
|
+
}.wac-dropdown {
|
|
4051
|
+
display: inline-block;
|
|
4052
|
+
width: 40px;
|
|
4053
|
+
height: 40px;
|
|
4054
|
+
|
|
4055
|
+
&__wrapper {
|
|
4056
|
+
@include flexbox();
|
|
4057
|
+
@include justify-content(center);
|
|
4058
|
+
@include align-items(center);
|
|
4059
|
+
width: 100%;
|
|
4060
|
+
height: 100%;
|
|
4061
|
+
position: relative;
|
|
4062
|
+
|
|
4063
|
+
&__icon {
|
|
4064
|
+
font-size: 30px;
|
|
4065
|
+
line-height: 18px;
|
|
4066
|
+
color: $wac-second-color;
|
|
4067
|
+
transition: color 0.3s ease, transform 0.3s ease;
|
|
4068
|
+
}
|
|
4069
|
+
|
|
4070
|
+
&__sublevel {
|
|
4071
|
+
position: absolute;
|
|
4072
|
+
min-width: 160px;
|
|
4073
|
+
top: 100%;
|
|
4074
|
+
right: 0;
|
|
4075
|
+
z-index: -1;
|
|
4076
|
+
opacity: 0;
|
|
4077
|
+
background-color: $wac-white;
|
|
4078
|
+
border-radius: rem(3);
|
|
4079
|
+
box-shadow: 0px 2px 5px $wac-info-box-shadow;
|
|
4080
|
+
visibility: hidden;
|
|
4081
|
+
transition: opacity 0.15s ease, z-index 0.15s ease, visibility 0s linear .16s;
|
|
4082
|
+
|
|
4083
|
+
&__container {
|
|
4084
|
+
padding: 10px 10px;
|
|
4085
|
+
border: 1px solid $wac-border-color;
|
|
4086
|
+
border-radius: 3px;
|
|
4087
|
+
|
|
4088
|
+
&__item {
|
|
4089
|
+
padding: 5.7px 10px;
|
|
4090
|
+
font-size: 14px;
|
|
4091
|
+
line-height: 24px;
|
|
4092
|
+
color: $wac-second-color;
|
|
4093
|
+
cursor: pointer;
|
|
4094
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
4095
|
+
display: flex;
|
|
4096
|
+
justify-content: flex-start;
|
|
4097
|
+
align-items: center;
|
|
4098
|
+
align-content: center;
|
|
4099
|
+
|
|
4100
|
+
i {
|
|
4101
|
+
min-width: 15px;
|
|
4102
|
+
margin-right: 5px;
|
|
4103
|
+
text-align: center;
|
|
4104
|
+
}
|
|
4105
|
+
span {
|
|
4106
|
+
white-space: nowrap;
|
|
4107
|
+
}
|
|
4108
|
+
|
|
4109
|
+
&:hover {
|
|
4110
|
+
background-color: $wac-gray-background;
|
|
4111
|
+
transition: background-color 0.3s ease, color 0.3s ease;
|
|
4112
|
+
color: $wac-input-active-color;
|
|
4113
|
+
}
|
|
4114
|
+
}
|
|
4115
|
+
}
|
|
4116
|
+
}
|
|
4117
|
+
|
|
4118
|
+
&:hover {
|
|
4119
|
+
.wac-dropdown__wrapper__icon {
|
|
4120
|
+
color: $wac-wizishop-blue;
|
|
4121
|
+
transform: rotate(90deg);
|
|
4122
|
+
transition: color 0.3s ease, transform 0.3s ease;
|
|
4123
|
+
}
|
|
4124
|
+
|
|
4125
|
+
.wac-dropdown__wrapper__sublevel {
|
|
4126
|
+
visibility: visible;
|
|
4127
|
+
opacity: 1;
|
|
4128
|
+
z-index: 2;
|
|
4129
|
+
transition: visibility 0s ease 0s, opacity 0.3s ease .1s;
|
|
4130
|
+
}
|
|
4131
|
+
}
|
|
4132
|
+
}
|
|
4133
|
+
}
|
|
4134
|
+
.wac-expanded-panel {
|
|
4098
4135
|
width: 100%;
|
|
4099
4136
|
display: flex;
|
|
4100
4137
|
flex-direction: column;
|
|
@@ -54,6 +54,9 @@ export class TabsComponent {
|
|
|
54
54
|
this.disabled = disabled;
|
|
55
55
|
this.changeDetectorRef.markForCheck();
|
|
56
56
|
}
|
|
57
|
+
selectTab(index) {
|
|
58
|
+
this.index$.next(index);
|
|
59
|
+
}
|
|
57
60
|
setIndex(currentIndex, tabList) {
|
|
58
61
|
let selected = null;
|
|
59
62
|
tabList.forEach((tab, index) => {
|
|
@@ -89,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
89
92
|
}], marginBottom: [{
|
|
90
93
|
type: Input
|
|
91
94
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDM0osT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBYTdILE1BQU0sT0FBTyxhQUFhO0lBeUN4QixZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQXZDeEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUlqQixXQUFNLEdBQTRCLElBQUksZUFBZSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBRWpFLGFBQVEsR0FBRyxJQUFJLGFBQWEsQ0FBMEIsQ0FBQyxDQUFDLENBQUM7UUFFekQsZ0JBQVcsR0FBNkIsSUFBSSxlQUFlLENBQVUsS0FBSyxD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QUksQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDOzswR0F4RlUsYUFBYTs4RkFBYixhQUFhLDJKQUxiO1FBQ1QsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO0tBQ3hFLGtEQU9nQixZQUFZLDZCQ3RCL0IsaS9CQXFCeUIsMkNEVGIsWUFBWSx1ZUFBRSxXQUFXLDhCQUFnQixnQkFBZ0I7MkZBTXhELGFBQWE7a0JBWHpCLFNBQVM7K0JBQ0UsVUFBVSxpQkFFTCxpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGFBQ3pEO3dCQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsZUFBZSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7cUJBQ3hFLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNO3dHQU1oQixPQUFPO3NCQUFyQyxlQUFlO3VCQUFDLFlBQVk7Z0JBMEI3QixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgUXVlcnlMaXN0LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRhYkNvbXBvbmVudCB9IGZyb20gJy4vdGFiL3RhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2hhcmVkRGlyZWN0aXZlcyB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc2hhcmVkLWRpcmVjdGl2ZXMubW9kdWxlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgUmVwbGF5U3ViamVjdCwgY29tYmluZUxhdGVzdCwgZGVsYXksIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHN0YXJ0V2l0aCwgc3dpdGNoTWFwIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgVGFiQ29tcG9uZW50LCBTaGFyZWREaXJlY3RpdmVzXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IFRhYnNDb21wb25lbnQsIG11bHRpOiB0cnVlIH0sXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKFRhYkNvbXBvbmVudCkgdGFiTGlzdDogUXVlcnlMaXN0PFRhYkNvbXBvbmVudD47XG5cbiAgaW5kZXgkOiBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPigwKTtcblxuICB0YWJMaXN0JCA9IG5ldyBSZXBsYXlTdWJqZWN0PFF1ZXJ5TGlzdDxUYWJDb21wb25lbnQ+PigxKTtcblxuICBsaXN0SXNPcGVuJDogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG5cbiAgcHJpdmF0ZSBvbkNoYW5nZTogKHNlbGVjdGVkSW5kZXg6IG51bWJlcikgPT4gdm9pZCA9IChzZWxlY3RlZEluZGV4KSA9PiB7fTtcbiAgcHJpdmF0ZSBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICB2aWV3TW9kZWwkID0gY29tYmluZUxhdGVzdCh7XG4gICAgaW5kZXg6IHRoaXMuaW5kZXgkLFxuICAgIHRhYkxpc3Q6IHRoaXMudGFiTGlzdCQucGlwZShzd2l0Y2hNYXAoKHRhYkxpc3QpID0+IHtcbiAgICAgIHJldHVybiB0YWJMaXN0LmNoYW5nZXMucGlwZShzdGFydFdpdGgodGFiTGlzdCkpO1xuICAgIH0pKSxcbiAgICBsaXN0SXNPcGVuOiB0aGlzLmxpc3RJc09wZW4kLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcbiAgfSkucGlwZShcbiAgICBkZWxheSgwKSwgXG4gICAgbWFwKChkYXRhKSA9PiB7XG4gICAgICBsZXQgc2VsZWN0ZWQgPSB0aGlzLnNldEluZGV4KGRhdGEuaW5kZXgsIGRhdGEudGFiTGlzdCk7XG4gICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgcmV0dXJuIHsuLi5kYXRhLCBzZWxlY3RlZH07XG4gIH0pKTtcblxuICBASW5wdXQoKVxuICB1bmRlcmxpbmUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidXR0b24gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICByaWdodDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG1hcmdpbkJvdHRvbSA9ICczMHB4JztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy50YWJMaXN0JC5uZXh0KHRoaXMudGFiTGlzdCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHNlbGVjdGVkSW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghc2VsZWN0ZWRJbmRleCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmluZGV4JC5uZXh0KHNlbGVjdGVkSW5kZXgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShvbkNoYW5nZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IG9uQ2hhbmdlO1xuICB9XG5cbiAgb25CbHVyKCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChvblRvdWNoZWQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gb25Ub3VjaGVkO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgc2VsZWN0VGFiKGluZGV4OiBudW1iZXIpIHtcbiAgICB0aGlzLmluZGV4JC5uZXh0KGluZGV4KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SW5kZXgoY3VycmVudEluZGV4OiBudW1iZXIsIHRhYkxpc3Q6IFF1ZXJ5TGlzdDxUYWJDb21wb25lbnQ+KSB7XG4gICAgbGV0IHNlbGVjdGVkOiBUYWJDb21wb25lbnQgPSBudWxsO1xuICAgIHRhYkxpc3QuZm9yRWFjaCgodGFiOiBUYWJDb21wb25lbnQsIGluZGV4KSA9PiB7XG4gICAgICB0YWIuc2VsZWN0ZWQgPSBjdXJyZW50SW5kZXggPT09IGluZGV4O1xuICAgICAgc2VsZWN0ZWQgPSAoY3VycmVudEluZGV4ID09PSBpbmRleCA/IHRhYiA6IHNlbGVjdGVkKTtcbiAgICB9KTtcbiAgICB0aGlzLm9uQ2hhbmdlKGN1cnJlbnRJbmRleCk7XG4gICAgcmV0dXJuIHNlbGVjdGVkO1xuICB9XG5cbiAgb3Blbkxpc3QoJGV2ZW50OiBhbnkpIHtcbiAgICAkZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMubGlzdElzT3BlbiQubmV4dCghdGhpcy5saXN0SXNPcGVuJC5nZXRWYWx1ZSgpKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy10YWJzXCJcbiAqbmdJZj1cInZpZXdNb2RlbCQgfCBhc3luYyBhcyB2aWV3TW9kZWxcIlxuIFtuZ0NsYXNzXT1cInsnd2FjLXRhYnMtLXVuZGVybGluZSc6IHVuZGVybGluZSwgJ3dhYy10YWJzLS1idXR0b24nIDogYnV0dG9uLCAnd2FjLXRhYnMtLXJpZ2h0JyA6IHJpZ2h0fVwiXG4gd3pBdXRvSGlkZVxuIChjbGlja091dHNpZGUpPVwibGlzdElzT3BlbiQubmV4dChmYWxzZSlcIlxuIFt0cmlnZ2VyRWxlbWVudF09XCInd2FjLXNlbGVjdF9faGVhZGVyX19zZWxlY3Rpb24nXCJcbj4gXG4gIDxkaXYgKm5nSWY9XCJ0YWJMaXN0Lmxlbmd0aCA+IDFcIiBjbGFzcz1cIndhYy10YWJzX19tb2JpbGVcIiAoY2xpY2spPVwib3Blbkxpc3QoJGV2ZW50KVwiPlxuICAgIDxkaXY+e3sgdmlld01vZGVsLnNlbGVjdGVkPy5sYWJlbCB9fTwvZGl2PjxpIFtjbGFzc109XCInZmEtc29saWQgZmEtY2FyZXQtJyArICh2aWV3TW9kZWwubGlzdElzT3BlbiA/ICd1cCcgOiAnZG93bicpXCI+PC9pPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cInRhYkxpc3QubGVuZ3RoID4gMVwiIGNsYXNzPVwid2FjLXRhYnNfX3dyYXBwZXJcIiBbbmdDbGFzc109XCJ7ICdvcGVuJyA6IHZpZXdNb2RlbC5saXN0SXNPcGVuIH1cIiBbbmdTdHlsZV09XCJ7J21hcmdpbi1ib3R0b20nOiBtYXJnaW5Cb3R0b219XCI+XG4gICAgPGFcbiAgICAgICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFiTGlzdDsgbGV0IGkgPSBpbmRleFwiXG4gICAgICBjbGFzcz1cIndhYy10YWJzX193cmFwcGVyX190YWJcIlxuICAgICAgW25nQ2xhc3NdPVwieyd3YWMtdGFic19fd3JhcHBlcl9fdGFiLS1zZWxlY3RlZCc6IGkgPT09IHZpZXdNb2RlbC5pbmRleH1cIlxuICAgICAgKGNsaWNrKT1cImluZGV4JC5uZXh0KGkpOyBsaXN0SXNPcGVuJC5uZXh0KGZhbHNlKVwiXG4gICAgPlxuICAgIHt7IHRhYi5sYWJlbCB9fVxuICAgIDwvYT5cbiAgPC9kaXY+XG48L2Rpdj5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=
|
|
@@ -52,7 +52,7 @@ export class TextAreaComponent {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextAreaComponent, isStandalone: true, selector: "wac-text-area", inputs: { label: "label", value: "value", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", error: "error", success: "success", size: "size", min: "min", max: "max", dynamicSize: "dynamicSize", progressBar: "progressBar", disabled: "disabled", maxlength: "maxlength", minlength: "minlength", disableResize: "disableResize" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], ngImport: i0, template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }, { kind: "ngmodule", type: AutosizeModule }, { kind: "directive", type: i3.AutosizeDirective, selector: "[autosize]", inputs: ["minRows", "autosize", "maxRows", "onlyGrow", "useImportant"], outputs: ["resized"] }] });
|
|
55
|
+
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextAreaComponent, isStandalone: true, selector: "wac-text-area", inputs: { label: "label", value: "value", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", error: "error", success: "success", size: "size", min: "min", max: "max", minHeight: "minHeight", dynamicSize: "dynamicSize", progressBar: "progressBar", disabled: "disabled", maxlength: "maxlength", minlength: "minlength", disableResize: "disableResize" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], ngImport: i0, template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [style.minHeight]=\"minHeight\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }, { kind: "ngmodule", type: AutosizeModule }, { kind: "directive", type: i3.AutosizeDirective, selector: "[autosize]", inputs: ["minRows", "autosize", "maxRows", "onlyGrow", "useImportant"], outputs: ["resized"] }] });
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{ selector: 'wac-text-area', standalone: true, imports: [
|
|
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
60
60
|
FormsModule,
|
|
61
61
|
ProgressBarComponent,
|
|
62
62
|
AutosizeModule
|
|
63
|
-
], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n" }]
|
|
63
|
+
], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [style.minHeight]=\"minHeight\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n" }]
|
|
64
64
|
}], propDecorators: { label: [{
|
|
65
65
|
type: Input
|
|
66
66
|
}], value: [{
|
|
@@ -81,6 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
81
81
|
type: Input
|
|
82
82
|
}], max: [{
|
|
83
83
|
type: Input
|
|
84
|
+
}], minHeight: [{
|
|
85
|
+
type: Input
|
|
84
86
|
}], dynamicSize: [{
|
|
85
87
|
type: Input
|
|
86
88
|
}], progressBar: [{
|
|
@@ -94,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
94
96
|
}], disableResize: [{
|
|
95
97
|
type: Input
|
|
96
98
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGV4dC1hcmVhL3RleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RleHQtYXJlYS90ZXh0LWFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBd0IsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7Ozs7QUFjOUMsTUFBTSxPQUFPLGlCQUFpQjtJQVo5QjtRQWFFLHlDQUF5QztRQUV6QyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBTWYsU0FBSSxHQUFHLElBQUksQ0FBQztRQUVaLFFBQUcsR0FBRyxJQUFJLENBQUM7UUFFWCxRQUFHLEdBQUcsSUFBSSxDQUFDO1FBSVgsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1qQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0QixPQUFFLEdBQ0EsZ0JBQWdCO1lBQ2hCLElBQUksQ0FBQyxNQUFNLEVBQUU7aUJBQ1YsUUFBUSxDQUFDLEVBQUUsQ0FBQztpQkFDWixNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBaUNuQjtJQTVCQyxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFLO1FBQ1osSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7OzhHQXpFVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrYkFGakIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLDBCQ2hCMUYsNnhFQWdEQSwyQ0RyQ0ksWUFBWSxnT0FDWixXQUFXLHE3QkFDWCxvQkFBb0IsbUdBQ3BCLGNBQWM7MkZBSUwsaUJBQWlCO2tCQVo3QixTQUFTOytCQUNFLGVBQWUsY0FFYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG9CQUFvQjt3QkFDcEIsY0FBYztxQkFDZixhQUNVLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7OEJBS3hGLEtBQUs7c0JBREosS0FBSztnQkFHTixLQUFLO3NCQURKLEtBQUs7Z0JBR04sV0FBVztzQkFEVixLQUFLO2dCQUdOLFFBQVE7c0JBRFAsS0FBSztnQkFHTixTQUFTO3NCQURSLEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixJQUFJO3NCQURILEtBQUs7Z0JBR04sR0FBRztzQkFERixLQUFLO2dCQUdOLEdBQUc7c0JBREYsS0FBSztnQkFHTixTQUFTO3NCQURSLEtBQUs7Z0JBR04sV0FBVztzQkFEVixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBR04sU0FBUztzQkFEUixLQUFLO2dCQUdOLFNBQVM7c0JBRFIsS0FBSztnQkFHTixhQUFhO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFByb2dyZXNzQmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXV0b3NpemVNb2R1bGUgfSBmcm9tICduZ3gtYXV0b3NpemUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdGV4dC1hcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUHJvZ3Jlc3NCYXJDb21wb25lbnQsXG4gICAgQXV0b3NpemVNb2R1bGVcbiAgXSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IFRleHRBcmVhQ29tcG9uZW50LCBtdWx0aTogdHJ1ZSB9XVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0QXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLy8gdG9kbyBzaW1wbGlmeSBhbmQgaW1wcm92ZSBwcm9ncmVzcyBiYXJcbiAgQElucHV0KClcbiAgbGFiZWwgPSAnJztcbiAgQElucHV0KClcbiAgdmFsdWUgPSAnJztcbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KClcbiAgdGV4dEluZm8gPSAnJztcbiAgQElucHV0KClcbiAgdGV4dEVycm9yID0gJyc7XG4gIEBJbnB1dCgpXG4gIGVycm9yOiBib29sZWFuO1xuICBASW5wdXQoKVxuICBzdWNjZXNzOiBib29sZWFuO1xuICBASW5wdXQoKVxuICBzaXplID0gbnVsbDtcbiAgQElucHV0KClcbiAgbWluID0gbnVsbDtcbiAgQElucHV0KClcbiAgbWF4ID0gbnVsbDtcbiAgQElucHV0KClcbiAgbWluSGVpZ2h0OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGR5bmFtaWNTaXplID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHByb2dyZXNzQmFyID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIG1heGxlbmd0aDogbnVtYmVyIHwgc3RyaW5nO1xuICBASW5wdXQoKVxuICBtaW5sZW5ndGg6IG51bWJlciB8IHN0cmluZztcbiAgQElucHV0KClcbiAgZGlzYWJsZVJlc2l6ZSA9IGZhbHNlO1xuXG4gIGlkID1cbiAgICAnd2FjLXRleHRhcmVhX18nICtcbiAgICBNYXRoLnJhbmRvbSgpXG4gICAgICAudG9TdHJpbmcoMzYpXG4gICAgICAuc3Vic3RyKDIsIDkpO1xuXG4gIHByaXZhdGUgX29uQ2hhbmdlOiBGdW5jdGlvbjtcbiAgcHJpdmF0ZSBfb25Ub3VjaGVkOiBGdW5jdGlvbjtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IG9iajtcbiAgfVxuXG4gIG9uQ2hhbmdlKHZhbHVlKSB7XG4gICAgaWYgKHRoaXMuX29uQ2hhbmdlKSB7XG4gICAgICB0aGlzLl9vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIG9uQmx1cigpIHtcbiAgICBpZiAodGhpcy5fb25Ub3VjaGVkKSB7XG4gICAgICB0aGlzLl9vblRvdWNoZWQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmaWVsZCB3YWMtdGV4dC1hcmVhXCIgW25nQ2xhc3NdPVwieydkeW5hbWljJzogZHluYW1pY1NpemV9XCI+XG4gIDxkaXYgY2xhc3M9XCJmaWVsZC1sYWJlbCBpcy1ub3JtYWwgaGFzLXRleHQtbGVmdFwiPlxuICAgIDxsYWJlbCBjbGFzcz1cImxhYmVsIGhhcy10ZXh0LXdlaWdodC1ub3JtYWxcIiBbaW5uZXJIVE1MXT1cImxhYmVsXCIgW2Zvcl09XCJpZFwiPjwvbGFiZWw+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZmllbGQtYm9keVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmaWVsZFwiPlxuICAgICAgPHAgY2xhc3M9XCJjb250cm9sXCIgW25nQ2xhc3NdPVwieyAnaGFzLWljb25zLXJpZ2h0JzogKHRleHRFcnJvciB8fCBlcnJvciB8fCBzdWNjZXNzKSAmJiAhZGlzYWJsZWQgfVwiPlxuICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICBbY2xhc3NdPVwiJ3RleHRhcmVhJyArIChkaXNhYmxlUmVzaXplID8gJyBuby1yZXNpemUnIDogJycpXCJcbiAgICAgICAgICBbaWRdPVwiaWRcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2lzLWRhbmdlcic6ICh0ZXh0RXJyb3IgfHwgZXJyb3IpICYmICFkaXNhYmxlZCwgJ2lzLWVtcHR5JzogdmFsdWUgPT09ICcnLCAnaXMtc3VjY2Vzcyc6IHN1Y2Nlc3MgJiYgIWRpc2FibGVkLCAnaGFzLWhlbHAtdGV4dCc6IHRleHRJbmZvICE9PSAnJyB8fCBzaXplIH1cIlxuICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgW2F0dHIuc2l6ZV09XCJzaXplXCJcbiAgICAgICAgICBbc3R5bGUubWluSGVpZ2h0XT1cIm1pbkhlaWdodFwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgW2F1dG9zaXplXT1cImR5bmFtaWNTaXplXCJcbiAgICAgICAgICBbb25seUdyb3ddPVwidHJ1ZVwiXG4gICAgICAgICAgW21heGxlbmd0aF09XCJtYXhsZW5ndGggPyBtYXhsZW5ndGggOiA1MjQyODhcIlxuICAgICAgICAgIFttaW5sZW5ndGhdPVwibWlubGVuZ3RoID8gbWlubGVuZ3RoIDogMFwiXG4gICAgICAgID48L3RleHRhcmVhPlxuICAgICAgICA8IS0tIEljb24gZXJyb3IgLS0+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiKHRleHRFcnJvciB8fCBlcnJvcikgJiYgIWRpc2FibGVkXCIgY2xhc3M9XCJpY29uIGlzLXNtYWxsIGlzLXJpZ2h0XCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYWwgZmEtdGltZXMgaGFzLXRleHQtZGFuZ2VyXCI+PC9pPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwhLS0gSWNvbiBzdWNjZXNzIC0tPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInN1Y2Nlc3MgJiYgIWRpc2FibGVkXCIgY2xhc3M9XCJpY29uIGlzLXNtYWxsIGlzLXJpZ2h0XCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtY2hlY2sgaGFzLXRleHQtc3VjY2Vzc1wiPjwvaT5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhblxuICAgICAgICAgICpuZ0lmPVwidGV4dEluZm8gJiYgKHRleHRFcnJvciA9PT0gbnVsbCB8fCB0ZXh0RXJyb3IgPT09ICcnKVwiXG4gICAgICAgICAgY2xhc3M9XCJpcy1zaXplLTcgd2FjLXRleHQtYXJlYV9faW5mbyB0ZXh0LWluZm9cIlxuICAgICAgICAgIFtpbm5lckh0bWxdPVwidGV4dEluZm9cIlxuICAgICAgICA+PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInRleHRFcnJvclwiIGNsYXNzPVwiaXMtc2l6ZS03IHdhYy10ZXh0LWFyZWFfX2Vycm9yIGhhcy10ZXh0LWRhbmdlclwiIFtpbm5lckh0bWxdPVwidGV4dEVycm9yXCI+PC9zcGFuPlxuICAgICAgICA8c3BhblxuICAgICAgICAgICpuZ0lmPVwic2l6ZSAmJiAhcHJvZ3Jlc3NCYXJcIlxuICAgICAgICAgIGNsYXNzPVwiaXMtc2l6ZS03IHdhYy10ZXh0LWFyZWFfX3NpemVcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInZhbHVlICYmIHZhbHVlLmxlbmd0aCA+IHNpemUgPyAnaGFzLXRleHQtZGFuZ2VyJyA6ICcnXCJcbiAgICAgICAgICA+PHN0cm9uZz57eyB2YWx1ZSA/IHZhbHVlLmxlbmd0aCA6IDAgfX08L3N0cm9uZz4gLyB7eyBzaXplIH19PC9zcGFuXG4gICAgICAgID5cbiAgICAgIDwvcD5cbiAgICAgIDx3YWMtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwicHJvZ3Jlc3NCYXIgJiYgdmFsdWVcIiBbbWluXT1cIm1pblwiIFttYXhdPVwibWF4XCIgW3ZhbHVlTGVuZ3RoXT1cInZhbHVlLmxlbmd0aFwiPjwvd2FjLXByb2dyZXNzLWJhcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2049,6 +2049,9 @@ class TabsComponent {
|
|
|
2049
2049
|
this.disabled = disabled;
|
|
2050
2050
|
this.changeDetectorRef.markForCheck();
|
|
2051
2051
|
}
|
|
2052
|
+
selectTab(index) {
|
|
2053
|
+
this.index$.next(index);
|
|
2054
|
+
}
|
|
2052
2055
|
setIndex(currentIndex, tabList) {
|
|
2053
2056
|
let selected = null;
|
|
2054
2057
|
tabList.forEach((tab, index) => {
|
|
@@ -2971,7 +2974,7 @@ class TextAreaComponent {
|
|
|
2971
2974
|
}
|
|
2972
2975
|
}
|
|
2973
2976
|
TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2974
|
-
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextAreaComponent, isStandalone: true, selector: "wac-text-area", inputs: { label: "label", value: "value", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", error: "error", success: "success", size: "size", min: "min", max: "max", dynamicSize: "dynamicSize", progressBar: "progressBar", disabled: "disabled", maxlength: "maxlength", minlength: "minlength", disableResize: "disableResize" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], ngImport: i0, template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }, { kind: "ngmodule", type: AutosizeModule }, { kind: "directive", type: i3$1.AutosizeDirective, selector: "[autosize]", inputs: ["minRows", "autosize", "maxRows", "onlyGrow", "useImportant"], outputs: ["resized"] }] });
|
|
2977
|
+
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: TextAreaComponent, isStandalone: true, selector: "wac-text-area", inputs: { label: "label", value: "value", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", error: "error", success: "success", size: "size", min: "min", max: "max", minHeight: "minHeight", dynamicSize: "dynamicSize", progressBar: "progressBar", disabled: "disabled", maxlength: "maxlength", minlength: "minlength", disableResize: "disableResize" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], ngImport: i0, template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [style.minHeight]=\"minHeight\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }, { kind: "ngmodule", type: AutosizeModule }, { kind: "directive", type: i3$1.AutosizeDirective, selector: "[autosize]", inputs: ["minRows", "autosize", "maxRows", "onlyGrow", "useImportant"], outputs: ["resized"] }] });
|
|
2975
2978
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
2976
2979
|
type: Component,
|
|
2977
2980
|
args: [{ selector: 'wac-text-area', standalone: true, imports: [
|
|
@@ -2979,7 +2982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
2979
2982
|
FormsModule,
|
|
2980
2983
|
ProgressBarComponent,
|
|
2981
2984
|
AutosizeModule
|
|
2982
|
-
], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n" }]
|
|
2985
|
+
], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n [class]=\"'textarea' + (disableResize ? ' no-resize' : '')\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo !== '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [style.minHeight]=\"minHeight\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n" }]
|
|
2983
2986
|
}], propDecorators: { label: [{
|
|
2984
2987
|
type: Input
|
|
2985
2988
|
}], value: [{
|
|
@@ -3000,6 +3003,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
3000
3003
|
type: Input
|
|
3001
3004
|
}], max: [{
|
|
3002
3005
|
type: Input
|
|
3006
|
+
}], minHeight: [{
|
|
3007
|
+
type: Input
|
|
3003
3008
|
}], dynamicSize: [{
|
|
3004
3009
|
type: Input
|
|
3005
3010
|
}], progressBar: [{
|