@wizishop/angular-components 15.1.68 → 15.1.70
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 +71 -34
- package/esm2020/lib/components/tabs/tabs.component.mjs +33 -32
- package/esm2020/lib/components/text-area/text-area.component.mjs +5 -3
- package/fesm2015/wizishop-angular-components.mjs +36 -35
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +36 -34
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/tabs/tabs.component.d.ts +15 -10
- package/lib/components/text-area/text-area.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.70.tgz +0 -0
- package/wizishop-angular-components-15.1.68.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -724,33 +724,6 @@ $wac-token-disabled-dark: #8A98B2!default;
|
|
|
724
724
|
}
|
|
725
725
|
|
|
726
726
|
}
|
|
727
|
-
.wac-back {
|
|
728
|
-
width: 40px;
|
|
729
|
-
height: 40px;
|
|
730
|
-
|
|
731
|
-
&__wrapper {
|
|
732
|
-
@include flexbox();
|
|
733
|
-
@include justify-content(center);
|
|
734
|
-
@include align-items(center);
|
|
735
|
-
width: 100%;
|
|
736
|
-
height: 100%;
|
|
737
|
-
border-radius: 3px;
|
|
738
|
-
border: 1px solid $wac-border-light;
|
|
739
|
-
background-color: transparent;
|
|
740
|
-
transition: border-color 0.3s ease-in-out;
|
|
741
|
-
|
|
742
|
-
i {
|
|
743
|
-
color: $wac-second-color;
|
|
744
|
-
font-size: 11px;
|
|
745
|
-
line-height: 14px;
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
&:hover {
|
|
749
|
-
border-color: $wac-back-border-hover;
|
|
750
|
-
transition: border-color 0.3s ease-in-out;
|
|
751
|
-
}
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
727
|
wac-block {
|
|
755
728
|
.wac-block {
|
|
756
729
|
background-color: $white;
|
|
@@ -1039,6 +1012,33 @@ wac-block {
|
|
|
1039
1012
|
}
|
|
1040
1013
|
}
|
|
1041
1014
|
}
|
|
1015
|
+
.wac-back {
|
|
1016
|
+
width: 40px;
|
|
1017
|
+
height: 40px;
|
|
1018
|
+
|
|
1019
|
+
&__wrapper {
|
|
1020
|
+
@include flexbox();
|
|
1021
|
+
@include justify-content(center);
|
|
1022
|
+
@include align-items(center);
|
|
1023
|
+
width: 100%;
|
|
1024
|
+
height: 100%;
|
|
1025
|
+
border-radius: 3px;
|
|
1026
|
+
border: 1px solid $wac-border-light;
|
|
1027
|
+
background-color: transparent;
|
|
1028
|
+
transition: border-color 0.3s ease-in-out;
|
|
1029
|
+
|
|
1030
|
+
i {
|
|
1031
|
+
color: $wac-second-color;
|
|
1032
|
+
font-size: 11px;
|
|
1033
|
+
line-height: 14px;
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1036
|
+
&:hover {
|
|
1037
|
+
border-color: $wac-back-border-hover;
|
|
1038
|
+
transition: border-color 0.3s ease-in-out;
|
|
1039
|
+
}
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
1042
|
.wac-button {
|
|
1043
1043
|
@include flexbox();
|
|
1044
1044
|
@include justify-content(center);
|
|
@@ -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;
|
|
@@ -7854,6 +7891,13 @@ span.wac-tooltip {
|
|
|
7854
7891
|
}
|
|
7855
7892
|
}
|
|
7856
7893
|
}
|
|
7894
|
+
.wac-wrapper {
|
|
7895
|
+
width: 100%;
|
|
7896
|
+
&.max-width {
|
|
7897
|
+
max-width: 1080px;
|
|
7898
|
+
margin: 0 auto;
|
|
7899
|
+
}
|
|
7900
|
+
}
|
|
7857
7901
|
.wac-upload {
|
|
7858
7902
|
width: auto;
|
|
7859
7903
|
&__wrapper {
|
|
@@ -7950,13 +7994,6 @@ span.wac-tooltip {
|
|
|
7950
7994
|
}
|
|
7951
7995
|
}
|
|
7952
7996
|
}
|
|
7953
|
-
.wac-wrapper {
|
|
7954
|
-
width: 100%;
|
|
7955
|
-
&.max-width {
|
|
7956
|
-
max-width: 1080px;
|
|
7957
|
-
margin: 0 auto;
|
|
7958
|
-
}
|
|
7959
|
-
}
|
|
7960
7997
|
.wac-wrapper-blocs {
|
|
7961
7998
|
&.sidebar {
|
|
7962
7999
|
width: calc(100% + 30px);
|
|
@@ -3,41 +3,43 @@ import { Component, ContentChildren, Input, ViewEncapsulation, ChangeDetectionSt
|
|
|
3
3
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
4
|
import { TabComponent } from './tab/tab.component';
|
|
5
5
|
import { SharedDirectives } from '../../directives/shared-directives.module';
|
|
6
|
+
import { BehaviorSubject, ReplaySubject, combineLatest, delay, distinctUntilChanged, map, startWith, switchMap } from 'rxjs';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "@angular/common";
|
|
8
9
|
import * as i2 from "../../directives/auto-hide/auto-hide.directive";
|
|
9
10
|
export class TabsComponent {
|
|
10
|
-
get selectedIndex() {
|
|
11
|
-
return this._selectedIndex;
|
|
12
|
-
}
|
|
13
|
-
set selectedIndex(selectedIndex) {
|
|
14
|
-
if (this.disabled) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
this.setIndex(null, selectedIndex);
|
|
18
|
-
}
|
|
19
11
|
constructor(changeDetectorRef) {
|
|
20
12
|
this.changeDetectorRef = changeDetectorRef;
|
|
21
|
-
this._selectedIndex = 0;
|
|
22
13
|
this.disabled = false;
|
|
14
|
+
this.index$ = new BehaviorSubject(0);
|
|
15
|
+
this.tabList$ = new ReplaySubject(1);
|
|
16
|
+
this.listIsOpen$ = new BehaviorSubject(false);
|
|
17
|
+
this.onChange = (selectedIndex) => { };
|
|
18
|
+
this.onTouched = () => { };
|
|
19
|
+
this.viewModel$ = combineLatest({
|
|
20
|
+
index: this.index$,
|
|
21
|
+
tabList: this.tabList$.pipe(switchMap((tabList) => {
|
|
22
|
+
return tabList.changes.pipe(startWith(tabList));
|
|
23
|
+
})),
|
|
24
|
+
listIsOpen: this.listIsOpen$.pipe(distinctUntilChanged())
|
|
25
|
+
}).pipe(delay(0), map((data) => {
|
|
26
|
+
let selected = this.setIndex(data.index, data.tabList);
|
|
27
|
+
this.changeDetectorRef.markForCheck();
|
|
28
|
+
return { ...data, selected };
|
|
29
|
+
}));
|
|
23
30
|
this.underline = false;
|
|
24
31
|
this.button = false;
|
|
25
32
|
this.right = false;
|
|
26
33
|
this.marginBottom = '30px';
|
|
27
|
-
this.listIsOpen = false;
|
|
28
|
-
this.onTouched = () => { };
|
|
29
|
-
this.onChange = (selectedIndex) => { };
|
|
30
34
|
}
|
|
31
35
|
ngAfterViewInit() {
|
|
32
|
-
|
|
33
|
-
this.setIndex(null, this._selectedIndex);
|
|
34
|
-
}, 0);
|
|
36
|
+
this.tabList$.next(this.tabList);
|
|
35
37
|
}
|
|
36
38
|
writeValue(selectedIndex) {
|
|
37
39
|
if (!selectedIndex) {
|
|
38
40
|
return;
|
|
39
41
|
}
|
|
40
|
-
this.selectedIndex
|
|
42
|
+
this.index$.next(selectedIndex);
|
|
41
43
|
}
|
|
42
44
|
registerOnChange(onChange) {
|
|
43
45
|
this.onChange = onChange;
|
|
@@ -52,31 +54,33 @@ export class TabsComponent {
|
|
|
52
54
|
this.disabled = disabled;
|
|
53
55
|
this.changeDetectorRef.markForCheck();
|
|
54
56
|
}
|
|
55
|
-
setIndex(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
this.tabList?.forEach((tab, index) => {
|
|
57
|
+
setIndex(currentIndex, tabList) {
|
|
58
|
+
let selected = null;
|
|
59
|
+
tabList.forEach((tab, index) => {
|
|
59
60
|
tab.selected = currentIndex === index;
|
|
60
|
-
|
|
61
|
+
selected = (currentIndex === index ? tab : selected);
|
|
61
62
|
});
|
|
62
|
-
this.
|
|
63
|
-
|
|
63
|
+
this.onChange(currentIndex);
|
|
64
|
+
return selected;
|
|
64
65
|
}
|
|
65
66
|
openList($event) {
|
|
66
67
|
$event?.stopPropagation();
|
|
67
|
-
this.listIsOpen
|
|
68
|
+
this.listIsOpen$.next(!this.listIsOpen$.getValue());
|
|
68
69
|
}
|
|
69
70
|
}
|
|
70
71
|
TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
72
|
TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabsComponent, isStandalone: true, selector: "wac-tabs", inputs: { underline: "underline", button: "button", right: "right", marginBottom: "marginBottom" }, providers: [
|
|
72
73
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
73
|
-
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen
|
|
74
|
+
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n *ngIf=\"viewModel$ | async as viewModel\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen$.next(false)\"\n [triggerElement]=\"'wac-select__header__selection'\"\n> \n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ viewModel.selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (viewModel.listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : viewModel.listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === viewModel.index}\"\n (click)=\"index$.next(i); listIsOpen$.next(false)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: i2.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
74
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabsComponent, decorators: [{
|
|
75
76
|
type: Component,
|
|
76
77
|
args: [{ selector: 'wac-tabs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, FormsModule, TabComponent, SharedDirectives], providers: [
|
|
77
78
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
78
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen
|
|
79
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: {
|
|
79
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-tabs\"\n *ngIf=\"viewModel$ | async as viewModel\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen$.next(false)\"\n [triggerElement]=\"'wac-select__header__selection'\"\n> \n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ viewModel.selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (viewModel.listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : viewModel.listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === viewModel.index}\"\n (click)=\"index$.next(i); listIsOpen$.next(false)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
80
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabList: [{
|
|
81
|
+
type: ContentChildren,
|
|
82
|
+
args: [TabComponent]
|
|
83
|
+
}], underline: [{
|
|
80
84
|
type: Input
|
|
81
85
|
}], button: [{
|
|
82
86
|
type: Input
|
|
@@ -84,8 +88,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
84
88
|
type: Input
|
|
85
89
|
}], marginBottom: [{
|
|
86
90
|
type: Input
|
|
87
|
-
}], tabList: [{
|
|
88
|
-
type: ContentChildren,
|
|
89
|
-
args: [TabComponent]
|
|
90
91
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDM0osT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBYTdILE1BQU0sT0FBTyxhQUFhO0lBeUN4QixZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQXZDeEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUlqQixXQUFNLEdBQTRCLElBQUksZUFBZSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBRWpFLGFBQVEsR0FBRyxJQUFJLGFBQWEsQ0FBMEIsQ0FBQyxDQUFDLENBQUM7UUFFekQsZ0JBQVcsR0FBNkIsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFcEUsYUFBUSxHQUFvQyxDQUFDLGFBQWEsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ2xFLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFN0IsZUFBVSxHQUFHLGFBQWEsQ0FBQztZQUN6QixLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbEIsT0FBTyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO2dCQUNoRCxPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQ2xELENBQUMsQ0FBQyxDQUFDO1lBQ0gsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7U0FDMUQsQ0FBQyxDQUFDLElBQUksQ0FDTCxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQ1IsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDWCxJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QyxPQUFPLEVBQUMsR0FBRyxJQUFJLEVBQUUsUUFBUSxFQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUdKLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUdmLFVBQUssR0FBWSxLQUFLLENBQUM7UUFHdkIsaUJBQVksR0FBRyxNQUFNLENBQUM7SUFFcUMsQ0FBQztJQUU1RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxVQUFVLENBQUMsYUFBcUI7UUFDOUIsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNsQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBYTtRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsU0FBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRLENBQUMsWUFBb0IsRUFBRSxPQUFnQztRQUM3RCxJQUFJLFFBQVEsR0FBaUIsSUFBSSxDQUFDO1FBQ2xDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFpQixFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzNDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsWUFBWSxLQUFLLEtBQUssQ0FBQztZQUN0QyxRQUFRLEdBQUcsQ0FBQyxZQUFZLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZELENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM1QixPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUSxDQUFDLE1BQVc7UUFDbEIsTUFBTSxFQUFFLGVBQWUsRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OzBHQXBGVSxhQUFhOzhGQUFiLGFBQWEsMkpBTGI7UUFDVCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7S0FDeEUsa0RBT2dCLFlBQVksNkJDdEIvQixpL0JBcUJ5QiwyQ0RUYixZQUFZLHVlQUFFLFdBQVcsOEJBQWdCLGdCQUFnQjsyRkFNeEQsYUFBYTtrQkFYekIsU0FBUzsrQkFDRSxVQUFVLGlCQUVMLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLENBQUMsYUFDekQ7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxlQUFlLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTtxQkFDeEUsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07d0dBTWhCLE9BQU87c0JBQXJDLGVBQWU7dUJBQUMsWUFBWTtnQkEwQjdCLFNBQVM7c0JBRFIsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGFiQ29tcG9uZW50IH0gZnJvbSAnLi90YWIvdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGFyZWREaXJlY3RpdmVzIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zaGFyZWQtZGlyZWN0aXZlcy5tb2R1bGUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBSZXBsYXlTdWJqZWN0LCBjb21iaW5lTGF0ZXN0LCBkZWxheSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBUYWJDb21wb25lbnQsIFNoYXJlZERpcmVjdGl2ZXNdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogVGFic0NvbXBvbmVudCwgbXVsdGk6IHRydWUgfSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oVGFiQ29tcG9uZW50KSB0YWJMaXN0OiBRdWVyeUxpc3Q8VGFiQ29tcG9uZW50PjtcblxuICBpbmRleCQ6IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDApO1xuXG4gIHRhYkxpc3QkID0gbmV3IFJlcGxheVN1YmplY3Q8UXVlcnlMaXN0PFRhYkNvbXBvbmVudD4+KDEpO1xuXG4gIGxpc3RJc09wZW4kOiBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcblxuICBwcml2YXRlIG9uQ2hhbmdlOiAoc2VsZWN0ZWRJbmRleDogbnVtYmVyKSA9PiB2b2lkID0gKHNlbGVjdGVkSW5kZXgpID0+IHt9O1xuICBwcml2YXRlIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIHZpZXdNb2RlbCQgPSBjb21iaW5lTGF0ZXN0KHtcbiAgICBpbmRleDogdGhpcy5pbmRleCQsXG4gICAgdGFiTGlzdDogdGhpcy50YWJMaXN0JC5waXBlKHN3aXRjaE1hcCgodGFiTGlzdCkgPT4ge1xuICAgICAgcmV0dXJuIHRhYkxpc3QuY2hhbmdlcy5waXBlKHN0YXJ0V2l0aCh0YWJMaXN0KSk7XG4gICAgfSkpLFxuICAgIGxpc3RJc09wZW46IHRoaXMubGlzdElzT3BlbiQucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxuICB9KS5waXBlKFxuICAgIGRlbGF5KDApLCBcbiAgICBtYXAoKGRhdGEpID0+IHtcbiAgICAgIGxldCBzZWxlY3RlZCA9IHRoaXMuc2V0SW5kZXgoZGF0YS5pbmRleCwgZGF0YS50YWJMaXN0KTtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICByZXR1cm4gey4uLmRhdGEsIHNlbGVjdGVkfTtcbiAgfSkpO1xuXG4gIEBJbnB1dCgpXG4gIHVuZGVybGluZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHJpZ2h0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgbWFyZ2luQm90dG9tID0gJzMwcHgnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnRhYkxpc3QkLm5leHQodGhpcy50YWJMaXN0KTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoc2VsZWN0ZWRJbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKCFzZWxlY3RlZEluZGV4KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaW5kZXgkLm5leHQoc2VsZWN0ZWRJbmRleCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKG9uQ2hhbmdlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gb25DaGFuZ2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKG9uVG91Y2hlZDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBvblRvdWNoZWQ7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBzZXRJbmRleChjdXJyZW50SW5kZXg6IG51bWJlciwgdGFiTGlzdDogUXVlcnlMaXN0PFRhYkNvbXBvbmVudD4pIHtcbiAgICBsZXQgc2VsZWN0ZWQ6IFRhYkNvbXBvbmVudCA9IG51bGw7XG4gICAgdGFiTGlzdC5mb3JFYWNoKCh0YWI6IFRhYkNvbXBvbmVudCwgaW5kZXgpID0+IHtcbiAgICAgIHRhYi5zZWxlY3RlZCA9IGN1cnJlbnRJbmRleCA9PT0gaW5kZXg7XG4gICAgICBzZWxlY3RlZCA9IChjdXJyZW50SW5kZXggPT09IGluZGV4ID8gdGFiIDogc2VsZWN0ZWQpO1xuICAgIH0pO1xuICAgIHRoaXMub25DaGFuZ2UoY3VycmVudEluZGV4KTtcbiAgICByZXR1cm4gc2VsZWN0ZWQ7XG4gIH1cblxuICBvcGVuTGlzdCgkZXZlbnQ6IGFueSkge1xuICAgICRldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5saXN0SXNPcGVuJC5uZXh0KCF0aGlzLmxpc3RJc09wZW4kLmdldFZhbHVlKCkpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwid2FjLXRhYnNcIlxuICpuZ0lmPVwidmlld01vZGVsJCB8IGFzeW5jIGFzIHZpZXdNb2RlbFwiXG4gW25nQ2xhc3NdPVwieyd3YWMtdGFicy0tdW5kZXJsaW5lJzogdW5kZXJsaW5lLCAnd2FjLXRhYnMtLWJ1dHRvbicgOiBidXR0b24sICd3YWMtdGFicy0tcmlnaHQnIDogcmlnaHR9XCJcbiB3ekF1dG9IaWRlXG4gKGNsaWNrT3V0c2lkZSk9XCJsaXN0SXNPcGVuJC5uZXh0KGZhbHNlKVwiXG4gW3RyaWdnZXJFbGVtZW50XT1cIid3YWMtc2VsZWN0X19oZWFkZXJfX3NlbGVjdGlvbidcIlxuPiBcbiAgPGRpdiAqbmdJZj1cInRhYkxpc3QubGVuZ3RoID4gMVwiIGNsYXNzPVwid2FjLXRhYnNfX21vYmlsZVwiIChjbGljayk9XCJvcGVuTGlzdCgkZXZlbnQpXCI+XG4gICAgPGRpdj57eyB2aWV3TW9kZWwuc2VsZWN0ZWQ/LmxhYmVsIH19PC9kaXY+PGkgW2NsYXNzXT1cIidmYS1zb2xpZCBmYS1jYXJldC0nICsgKHZpZXdNb2RlbC5saXN0SXNPcGVuID8gJ3VwJyA6ICdkb3duJylcIj48L2k+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwidGFiTGlzdC5sZW5ndGggPiAxXCIgY2xhc3M9XCJ3YWMtdGFic19fd3JhcHBlclwiIFtuZ0NsYXNzXT1cInsgJ29wZW4nIDogdmlld01vZGVsLmxpc3RJc09wZW4gfVwiIFtuZ1N0eWxlXT1cInsnbWFyZ2luLWJvdHRvbSc6IG1hcmdpbkJvdHRvbX1cIj5cbiAgICA8YVxuICAgICAgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJMaXN0OyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIGNsYXNzPVwid2FjLXRhYnNfX3dyYXBwZXJfX3RhYlwiXG4gICAgICBbbmdDbGFzc109XCJ7J3dhYy10YWJzX193cmFwcGVyX190YWItLXNlbGVjdGVkJzogaSA9PT0gdmlld01vZGVsLmluZGV4fVwiXG4gICAgICAoY2xpY2spPVwiaW5kZXgkLm5leHQoaSk7IGxpc3RJc09wZW4kLm5leHQoZmFsc2UpXCJcbiAgICA+XG4gICAge3sgdGFiLmxhYmVsIH19XG4gICAgPC9hPlxuICA8L2Rpdj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==
|
|
@@ -52,7 +52,7 @@ export class TextAreaComponent {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", 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.1", 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.1", 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.1", 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.1", 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.1", 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==
|
|
@@ -8,7 +8,7 @@ import * as i2 from '@angular/forms';
|
|
|
8
8
|
import { NG_VALUE_ACCESSOR, FormsModule, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';
|
|
9
9
|
import * as i4 from 'ngx-perfect-scrollbar';
|
|
10
10
|
import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
|
|
11
|
-
import { Subject, merge, takeUntil as takeUntil$1, startWith, fromEvent, ReplaySubject,
|
|
11
|
+
import { Subject, merge, takeUntil as takeUntil$1, startWith, fromEvent, ReplaySubject, BehaviorSubject, combineLatest, switchMap, distinctUntilChanged as distinctUntilChanged$1, delay, map as map$1, interval, tap as tap$1 } from 'rxjs';
|
|
12
12
|
import { takeUntil, debounceTime, distinctUntilChanged, tap, filter, map, takeWhile } from 'rxjs/operators';
|
|
13
13
|
import * as i1$1 from '@angular/cdk/overlay';
|
|
14
14
|
import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, A, Z, ZERO, NINE, ENTER, hasModifierKey, ESCAPE } from '@angular/cdk/keycodes';
|
|
@@ -2003,37 +2003,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
2003
2003
|
}] } });
|
|
2004
2004
|
|
|
2005
2005
|
class TabsComponent {
|
|
2006
|
-
get selectedIndex() {
|
|
2007
|
-
return this._selectedIndex;
|
|
2008
|
-
}
|
|
2009
|
-
set selectedIndex(selectedIndex) {
|
|
2010
|
-
if (this.disabled) {
|
|
2011
|
-
return;
|
|
2012
|
-
}
|
|
2013
|
-
this.setIndex(null, selectedIndex);
|
|
2014
|
-
}
|
|
2015
2006
|
constructor(changeDetectorRef) {
|
|
2016
2007
|
this.changeDetectorRef = changeDetectorRef;
|
|
2017
|
-
this._selectedIndex = 0;
|
|
2018
2008
|
this.disabled = false;
|
|
2009
|
+
this.index$ = new BehaviorSubject(0);
|
|
2010
|
+
this.tabList$ = new ReplaySubject(1);
|
|
2011
|
+
this.listIsOpen$ = new BehaviorSubject(false);
|
|
2012
|
+
this.onChange = (selectedIndex) => { };
|
|
2013
|
+
this.onTouched = () => { };
|
|
2014
|
+
this.viewModel$ = combineLatest({
|
|
2015
|
+
index: this.index$,
|
|
2016
|
+
tabList: this.tabList$.pipe(switchMap((tabList) => {
|
|
2017
|
+
return tabList.changes.pipe(startWith(tabList));
|
|
2018
|
+
})),
|
|
2019
|
+
listIsOpen: this.listIsOpen$.pipe(distinctUntilChanged$1())
|
|
2020
|
+
}).pipe(delay(0), map$1((data) => {
|
|
2021
|
+
let selected = this.setIndex(data.index, data.tabList);
|
|
2022
|
+
this.changeDetectorRef.markForCheck();
|
|
2023
|
+
return Object.assign(Object.assign({}, data), { selected });
|
|
2024
|
+
}));
|
|
2019
2025
|
this.underline = false;
|
|
2020
2026
|
this.button = false;
|
|
2021
2027
|
this.right = false;
|
|
2022
2028
|
this.marginBottom = '30px';
|
|
2023
|
-
this.listIsOpen = false;
|
|
2024
|
-
this.onTouched = () => { };
|
|
2025
|
-
this.onChange = (selectedIndex) => { };
|
|
2026
2029
|
}
|
|
2027
2030
|
ngAfterViewInit() {
|
|
2028
|
-
|
|
2029
|
-
this.setIndex(null, this._selectedIndex);
|
|
2030
|
-
}, 0);
|
|
2031
|
+
this.tabList$.next(this.tabList);
|
|
2031
2032
|
}
|
|
2032
2033
|
writeValue(selectedIndex) {
|
|
2033
2034
|
if (!selectedIndex) {
|
|
2034
2035
|
return;
|
|
2035
2036
|
}
|
|
2036
|
-
this.selectedIndex
|
|
2037
|
+
this.index$.next(selectedIndex);
|
|
2037
2038
|
}
|
|
2038
2039
|
registerOnChange(onChange) {
|
|
2039
2040
|
this.onChange = onChange;
|
|
@@ -2048,32 +2049,33 @@ class TabsComponent {
|
|
|
2048
2049
|
this.disabled = disabled;
|
|
2049
2050
|
this.changeDetectorRef.markForCheck();
|
|
2050
2051
|
}
|
|
2051
|
-
setIndex(
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
this._selectedIndex = currentIndex;
|
|
2055
|
-
(_a = this.tabList) === null || _a === void 0 ? void 0 : _a.forEach((tab, index) => {
|
|
2052
|
+
setIndex(currentIndex, tabList) {
|
|
2053
|
+
let selected = null;
|
|
2054
|
+
tabList.forEach((tab, index) => {
|
|
2056
2055
|
tab.selected = currentIndex === index;
|
|
2057
|
-
|
|
2056
|
+
selected = (currentIndex === index ? tab : selected);
|
|
2058
2057
|
});
|
|
2059
|
-
this.
|
|
2060
|
-
|
|
2058
|
+
this.onChange(currentIndex);
|
|
2059
|
+
return selected;
|
|
2061
2060
|
}
|
|
2062
2061
|
openList($event) {
|
|
2063
2062
|
$event === null || $event === void 0 ? void 0 : $event.stopPropagation();
|
|
2064
|
-
this.listIsOpen
|
|
2063
|
+
this.listIsOpen$.next(!this.listIsOpen$.getValue());
|
|
2065
2064
|
}
|
|
2066
2065
|
}
|
|
2067
2066
|
TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2068
2067
|
TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabsComponent, isStandalone: true, selector: "wac-tabs", inputs: { underline: "underline", button: "button", right: "right", marginBottom: "marginBottom" }, providers: [
|
|
2069
2068
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
2070
|
-
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen
|
|
2069
|
+
], queries: [{ propertyName: "tabList", predicate: TabComponent }], ngImport: i0, template: "<div class=\"wac-tabs\"\n *ngIf=\"viewModel$ | async as viewModel\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen$.next(false)\"\n [triggerElement]=\"'wac-select__header__selection'\"\n> \n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ viewModel.selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (viewModel.listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : viewModel.listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === viewModel.index}\"\n (click)=\"index$.next(i); listIsOpen$.next(false)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: SharedDirectives }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2071
2070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabsComponent, decorators: [{
|
|
2072
2071
|
type: Component,
|
|
2073
2072
|
args: [{ selector: 'wac-tabs', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, FormsModule, TabComponent, SharedDirectives], providers: [
|
|
2074
2073
|
{ provide: NG_VALUE_ACCESSOR, useExisting: TabsComponent, multi: true },
|
|
2075
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-tabs\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen
|
|
2076
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: {
|
|
2074
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-tabs\"\n *ngIf=\"viewModel$ | async as viewModel\"\n [ngClass]=\"{'wac-tabs--underline': underline, 'wac-tabs--button' : button, 'wac-tabs--right' : right}\"\n wzAutoHide\n (clickOutside)=\"listIsOpen$.next(false)\"\n [triggerElement]=\"'wac-select__header__selection'\"\n> \n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__mobile\" (click)=\"openList($event)\">\n <div>{{ viewModel.selected?.label }}</div><i [class]=\"'fa-solid fa-caret-' + (viewModel.listIsOpen ? 'up' : 'down')\"></i>\n </div>\n <div *ngIf=\"tabList.length > 1\" class=\"wac-tabs__wrapper\" [ngClass]=\"{ 'open' : viewModel.listIsOpen }\" [ngStyle]=\"{'margin-bottom': marginBottom}\">\n <a\n *ngFor=\"let tab of tabList; let i = index\"\n class=\"wac-tabs__wrapper__tab\"\n [ngClass]=\"{'wac-tabs__wrapper__tab--selected': i === viewModel.index}\"\n (click)=\"index$.next(i); listIsOpen$.next(false)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n<ng-content></ng-content>" }]
|
|
2075
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabList: [{
|
|
2076
|
+
type: ContentChildren,
|
|
2077
|
+
args: [TabComponent]
|
|
2078
|
+
}], underline: [{
|
|
2077
2079
|
type: Input
|
|
2078
2080
|
}], button: [{
|
|
2079
2081
|
type: Input
|
|
@@ -2081,9 +2083,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
2081
2083
|
type: Input
|
|
2082
2084
|
}], marginBottom: [{
|
|
2083
2085
|
type: Input
|
|
2084
|
-
}], tabList: [{
|
|
2085
|
-
type: ContentChildren,
|
|
2086
|
-
args: [TabComponent]
|
|
2087
2086
|
}] } });
|
|
2088
2087
|
|
|
2089
2088
|
class ButtonComponent {
|
|
@@ -2972,7 +2971,7 @@ class TextAreaComponent {
|
|
|
2972
2971
|
}
|
|
2973
2972
|
}
|
|
2974
2973
|
TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2975
|
-
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", 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"] }] });
|
|
2974
|
+
TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", 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"] }] });
|
|
2976
2975
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
2977
2976
|
type: Component,
|
|
2978
2977
|
args: [{ selector: 'wac-text-area', standalone: true, imports: [
|
|
@@ -2980,7 +2979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
2980
2979
|
FormsModule,
|
|
2981
2980
|
ProgressBarComponent,
|
|
2982
2981
|
AutosizeModule
|
|
2983
|
-
], 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" }]
|
|
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 [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" }]
|
|
2984
2983
|
}], propDecorators: { label: [{
|
|
2985
2984
|
type: Input
|
|
2986
2985
|
}], value: [{
|
|
@@ -3001,6 +3000,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3001
3000
|
type: Input
|
|
3002
3001
|
}], max: [{
|
|
3003
3002
|
type: Input
|
|
3003
|
+
}], minHeight: [{
|
|
3004
|
+
type: Input
|
|
3004
3005
|
}], dynamicSize: [{
|
|
3005
3006
|
type: Input
|
|
3006
3007
|
}], progressBar: [{
|