@wizishop/angular-components 15.1.142 → 15.1.144
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 +131 -131
- package/esm2020/lib/components/color-picker/color-picker.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +2 -2
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +2 -2
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.144.tgz +0 -0
- package/wizishop-angular-components-15.1.142.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -958,6 +958,135 @@ wac-block {
|
|
|
958
958
|
margin-right: 0;
|
|
959
959
|
}
|
|
960
960
|
}
|
|
961
|
+
.wac-breadcrumbs {
|
|
962
|
+
width: 100%;
|
|
963
|
+
display: flex;
|
|
964
|
+
align-items: center;
|
|
965
|
+
padding: 0;
|
|
966
|
+
margin: 0 0 10px;
|
|
967
|
+
border-radius: 3px;
|
|
968
|
+
|
|
969
|
+
@include media('<tablet') {
|
|
970
|
+
&:not(.no-responsive) {
|
|
971
|
+
max-width: 100%;
|
|
972
|
+
overflow: hidden;
|
|
973
|
+
.wac-breadcrumbs {
|
|
974
|
+
&__wrapper {
|
|
975
|
+
@include media('<tablet') {
|
|
976
|
+
width: auto;
|
|
977
|
+
overflow-x: scroll;
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
&__item {
|
|
981
|
+
@include media('<tablet') {
|
|
982
|
+
width: auto;
|
|
983
|
+
min-width: unset;
|
|
984
|
+
max-width: unset;
|
|
985
|
+
.name {
|
|
986
|
+
white-space: nowrap;
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
}
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
&__wrapper {
|
|
995
|
+
width: 100%;
|
|
996
|
+
display: flex;
|
|
997
|
+
align-items: center;
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
&__item {
|
|
1001
|
+
width: 100%;
|
|
1002
|
+
max-width: 50%;
|
|
1003
|
+
display: flex;
|
|
1004
|
+
align-items: center;
|
|
1005
|
+
justify-content: center;
|
|
1006
|
+
position: relative;
|
|
1007
|
+
padding: 10px;
|
|
1008
|
+
cursor: pointer;
|
|
1009
|
+
&:before {
|
|
1010
|
+
content: '';
|
|
1011
|
+
display: block;
|
|
1012
|
+
position: absolute;
|
|
1013
|
+
bottom: -5px;
|
|
1014
|
+
left: 50%;
|
|
1015
|
+
transform: translateX(-50%);
|
|
1016
|
+
width: calc(100% - 5px);
|
|
1017
|
+
height: 3px;
|
|
1018
|
+
background-color: $wac-round-breadcrumbs;
|
|
1019
|
+
}
|
|
1020
|
+
&.current, &.valid {
|
|
1021
|
+
&:before {
|
|
1022
|
+
background-color: $wac-wizishop-blue;
|
|
1023
|
+
}
|
|
1024
|
+
&:hover, &:focus {
|
|
1025
|
+
.round {
|
|
1026
|
+
background-color: $wac-wizishop-blue;
|
|
1027
|
+
border-color: $wac-wizishop-blue;
|
|
1028
|
+
> span, > i {
|
|
1029
|
+
color: $wac-white;
|
|
1030
|
+
}
|
|
1031
|
+
}
|
|
1032
|
+
.name {
|
|
1033
|
+
color: $wac-wizishop-blue;
|
|
1034
|
+
}
|
|
1035
|
+
}
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
|
|
1039
|
+
&.current {
|
|
1040
|
+
&:before {
|
|
1041
|
+
height: 5px;
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
.round {
|
|
1045
|
+
min-width: 30px;
|
|
1046
|
+
height: 30px;
|
|
1047
|
+
border-radius: 30px;
|
|
1048
|
+
display: flex;
|
|
1049
|
+
justify-content: center;
|
|
1050
|
+
align-items: center;
|
|
1051
|
+
border: 2px solid $wac-round-breadcrumbs;
|
|
1052
|
+
background-color: $wac-round-breadcrumbs;
|
|
1053
|
+
transition: .3s ease;
|
|
1054
|
+
margin: 0 15px 0 0;
|
|
1055
|
+
> span {
|
|
1056
|
+
font-size: rem(12);
|
|
1057
|
+
font-weight: 500;
|
|
1058
|
+
color: $wac-second-color;
|
|
1059
|
+
line-height: 1;
|
|
1060
|
+
}
|
|
1061
|
+
> i {
|
|
1062
|
+
font-size: rem(14);
|
|
1063
|
+
color: $wac-wizishop-blue;
|
|
1064
|
+
}
|
|
1065
|
+
&.valid {
|
|
1066
|
+
background-color: transparent;
|
|
1067
|
+
border-color: $wac-wizishop-blue;
|
|
1068
|
+
color: $wac-wizishop-blue;
|
|
1069
|
+
}
|
|
1070
|
+
&.current:not(.valid) {
|
|
1071
|
+
background-color: $wac-wizishop-blue;
|
|
1072
|
+
border-color: $wac-wizishop-blue;
|
|
1073
|
+
> span, > i {
|
|
1074
|
+
color: $wac-white;
|
|
1075
|
+
}
|
|
1076
|
+
}
|
|
1077
|
+
}
|
|
1078
|
+
.name {
|
|
1079
|
+
font-size: rem(14);
|
|
1080
|
+
font-weight: 500;
|
|
1081
|
+
color: $wac-second-color;
|
|
1082
|
+
line-height: 1;
|
|
1083
|
+
transition: .3s ease;
|
|
1084
|
+
&.valid, &.current {
|
|
1085
|
+
color: $wac-wizishop-blue;
|
|
1086
|
+
}
|
|
1087
|
+
}
|
|
1088
|
+
}
|
|
1089
|
+
}
|
|
961
1090
|
.w-border-picker {
|
|
962
1091
|
display: flex;
|
|
963
1092
|
flex-direction: column;
|
|
@@ -1105,136 +1234,7 @@ wac-block {
|
|
|
1105
1234
|
}
|
|
1106
1235
|
|
|
1107
1236
|
}
|
|
1108
|
-
}.wac-
|
|
1109
|
-
width: 100%;
|
|
1110
|
-
display: flex;
|
|
1111
|
-
align-items: center;
|
|
1112
|
-
padding: 0;
|
|
1113
|
-
margin: 0 0 10px;
|
|
1114
|
-
border-radius: 3px;
|
|
1115
|
-
|
|
1116
|
-
@include media('<tablet') {
|
|
1117
|
-
&:not(.no-responsive) {
|
|
1118
|
-
max-width: 100%;
|
|
1119
|
-
overflow: hidden;
|
|
1120
|
-
.wac-breadcrumbs {
|
|
1121
|
-
&__wrapper {
|
|
1122
|
-
@include media('<tablet') {
|
|
1123
|
-
width: auto;
|
|
1124
|
-
overflow-x: scroll;
|
|
1125
|
-
}
|
|
1126
|
-
}
|
|
1127
|
-
&__item {
|
|
1128
|
-
@include media('<tablet') {
|
|
1129
|
-
width: auto;
|
|
1130
|
-
min-width: unset;
|
|
1131
|
-
max-width: unset;
|
|
1132
|
-
.name {
|
|
1133
|
-
white-space: nowrap;
|
|
1134
|
-
}
|
|
1135
|
-
}
|
|
1136
|
-
}
|
|
1137
|
-
}
|
|
1138
|
-
}
|
|
1139
|
-
}
|
|
1140
|
-
|
|
1141
|
-
&__wrapper {
|
|
1142
|
-
width: 100%;
|
|
1143
|
-
display: flex;
|
|
1144
|
-
align-items: center;
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
&__item {
|
|
1148
|
-
width: 100%;
|
|
1149
|
-
max-width: 50%;
|
|
1150
|
-
display: flex;
|
|
1151
|
-
align-items: center;
|
|
1152
|
-
justify-content: center;
|
|
1153
|
-
position: relative;
|
|
1154
|
-
padding: 10px;
|
|
1155
|
-
cursor: pointer;
|
|
1156
|
-
&:before {
|
|
1157
|
-
content: '';
|
|
1158
|
-
display: block;
|
|
1159
|
-
position: absolute;
|
|
1160
|
-
bottom: -5px;
|
|
1161
|
-
left: 50%;
|
|
1162
|
-
transform: translateX(-50%);
|
|
1163
|
-
width: calc(100% - 5px);
|
|
1164
|
-
height: 3px;
|
|
1165
|
-
background-color: $wac-round-breadcrumbs;
|
|
1166
|
-
}
|
|
1167
|
-
&.current, &.valid {
|
|
1168
|
-
&:before {
|
|
1169
|
-
background-color: $wac-wizishop-blue;
|
|
1170
|
-
}
|
|
1171
|
-
&:hover, &:focus {
|
|
1172
|
-
.round {
|
|
1173
|
-
background-color: $wac-wizishop-blue;
|
|
1174
|
-
border-color: $wac-wizishop-blue;
|
|
1175
|
-
> span, > i {
|
|
1176
|
-
color: $wac-white;
|
|
1177
|
-
}
|
|
1178
|
-
}
|
|
1179
|
-
.name {
|
|
1180
|
-
color: $wac-wizishop-blue;
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
}
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
&.current {
|
|
1187
|
-
&:before {
|
|
1188
|
-
height: 5px;
|
|
1189
|
-
}
|
|
1190
|
-
}
|
|
1191
|
-
.round {
|
|
1192
|
-
min-width: 30px;
|
|
1193
|
-
height: 30px;
|
|
1194
|
-
border-radius: 30px;
|
|
1195
|
-
display: flex;
|
|
1196
|
-
justify-content: center;
|
|
1197
|
-
align-items: center;
|
|
1198
|
-
border: 2px solid $wac-round-breadcrumbs;
|
|
1199
|
-
background-color: $wac-round-breadcrumbs;
|
|
1200
|
-
transition: .3s ease;
|
|
1201
|
-
margin: 0 15px 0 0;
|
|
1202
|
-
> span {
|
|
1203
|
-
font-size: rem(12);
|
|
1204
|
-
font-weight: 500;
|
|
1205
|
-
color: $wac-second-color;
|
|
1206
|
-
line-height: 1;
|
|
1207
|
-
}
|
|
1208
|
-
> i {
|
|
1209
|
-
font-size: rem(14);
|
|
1210
|
-
color: $wac-wizishop-blue;
|
|
1211
|
-
}
|
|
1212
|
-
&.valid {
|
|
1213
|
-
background-color: transparent;
|
|
1214
|
-
border-color: $wac-wizishop-blue;
|
|
1215
|
-
color: $wac-wizishop-blue;
|
|
1216
|
-
}
|
|
1217
|
-
&.current:not(.valid) {
|
|
1218
|
-
background-color: $wac-wizishop-blue;
|
|
1219
|
-
border-color: $wac-wizishop-blue;
|
|
1220
|
-
> span, > i {
|
|
1221
|
-
color: $wac-white;
|
|
1222
|
-
}
|
|
1223
|
-
}
|
|
1224
|
-
}
|
|
1225
|
-
.name {
|
|
1226
|
-
font-size: rem(14);
|
|
1227
|
-
font-weight: 500;
|
|
1228
|
-
color: $wac-second-color;
|
|
1229
|
-
line-height: 1;
|
|
1230
|
-
transition: .3s ease;
|
|
1231
|
-
&.valid, &.current {
|
|
1232
|
-
color: $wac-wizishop-blue;
|
|
1233
|
-
}
|
|
1234
|
-
}
|
|
1235
|
-
}
|
|
1236
|
-
}
|
|
1237
|
-
.wac-button {
|
|
1237
|
+
}.wac-button {
|
|
1238
1238
|
@include flexbox();
|
|
1239
1239
|
@include justify-content(center);
|
|
1240
1240
|
@include align-items(center);
|
|
@@ -4955,7 +4955,7 @@ wac-grid {
|
|
|
4955
4955
|
.wac-info {
|
|
4956
4956
|
display: inline-block;
|
|
4957
4957
|
width: 40px;
|
|
4958
|
-
height:
|
|
4958
|
+
height: auto;
|
|
4959
4959
|
|
|
4960
4960
|
&__color-picker {
|
|
4961
4961
|
height: inherit;
|
|
@@ -68,7 +68,7 @@ ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
68
68
|
useExisting: forwardRef(() => ColorPickerComponent),
|
|
69
69
|
multi: true
|
|
70
70
|
}
|
|
71
|
-
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\"
|
|
71
|
+
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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: "directive", type: i3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: i4.InfoComponent, selector: "wac-info", inputs: ["colorPicker"] }] });
|
|
72
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
74
|
args: [{ selector: "wac-color-picker", providers: [
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
77
77
|
useExisting: forwardRef(() => ColorPickerComponent),
|
|
78
78
|
multi: true
|
|
79
79
|
}
|
|
80
|
-
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\"
|
|
80
|
+
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
81
81
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}], value: [{
|
|
@@ -93,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
93
93
|
}], colorChange: [{
|
|
94
94
|
type: Output
|
|
95
95
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakYsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFjdkUsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQjtRQVBTLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQixhQUFRLEdBQVcsTUFBTSxDQUFDO1FBQzFCLE9BQUUsR0FBVyxhQUFhLENBQUM7UUFFMUIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSW5ELGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUhYLENBQUM7SUFLaEIsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUdELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN6Qiw4QkFBOEI7UUFDOUIsSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxPQUFPO1NBQ1I7UUFFRCxvQkFBb0I7UUFDcEIsS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTNDLHlCQUF5QjtRQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMxQixLQUFLLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQztTQUNyQjtRQUdELDRCQUE0QjtRQUM1QixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25DO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBR0MsWUFBWSxDQUFDLEtBQWE7UUFDeEIsTUFBTSxDQUFDLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDN0IsQ0FBQyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDaEIsT0FBTyxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOztpSEFwRVUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMExBVHBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ1pILG1pQ0FvQ0E7MkZEckJhLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxrQkFBa0IsYUFFakI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUlRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQgKHtcclxuICBzZWxlY3RvcjogXCJ3YWMtY29sb3ItcGlja2VyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENvbG9yUGlja2VyQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQ29sb3JQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZ2FwOiBzdHJpbmcgPSAnMTJweCc7XHJcbiAgQElucHV0KCkgZm9udFNpemU6IHN0cmluZyA9ICcxNHB4JztcclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJ2NvbG9yUGlja2VyJztcclxuICBASW5wdXQoKSBpbmZvOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGNvbG9yQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldFZhbHVlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlQ29sb3IoY29sb3I6IHN0cmluZykge1xyXG4gIC8vIENoZWNrIGlmIGl0J3MgYW4gcmdiYSBjb2xvclxyXG4gIGlmIChjb2xvci5zdGFydHNXaXRoKCdyZ2JhJykpIHtcclxuICAgIHRoaXMudmFsdWUgPSBjb2xvcjtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICByZXR1cm47XHJcbiAgfVxyXG5cclxuICAvLyBIYW5kbGUgaGV4IGNvbG9yc1xyXG4gIGNvbG9yID0gY29sb3IucmVwbGFjZSgvW15hLWZBLUYwLTldL2csICcnKTtcclxuXHJcbiAgLy8gQWRkICcjJyBpZiBub3QgcHJlc2VudFxyXG4gIGlmICghY29sb3Iuc3RhcnRzV2l0aCgnIycpKSB7XHJcbiAgICBjb2xvciA9ICcjJyArIGNvbG9yO1xyXG4gIH1cclxuXHJcblxyXG4gIC8vIFZhbGlkYXRlIGFuZCB1cGRhdGUgY29sb3JcclxuICBpZiAodGhpcy5pc1ZhbGlkQ29sb3IoY29sb3IpKSB7XHJcbiAgICB0aGlzLnZhbHVlID0gY29sb3I7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gIH0gZWxzZSB7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG59XHJcblxyXG5cclxuICBpc1ZhbGlkQ29sb3IoY29sb3I6IHN0cmluZyk6IGJvb2xlYW4ge1xyXG4gICAgY29uc3QgcyA9IG5ldyBPcHRpb24oKS5zdHlsZTtcclxuICAgIHMuY29sb3IgPSBjb2xvcjtcclxuICAgIHJldHVybiBzLmNvbG9yICE9PSAnJztcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInctY29sb3ItcGlja2VyXCIgW25nU3R5bGVdPVwieydnYXAnOiBnYXB9XCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJ3LWxhYmVsXCI+XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJjcC1sYWJlbFwiIFtmb3JdPVwiaWRcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGZvbnRTaXplfVwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuICAgIDx3YWMtaW5mbyAqbmdJZj1cImluZm9cIj57eyBpbmZvIH19PC93YWMtaW5mbz5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInctaW5wdXRcIj5cclxuXHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiY29sb3ItcHJldmlld1wiXHJcbiAgICAgIFtjb2xvclBpY2tlcl09XCJ2YWx1ZVwiXHJcbiAgICAgIChjbGljayk9XCJjb2xvclBpY2tlcklucHV0Lm9wZW5EaWFsb2coKVwiXHJcbiAgICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IHZhbHVlfVwiXHJcbiAgICAgIFtjcFBvc2l0aW9uXT1cIidib3R0b20nXCJcclxuICAgICAgW2NwUG9zaXRpb25PZmZzZXRdPVwiJy0zNSdcIlxyXG4gICAgPjwvZGl2PlxyXG5cclxuICAgIDxpbnB1dFxyXG4gICAgICBjbGFzcz1cImNwLWlucHV0XCJcclxuICAgICAgW2lkXT1cImlkXCJcclxuICAgICAgI2NvbG9yUGlja2VySW5wdXQ9XCJuZ3hDb2xvclBpY2tlclwiXHJcbiAgICAgIG1heGxlbmd0aD1cIjdcIlxyXG4gICAgICBwbGFjZWhvbGRlcj1cIiMwMDAwMDBcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlQ29sb3IoJGV2ZW50KVwiXHJcbiAgICAgIFtjb2xvclBpY2tlcl09XCJ2YWx1ZVwiXHJcbiAgICAgIChjb2xvclBpY2tlckNoYW5nZSk9XCJjaGFuZ2VDb2xvcigkZXZlbnQpXCJcclxuICAgICAgW2NwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIlxyXG4gICAgICBbY3BQb3NpdGlvbk9mZnNldF09XCInLTM1J1wiXHJcbiAgICAgIChpbnB1dCk9XCJzZXRWYWx1ZSgkZXZlbnQpXCJcclxuICAgIC8+XHJcblxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -6698,7 +6698,7 @@ ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
6698
6698
|
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6699
6699
|
multi: true
|
|
6700
6700
|
}
|
|
6701
|
-
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\"
|
|
6701
|
+
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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: "directive", type: i3$3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: InfoComponent, selector: "wac-info", inputs: ["colorPicker"] }] });
|
|
6702
6702
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
6703
6703
|
type: Component,
|
|
6704
6704
|
args: [{ selector: "wac-color-picker", providers: [
|
|
@@ -6707,7 +6707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6707
6707
|
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6708
6708
|
multi: true
|
|
6709
6709
|
}
|
|
6710
|
-
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\"
|
|
6710
|
+
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
6711
6711
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
6712
6712
|
type: Input
|
|
6713
6713
|
}], value: [{
|