@wizishop/angular-components 15.1.119 → 15.1.121
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 +155 -124
- package/esm2020/lib/components/border-picker/border-picker.component.mjs +36 -34
- package/esm2020/lib/components/header-page/header-page.component.mjs +1 -1
- package/esm2020/lib/components/hn/h1/h1.component.mjs +12 -3
- package/esm2020/lib/components/hn/h2/h2.component.mjs +16 -6
- package/esm2020/lib/components/hn/h3/h3.component.mjs +12 -3
- package/esm2020/lib/components/hn/h4/h4.component.mjs +12 -3
- package/esm2020/lib/components/multiple-search-plus/multiple-search-plus.component.mjs +1 -1
- package/esm2020/lib/components/slide-in/slide-in.component.mjs +32 -3
- package/fesm2015/wizishop-angular-components.mjs +112 -46
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +112 -46
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/border-picker/border-picker.component.d.ts +6 -10
- package/lib/components/hn/h1/h1.component.d.ts +4 -1
- package/lib/components/hn/h2/h2.component.d.ts +4 -1
- package/lib/components/hn/h3/h3.component.d.ts +4 -1
- package/lib/components/hn/h4/h4.component.d.ts +4 -1
- package/lib/components/slide-in/slide-in.component.d.ts +14 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.121.tgz +0 -0
- package/wizishop-angular-components-15.1.119.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -786,6 +786,25 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
786
786
|
}
|
|
787
787
|
}
|
|
788
788
|
}
|
|
789
|
+
wac-block {
|
|
790
|
+
.wac-block {
|
|
791
|
+
background-color: $white;
|
|
792
|
+
@include padding(rem(30));
|
|
793
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
794
|
+
@include simple_transition();
|
|
795
|
+
height: 100%;
|
|
796
|
+
border-radius: var(--wac-block-border-radius);
|
|
797
|
+
|
|
798
|
+
@include media('<tablet') {
|
|
799
|
+
@include padding(rem(20));
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
&:hover {
|
|
803
|
+
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
|
|
789
808
|
.block-with-checkbox {
|
|
790
809
|
width: 100%;
|
|
791
810
|
display: flex;
|
|
@@ -926,25 +945,6 @@ $wac-tab-colunm-blue: #3ba6ec!default;.zindexToggle {
|
|
|
926
945
|
margin-right: 0;
|
|
927
946
|
}
|
|
928
947
|
}
|
|
929
|
-
wac-block {
|
|
930
|
-
.wac-block {
|
|
931
|
-
background-color: $white;
|
|
932
|
-
@include padding(rem(30));
|
|
933
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
|
|
934
|
-
@include simple_transition();
|
|
935
|
-
height: 100%;
|
|
936
|
-
border-radius: var(--wac-block-border-radius);
|
|
937
|
-
|
|
938
|
-
@include media('<tablet') {
|
|
939
|
-
@include padding(rem(20));
|
|
940
|
-
}
|
|
941
|
-
|
|
942
|
-
&:hover {
|
|
943
|
-
box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
|
|
944
|
-
}
|
|
945
|
-
}
|
|
946
|
-
}
|
|
947
|
-
|
|
948
948
|
.w-border-picker {
|
|
949
949
|
display: flex;
|
|
950
950
|
flex-direction: column;
|
|
@@ -954,20 +954,26 @@ wac-block {
|
|
|
954
954
|
}
|
|
955
955
|
|
|
956
956
|
.w-input {
|
|
957
|
-
width:
|
|
957
|
+
width: 100%;
|
|
958
|
+
min-width: 305px;
|
|
958
959
|
height: 40px;
|
|
959
960
|
display: flex;
|
|
960
961
|
align-items: center;
|
|
961
962
|
gap: 10px;
|
|
962
|
-
padding:
|
|
963
|
+
padding: 8px;
|
|
963
964
|
border: 1px solid #dee2ed;
|
|
964
965
|
border-radius: 3px;
|
|
965
966
|
position: relative;
|
|
966
967
|
|
|
968
|
+
@include media ('<tablet') {
|
|
969
|
+
min-width: 250px;
|
|
970
|
+
}
|
|
971
|
+
|
|
967
972
|
.border-preview {
|
|
968
973
|
position: relative;
|
|
969
|
-
width:
|
|
970
|
-
|
|
974
|
+
width: 100%;
|
|
975
|
+
max-width: 24px;
|
|
976
|
+
height: 24px;
|
|
971
977
|
border: 2px solid #1d2a3b;
|
|
972
978
|
border-radius: 3px;
|
|
973
979
|
|
|
@@ -981,17 +987,99 @@ wac-block {
|
|
|
981
987
|
|
|
982
988
|
.mask1 {
|
|
983
989
|
width: 30px;
|
|
984
|
-
height:
|
|
990
|
+
height: 5px;
|
|
985
991
|
}
|
|
986
992
|
|
|
987
993
|
.mask2 {
|
|
988
|
-
width:
|
|
994
|
+
width: 5px;
|
|
989
995
|
height: 30px;
|
|
990
996
|
}
|
|
997
|
+
|
|
991
998
|
}
|
|
992
|
-
|
|
999
|
+
|
|
1000
|
+
.bp-range {
|
|
1001
|
+
width: 100%;
|
|
1002
|
+
max-width: 202px;
|
|
1003
|
+
height: 4px;
|
|
1004
|
+
background: transparent;
|
|
1005
|
+
-webkit-appearance: none;
|
|
1006
|
+
appearance: none;
|
|
1007
|
+
margin: 0;
|
|
1008
|
+
cursor: pointer;
|
|
1009
|
+
|
|
1010
|
+
&::-webkit-slider-runnable-track {
|
|
1011
|
+
height: 4px;
|
|
1012
|
+
background: #dee2ed;
|
|
1013
|
+
border-radius: 20px;
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
&::-moz-range-track {
|
|
1017
|
+
height: 4px;
|
|
1018
|
+
background: #dee2ed;
|
|
1019
|
+
border-radius: 20px;
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
&::-ms-track {
|
|
1023
|
+
height: 4px;
|
|
1024
|
+
background: #dee2ed;
|
|
1025
|
+
border-radius: 20px;
|
|
1026
|
+
border-color: transparent;
|
|
1027
|
+
color: transparent;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
// Thumb style
|
|
1031
|
+
&::-webkit-slider-thumb {
|
|
1032
|
+
-webkit-appearance: none;
|
|
1033
|
+
width: 16px;
|
|
1034
|
+
height: 16px;
|
|
1035
|
+
border-radius: 50%;
|
|
1036
|
+
background: #3BA6EC;
|
|
1037
|
+
margin-top: -6px; // Centrer verticalement (height of track - height of thumb) / 2
|
|
1038
|
+
border: 2px solid white;
|
|
1039
|
+
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
|
1040
|
+
transition: all 0.2s ease;
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
&::-moz-range-thumb {
|
|
1044
|
+
width: 16px;
|
|
1045
|
+
height: 16px;
|
|
1046
|
+
border-radius: 50%;
|
|
1047
|
+
background: #3BA6EC;
|
|
1048
|
+
border: 2px solid white;
|
|
1049
|
+
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
|
1050
|
+
transition: all 0.2s ease;
|
|
1051
|
+
}
|
|
1052
|
+
|
|
1053
|
+
&::-ms-thumb {
|
|
1054
|
+
width: 16px;
|
|
1055
|
+
height: 16px;
|
|
1056
|
+
border-radius: 50%;
|
|
1057
|
+
background: #3BA6EC;
|
|
1058
|
+
border: 2px solid white;
|
|
1059
|
+
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
|
|
1060
|
+
transition: all 0.2s ease;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
// Active/hover state
|
|
1064
|
+
&:active::-webkit-slider-thumb,
|
|
1065
|
+
&:hover::-webkit-slider-thumb {
|
|
1066
|
+
transform: scale(1.1);
|
|
1067
|
+
}
|
|
1068
|
+
|
|
1069
|
+
&:active::-moz-range-thumb,
|
|
1070
|
+
&:hover::-moz-range-thumb {
|
|
1071
|
+
transform: scale(1.1);
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
// Fill color before thumb (optional)
|
|
1075
|
+
&::-webkit-slider-runnable-track {
|
|
1076
|
+
background: linear-gradient(to right, #3BA6EC 0%, #3BA6EC var(--slider-percentage, 0%), #dee2ed var(--slider-percentage, 0%), #dee2ed 100%);
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
|
|
993
1080
|
.bp-input {
|
|
994
|
-
width:
|
|
1081
|
+
width: 100%;
|
|
1082
|
+
max-width: 45px;
|
|
995
1083
|
height: 100%;
|
|
996
1084
|
border: none;
|
|
997
1085
|
font-size: 14px;
|
|
@@ -999,101 +1087,6 @@ wac-block {
|
|
|
999
1087
|
font-weight: 400;
|
|
1000
1088
|
}
|
|
1001
1089
|
|
|
1002
|
-
.slider-popup {
|
|
1003
|
-
display: flex;
|
|
1004
|
-
flex-direction: column;
|
|
1005
|
-
gap: 10px;
|
|
1006
|
-
position: absolute;
|
|
1007
|
-
top: 50px;
|
|
1008
|
-
left: 0;
|
|
1009
|
-
min-width: 270px;
|
|
1010
|
-
background: white;
|
|
1011
|
-
border: 1px solid #dee2ed;
|
|
1012
|
-
padding: 10px;
|
|
1013
|
-
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
1014
|
-
z-index: 10;
|
|
1015
|
-
display: flex;
|
|
1016
|
-
align-items: center;
|
|
1017
|
-
gap: 10px;
|
|
1018
|
-
|
|
1019
|
-
&::before {
|
|
1020
|
-
content: '';
|
|
1021
|
-
position: absolute;
|
|
1022
|
-
top: -20px;
|
|
1023
|
-
left: 8px;
|
|
1024
|
-
border: 10px solid transparent;
|
|
1025
|
-
border-bottom-color: #dee2ed;
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
.slider {
|
|
1029
|
-
width: 100%;
|
|
1030
|
-
display: flex;
|
|
1031
|
-
align-items: center;
|
|
1032
|
-
gap: 10px;
|
|
1033
|
-
|
|
1034
|
-
input[type="range"] {
|
|
1035
|
-
-webkit-appearance: none;
|
|
1036
|
-
width: 100%;
|
|
1037
|
-
height: 8px;
|
|
1038
|
-
background: #dee2ed;
|
|
1039
|
-
border-radius: 5px;
|
|
1040
|
-
outline: none;
|
|
1041
|
-
opacity: 0.7;
|
|
1042
|
-
transition: opacity .2s;
|
|
1043
|
-
|
|
1044
|
-
&:hover {
|
|
1045
|
-
opacity: 1;
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
&::-webkit-slider-thumb {
|
|
1049
|
-
-webkit-appearance: none;
|
|
1050
|
-
appearance: none;
|
|
1051
|
-
width: 20px;
|
|
1052
|
-
height: 20px;
|
|
1053
|
-
background: #52aecd;
|
|
1054
|
-
cursor: pointer;
|
|
1055
|
-
border-radius: 50%;
|
|
1056
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
&::-moz-range-thumb {
|
|
1060
|
-
width: 20px;
|
|
1061
|
-
height: 20px;
|
|
1062
|
-
background: #52aecd;
|
|
1063
|
-
cursor: pointer;
|
|
1064
|
-
border-radius: 50%;
|
|
1065
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
|
|
1066
|
-
}
|
|
1067
|
-
}
|
|
1068
|
-
}
|
|
1069
|
-
|
|
1070
|
-
.preset-buttons {
|
|
1071
|
-
display: flex;
|
|
1072
|
-
gap: 10px;
|
|
1073
|
-
align-items: center;
|
|
1074
|
-
|
|
1075
|
-
button {
|
|
1076
|
-
border: 1px solid #dee2ed;
|
|
1077
|
-
background-color: #f5f5f5;
|
|
1078
|
-
color: #1d2a3b;
|
|
1079
|
-
font-size: 14px;
|
|
1080
|
-
border-radius: 12px;
|
|
1081
|
-
padding: 5px 15px;
|
|
1082
|
-
cursor: pointer;
|
|
1083
|
-
transition: background-color 0.3s, box-shadow 0.3s;
|
|
1084
|
-
|
|
1085
|
-
&:hover {
|
|
1086
|
-
background-color: #e0e0e0;
|
|
1087
|
-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
&:active {
|
|
1091
|
-
background-color: #d0d0d0;
|
|
1092
|
-
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
1093
|
-
}
|
|
1094
|
-
}
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
1090
|
}
|
|
1098
1091
|
}.wac-breadcrumbs {
|
|
1099
1092
|
width: 100%;
|
|
@@ -7232,8 +7225,8 @@ wac-optional-disable-container {
|
|
|
7232
7225
|
&__panel {
|
|
7233
7226
|
position: fixed;
|
|
7234
7227
|
top: 0;
|
|
7235
|
-
right: -
|
|
7236
|
-
width:
|
|
7228
|
+
right: -100%;
|
|
7229
|
+
width: 25%;
|
|
7237
7230
|
height: 100%;
|
|
7238
7231
|
background-color: #fff;
|
|
7239
7232
|
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
|
|
@@ -7241,6 +7234,16 @@ wac-optional-disable-container {
|
|
|
7241
7234
|
transition: right 0.3s ease;
|
|
7242
7235
|
display: flex;
|
|
7243
7236
|
flex-direction: column;
|
|
7237
|
+
|
|
7238
|
+
@include media('<1440px') {
|
|
7239
|
+
width: 40%;
|
|
7240
|
+
}
|
|
7241
|
+
@include media('<desktop') {
|
|
7242
|
+
width: 50%;
|
|
7243
|
+
}
|
|
7244
|
+
@include media('<tablet') {
|
|
7245
|
+
width: 85%;
|
|
7246
|
+
}
|
|
7244
7247
|
|
|
7245
7248
|
&.is-open {
|
|
7246
7249
|
right: 0;
|
|
@@ -7277,6 +7280,15 @@ wac-optional-disable-container {
|
|
|
7277
7280
|
flex: 1;
|
|
7278
7281
|
overflow-y: auto;
|
|
7279
7282
|
}
|
|
7283
|
+
|
|
7284
|
+
&__footer {
|
|
7285
|
+
display: flex;
|
|
7286
|
+
justify-content: space-between;
|
|
7287
|
+
align-items: center;
|
|
7288
|
+
padding: 30px;
|
|
7289
|
+
gap: 15px;
|
|
7290
|
+
background-color: #F5F8FA;
|
|
7291
|
+
}
|
|
7280
7292
|
}
|
|
7281
7293
|
}
|
|
7282
7294
|
|
|
@@ -8973,14 +8985,21 @@ h1.wac-h1 {
|
|
|
8973
8985
|
line-height: rem(35);
|
|
8974
8986
|
font-weight: 600;
|
|
8975
8987
|
color: $wac-main-text;
|
|
8988
|
+
|
|
8976
8989
|
@include media('<desktop') {
|
|
8977
8990
|
font-size: rem(22);
|
|
8978
8991
|
line-height: rem(30);
|
|
8979
8992
|
}
|
|
8993
|
+
|
|
8994
|
+
&.no-margin {
|
|
8995
|
+
margin: 0 !important;
|
|
8996
|
+
}
|
|
8997
|
+
|
|
8980
8998
|
&.with-img {
|
|
8981
8999
|
display: flex;
|
|
8982
9000
|
align-items: center;
|
|
8983
9001
|
}
|
|
9002
|
+
|
|
8984
9003
|
&.center {
|
|
8985
9004
|
text-align: center;
|
|
8986
9005
|
}
|
|
@@ -8998,11 +9017,20 @@ h2.wac-h2 {
|
|
|
8998
9017
|
line-height: rem(21);
|
|
8999
9018
|
font-weight: 500;
|
|
9000
9019
|
color: $wac-main-text;
|
|
9020
|
+
|
|
9021
|
+
&.no-margin {
|
|
9022
|
+
margin: 0 !important;
|
|
9023
|
+
}
|
|
9001
9024
|
}h3.wac-h3 {
|
|
9002
9025
|
font-size: rem(16);
|
|
9003
9026
|
line-height: rem(19);
|
|
9004
9027
|
font-weight: 500;
|
|
9005
9028
|
color: $wac-main-text;
|
|
9029
|
+
|
|
9030
|
+
&.no-margin {
|
|
9031
|
+
margin: 0 !important;
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9006
9034
|
&.grey {
|
|
9007
9035
|
color: $wac-second-color;
|
|
9008
9036
|
}
|
|
@@ -9012,6 +9040,9 @@ h4.wac-h4 {
|
|
|
9012
9040
|
line-height: rem(16);
|
|
9013
9041
|
font-weight: 500;
|
|
9014
9042
|
color: $wac-main-text;
|
|
9043
|
+
&.no-margin {
|
|
9044
|
+
margin: 0 !important;
|
|
9045
|
+
}
|
|
9015
9046
|
&.grey {
|
|
9016
9047
|
color: $wac-second-color;
|
|
9017
9048
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from "@angular/common";
|
|
2
|
-
import { Component, EventEmitter, Input, Output,
|
|
2
|
+
import { Component, EventEmitter, Input, Output, forwardRef } from "@angular/core";
|
|
3
3
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
@@ -8,19 +8,22 @@ export class BorderPickerComponent {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
this.gap = '12px';
|
|
10
10
|
this.fontSize = '14px';
|
|
11
|
-
this.borderRadius = '0px';
|
|
12
|
-
this.firstBtnOption = 'Small';
|
|
13
|
-
this.secondBtnOption = 'Medium';
|
|
14
|
-
this.thirdBtnOption = 'Full';
|
|
15
11
|
this.disabled = false;
|
|
16
|
-
this.value = '';
|
|
12
|
+
this.value = '0%';
|
|
17
13
|
this.blurred = new EventEmitter();
|
|
18
14
|
this.borderRadiusChange = new EventEmitter();
|
|
19
|
-
this.showSlider = false;
|
|
20
15
|
this.sliderValue = 0;
|
|
21
16
|
this.onChange = () => { };
|
|
22
17
|
this.onTouched = () => { };
|
|
23
18
|
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
if (this.value) {
|
|
21
|
+
const numericValue = parseInt(this.value.replace('%', ''), 10);
|
|
22
|
+
if (!isNaN(numericValue)) {
|
|
23
|
+
this.sliderValue = numericValue;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
24
27
|
writeValue(value) {
|
|
25
28
|
if (value !== undefined) {
|
|
26
29
|
this.value = value;
|
|
@@ -34,39 +37,49 @@ export class BorderPickerComponent {
|
|
|
34
37
|
}
|
|
35
38
|
setValue(event) {
|
|
36
39
|
this.value = event.target.value;
|
|
40
|
+
const numericValue = parseInt(this.value.replace('%', ''), 10);
|
|
41
|
+
if (!isNaN(numericValue)) {
|
|
42
|
+
this.sliderValue = numericValue;
|
|
43
|
+
this.updateSliderPercentage();
|
|
44
|
+
}
|
|
37
45
|
this.onChange(this.value);
|
|
38
46
|
this.borderRadiusChange.emit(this.value);
|
|
39
47
|
}
|
|
40
|
-
|
|
48
|
+
updateSliderPercentage() {
|
|
49
|
+
const slider = document.querySelector('.bp-range');
|
|
50
|
+
if (slider) {
|
|
51
|
+
slider.style.setProperty('--slider-percentage', `${this.sliderValue}%`);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
ngAfterViewInit() {
|
|
55
|
+
this.updateSliderPercentage();
|
|
41
56
|
}
|
|
42
|
-
|
|
43
|
-
this.
|
|
44
|
-
|
|
57
|
+
onFocusOut() {
|
|
58
|
+
if (!this.value.endsWith('%') && this.value) {
|
|
59
|
+
this.value = this.value + '%';
|
|
60
|
+
this.onChange(this.value);
|
|
61
|
+
this.borderRadiusChange.emit(this.value);
|
|
62
|
+
}
|
|
45
63
|
}
|
|
46
64
|
updateBorderRadius(value) {
|
|
47
|
-
this.value = value + '
|
|
48
|
-
this.
|
|
65
|
+
this.value = value + '%';
|
|
66
|
+
this.updateSliderPercentage();
|
|
67
|
+
this.onChange(this.value);
|
|
49
68
|
this.borderRadiusChange.emit(this.value);
|
|
50
69
|
}
|
|
51
70
|
setBorderRadius(value) {
|
|
52
71
|
this.sliderValue = value;
|
|
53
72
|
this.updateBorderRadius(value);
|
|
54
73
|
}
|
|
55
|
-
onClickOutside(event) {
|
|
56
|
-
const target = event.target;
|
|
57
|
-
if (!target.closest('.w-input')) {
|
|
58
|
-
this.showSlider = false;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
74
|
}
|
|
62
75
|
BorderPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BorderPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
-
BorderPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BorderPickerComponent, isStandalone: true, selector: "wac-border-picker", inputs: { label: "label", gap: "gap", fontSize: "fontSize",
|
|
76
|
+
BorderPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BorderPickerComponent, isStandalone: true, selector: "wac-border-picker", inputs: { label: "label", gap: "gap", fontSize: "fontSize", disabled: "disabled", value: "value" }, outputs: { blurred: "blurred", borderRadiusChange: "borderRadiusChange" }, providers: [
|
|
64
77
|
{
|
|
65
78
|
provide: NG_VALUE_ACCESSOR,
|
|
66
79
|
useExisting: forwardRef(() => BorderPickerComponent),
|
|
67
80
|
multi: true
|
|
68
81
|
}
|
|
69
|
-
], ngImport: i0, template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-
|
|
82
|
+
], ngImport: i0, template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-range\"\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n [(ngModel)]=\"sliderValue\"\r\n (ngModelChange)=\"updateBorderRadius($event)\"\r\n />\r\n\r\n <input\r\n class=\"bp-input\"\r\n id=\"borderPicker\"\r\n [placeholder]=\"sliderValue\"\r\n maxlength=\"5\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (focusout)=\"onFocusOut()\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { 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"] }] });
|
|
70
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BorderPickerComponent, decorators: [{
|
|
71
84
|
type: Component,
|
|
72
85
|
args: [{ selector: "wac-border-picker", standalone: true, imports: [
|
|
@@ -78,21 +91,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
78
91
|
useExisting: forwardRef(() => BorderPickerComponent),
|
|
79
92
|
multi: true
|
|
80
93
|
}
|
|
81
|
-
], template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-
|
|
94
|
+
], template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-range\"\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n [(ngModel)]=\"sliderValue\"\r\n (ngModelChange)=\"updateBorderRadius($event)\"\r\n />\r\n\r\n <input\r\n class=\"bp-input\"\r\n id=\"borderPicker\"\r\n [placeholder]=\"sliderValue\"\r\n maxlength=\"5\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (focusout)=\"onFocusOut()\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
82
95
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
83
96
|
type: Input
|
|
84
97
|
}], gap: [{
|
|
85
98
|
type: Input
|
|
86
99
|
}], fontSize: [{
|
|
87
100
|
type: Input
|
|
88
|
-
}], borderRadius: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], firstBtnOption: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], secondBtnOption: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], thirdBtnOption: [{
|
|
95
|
-
type: Input
|
|
96
101
|
}], disabled: [{
|
|
97
102
|
type: Input
|
|
98
103
|
}], value: [{
|
|
@@ -101,8 +106,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
101
106
|
type: Output
|
|
102
107
|
}], borderRadiusChange: [{
|
|
103
108
|
type: Output
|
|
104
|
-
}], onClickOutside: [{
|
|
105
|
-
type: HostListener,
|
|
106
|
-
args: ['document:click', ['$event']]
|
|
107
109
|
}] } });
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVyLXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JvcmRlci1waWNrZXIvYm9yZGVyLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JvcmRlci1waWNrZXIvYm9yZGVyLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBaUQsVUFBVSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUMvSSxPQUFPLEVBQXdCLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBbUJ0RixNQUFNLE9BQU8scUJBQXFCO0lBV2hDO1FBVFMsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQixhQUFRLEdBQVcsTUFBTSxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsVUFBSyxHQUFXLElBQUksQ0FBQztRQUVwQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNuQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzFELGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBSXhCLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUhYLENBQUM7SUFLaEIsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLE1BQU0sWUFBWSxHQUFHLFFBQVEs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O1lBQ3BELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNsQkgsNDVCQWtDQSwyQ0R6QkksWUFBWSxtSEFDWixXQUFXOzJGQVdGLHFCQUFxQjtrQkFqQmpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBRWpCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7cUJBQ1osYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzs0QkFDcEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7MEVBSVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBPbkluaXQgLCBIb3N0TGlzdGVuZXIsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIGZvcndhcmRSZWYsIEFmdGVyVmlld0luaXR9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50ICh7XHJcbiAgc2VsZWN0b3I6IFwid2FjLWJvcmRlci1waWNrZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2JvcmRlci1waWNrZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCb3JkZXJQaWNrZXJDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBCb3JkZXJQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGdhcDogc3RyaW5nID0gJzEycHgnO1xyXG4gIEBJbnB1dCgpIGZvbnRTaXplOiBzdHJpbmcgPSAnMTRweCc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJzAlJztcclxuXHJcbiAgQE91dHB1dCgpIGJsdXJyZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGJvcmRlclJhZGl1c0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIHNsaWRlclZhbHVlOiBudW1iZXIgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcclxuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLnZhbHVlKSB7XHJcbiAgICAgIGNvbnN0IG51bWVyaWNWYWx1ZSA9IHBhcnNlSW50KHRoaXMudmFsdWUucmVwbGFjZSgnJScsICcnKSwgMTApO1xyXG4gICAgICBpZiAoIWlzTmFOKG51bWVyaWNWYWx1ZSkpIHtcclxuICAgICAgICB0aGlzLnNsaWRlclZhbHVlID0gbnVtZXJpY1ZhbHVlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldFZhbHVlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICBjb25zdCBudW1lcmljVmFsdWUgPSBwYXJzZUludCh0aGlzLnZhbHVlLnJlcGxhY2UoJyUnLCAnJyksIDEwKTtcclxuICAgIFxyXG4gICAgaWYgKCFpc05hTihudW1lcmljVmFsdWUpKSB7XHJcbiAgICAgIHRoaXMuc2xpZGVyVmFsdWUgPSBudW1lcmljVmFsdWU7XHJcbiAgICAgIHRoaXMudXBkYXRlU2xpZGVyUGVyY2VudGFnZSgpO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5ib3JkZXJSYWRpdXNDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlU2xpZGVyUGVyY2VudGFnZSgpIHtcclxuICAgIGNvbnN0IHNsaWRlciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5icC1yYW5nZScpIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgaWYgKHNsaWRlcikge1xyXG4gICAgICBzbGlkZXIuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2xpZGVyLXBlcmNlbnRhZ2UnLCBgJHt0aGlzLnNsaWRlclZhbHVlfSVgKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMudXBkYXRlU2xpZGVyUGVyY2VudGFnZSgpO1xyXG4gIH1cclxuXHJcbiAgb25Gb2N1c091dCgpIHtcclxuICAgIGlmICghdGhpcy52YWx1ZS5lbmRzV2l0aCgnJScpICYmIHRoaXMudmFsdWUpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUgKyAnJSc7XHJcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICAgIHRoaXMuYm9yZGVyUmFkaXVzQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB1cGRhdGVCb3JkZXJSYWRpdXModmFsdWU6IG51bWJlcikge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlICsgJyUnO1xyXG4gICAgdGhpcy51cGRhdGVTbGlkZXJQZXJjZW50YWdlKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5ib3JkZXJSYWRpdXNDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIHNldEJvcmRlclJhZGl1cyh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLnNsaWRlclZhbHVlID0gdmFsdWU7XHJcbiAgICB0aGlzLnVwZGF0ZUJvcmRlclJhZGl1cyh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LWJvcmRlci1waWNrZXJcIiBbbmdTdHlsZV09XCJ7J2dhcCc6IGdhcH1cIj5cclxuXHJcbiAgPGxhYmVsIGNsYXNzPVwiYnAtbGFiZWxcIiBmb3I9XCJib3JkZXJQaWNrZXJcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGZvbnRTaXplfVwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInctaW5wdXRcIj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiYm9yZGVyLXByZXZpZXdcIiBbbmdTdHlsZV09XCJ7J2JvcmRlci1yYWRpdXMnOiB2YWx1ZX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1hc2sxXCI+PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtYXNrMlwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwiYnAtcmFuZ2VcIlxyXG4gICAgICB0eXBlPVwicmFuZ2VcIlxyXG4gICAgICBtaW49XCIwXCJcclxuICAgICAgbWF4PVwiMTAwXCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJzbGlkZXJWYWx1ZVwiXHJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInVwZGF0ZUJvcmRlclJhZGl1cygkZXZlbnQpXCJcclxuICAgIC8+XHJcblxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwiYnAtaW5wdXRcIlxyXG4gICAgICBpZD1cImJvcmRlclBpY2tlclwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzbGlkZXJWYWx1ZVwiXHJcbiAgICAgIG1heGxlbmd0aD1cIjVcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgIChmb2N1c291dCk9XCJvbkZvY3VzT3V0KClcIlxyXG4gICAgICAoaW5wdXQpPVwic2V0VmFsdWUoJGV2ZW50KVwiXHJcbiAgICAvPlxyXG5cclxuICA8L2Rpdj5cclxuXHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -24,7 +24,7 @@ export class HeaderPageComponent {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderPageComponent, deps: [{ token: i1.HistoryService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, template: "<div class=\"wac-header-page\">\r\n <div class=\"wac-header-page__maxWidth\">\r\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n </div>\r\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n </div>\r\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] });
|
|
27
|
+
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, template: "<div class=\"wac-header-page\">\r\n <div class=\"wac-header-page__maxWidth\">\r\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n </div>\r\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n </div>\r\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color", "noMargin"] }] });
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderPageComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\r\n <div class=\"wac-header-page__maxWidth\">\r\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n </div>\r\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n </div>\r\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
@@ -2,18 +2,25 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class H1Component {
|
|
5
|
+
get noMargin() {
|
|
6
|
+
return this._noMargin;
|
|
7
|
+
}
|
|
8
|
+
set noMargin(value) {
|
|
9
|
+
this._noMargin = value === '' || value === 'noMargin' || value === true;
|
|
10
|
+
}
|
|
5
11
|
constructor() {
|
|
6
12
|
this.annotation = '';
|
|
7
13
|
this.withImg = false;
|
|
8
14
|
this.center = false;
|
|
9
15
|
this.color = null;
|
|
16
|
+
this._noMargin = false;
|
|
10
17
|
}
|
|
11
18
|
}
|
|
12
19
|
H1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H1Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H1Component, selector: "wac-h1", inputs: { annotation: "annotation", withImg: "withImg", center: "center", color: "color" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"
|
|
20
|
+
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H1Component, selector: "wac-h1", inputs: { annotation: "annotation", withImg: "withImg", center: "center", color: "color", noMargin: "noMargin" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small>\r\n</h1>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
14
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H1Component, decorators: [{
|
|
15
22
|
type: Component,
|
|
16
|
-
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"
|
|
23
|
+
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small>\r\n</h1>\r\n" }]
|
|
17
24
|
}], ctorParameters: function () { return []; }, propDecorators: { annotation: [{
|
|
18
25
|
type: Input
|
|
19
26
|
}], withImg: [{
|
|
@@ -22,5 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
22
29
|
type: Input
|
|
23
30
|
}], color: [{
|
|
24
31
|
type: Input
|
|
32
|
+
}], noMargin: [{
|
|
33
|
+
type: Input
|
|
25
34
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9obi9oMS9oMS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2huL2gxL2gxLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDOzs7QUFNdkQsTUFBTSxPQUFPLFdBQVc7SUFZdEIsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxLQUE0QjtRQUN2QyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssS0FBSyxFQUFFLElBQUksS0FBSyxLQUFLLFVBQVUsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBQzFFLENBQUM7SUFFRDtRQW5CQSxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBRWhCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFTCxjQUFTLEdBQVksS0FBSyxDQUFDO0lBV3BCLENBQUM7O3dHQXJCTCxXQUFXOzRGQUFYLFdBQVcsZ0tDTnhCLHNQQUdBOzJGREdhLFdBQVc7a0JBSnZCLFNBQVM7K0JBQ0UsUUFBUTswRUFLbEIsVUFBVTtzQkFEVCxLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLO2dCQU1GLFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd2FjLWgxJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaDEuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIMUNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBhbm5vdGF0aW9uID0gJyc7XHJcbiAgQElucHV0KClcclxuICB3aXRoSW1nID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBjZW50ZXIgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIGNvbG9yID0gbnVsbDtcclxuXHJcbiAgcHJpdmF0ZSBfbm9NYXJnaW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgbm9NYXJnaW4oKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbm9NYXJnaW47XHJcbiAgfVxyXG4gIFxyXG4gIHNldCBub01hcmdpbih2YWx1ZTogYm9vbGVhbiB8IHN0cmluZyB8ICcnKSB7XHJcbiAgICB0aGlzLl9ub01hcmdpbiA9IHZhbHVlID09PSAnJyB8fCB2YWx1ZSA9PT0gJ25vTWFyZ2luJyB8fCB2YWx1ZSA9PT0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8aDEgY2xhc3M9XCJ3YWMtaDFcIiBbbmdDbGFzc109XCJ7J3dpdGgtaW1nJzogd2l0aEltZywgJ2NlbnRlcic6IGNlbnRlcn1cIiBbc3R5bGUuY29sb3JdPVwiY29sb3I/Y29sb3I6JydcIiBbY2xhc3Mubm8tbWFyZ2luXT1cIm5vTWFyZ2luXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+PHNtYWxsICpuZ0lmPVwiYW5ub3RhdGlvbiAhPT0gJydcIj57eyBhbm5vdGF0aW9uIH19PC9zbWFsbD5cclxuPC9oMT5cclxuIl19
|