@wizishop/angular-components 14.3.25 → 14.3.27
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 +230 -27
- package/esm2020/lib/components/card-price/card-price.component.mjs +3 -3
- package/esm2020/lib/components/charging-bar/charging-bar.component.mjs +19 -0
- package/esm2020/lib/components/content-with-buttons/content-with-buttons.component.mjs +6 -3
- package/esm2020/lib/components/expanded-panel/expanded-panel.component.mjs +24 -0
- package/esm2020/lib/components/header-page/header-page.component.mjs +1 -1
- package/esm2020/lib/components/hn/h1/h1.component.mjs +6 -3
- package/esm2020/lib/components/inputs/input-with-select/input-with-select.component.mjs +5 -10
- package/esm2020/lib/components/link/link.component.mjs +7 -3
- package/esm2020/lib/components/popin/popin.component.mjs +10 -4
- package/esm2020/lib/components/shared-components.module.mjs +15 -4
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/wizishop-angular-components.mjs +83 -25
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +82 -25
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/charging-bar/charging-bar.component.d.ts +9 -0
- package/lib/components/content-with-buttons/content-with-buttons.component.d.ts +2 -1
- package/lib/components/expanded-panel/expanded-panel.component.d.ts +11 -0
- package/lib/components/hn/h1/h1.component.d.ts +2 -1
- package/lib/components/inputs/input-with-select/input-with-select.component.d.ts +4 -5
- package/lib/components/link/link.component.d.ts +3 -1
- package/lib/components/popin/popin.component.d.ts +3 -2
- package/lib/components/shared-components.module.d.ts +46 -44
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/wizishop-angular-components-14.3.27.tgz +0 -0
- package/wizishop-angular-components-14.3.25.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -120,6 +120,7 @@ $wac-google-preview-border: #DADDE0!default;
|
|
|
120
120
|
$wac-google-preview-url: #202124!default;
|
|
121
121
|
$wac-google-preview-title: #1A0DAB!default;
|
|
122
122
|
$wac-google-preview-description: #4D5156!default;
|
|
123
|
+
$wac-charging-bar-background: #E1E6EA!default;
|
|
123
124
|
.zindexToggle {
|
|
124
125
|
z-index: 9!important;
|
|
125
126
|
position: relative;
|
|
@@ -1578,6 +1579,60 @@ wac-block {
|
|
|
1578
1579
|
}
|
|
1579
1580
|
}
|
|
1580
1581
|
|
|
1582
|
+
&.is-green {
|
|
1583
|
+
.wac-button__tooltips {
|
|
1584
|
+
background-color: $wac-green-color-darken!important;
|
|
1585
|
+
color: $wac-white!important;
|
|
1586
|
+
&.right {
|
|
1587
|
+
&:before {
|
|
1588
|
+
border-color: transparent $wac-green-color-darken transparent transparent;
|
|
1589
|
+
}
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
&.left {
|
|
1593
|
+
&:before {
|
|
1594
|
+
border-color: transparent transparent transparent $wac-green-color-darken;
|
|
1595
|
+
}
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1598
|
+
&.top-center {
|
|
1599
|
+
&:before {
|
|
1600
|
+
border-color: $wac-green-color-darken transparent transparent transparent;
|
|
1601
|
+
}
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
&.top-right {
|
|
1605
|
+
&:before {
|
|
1606
|
+
border-color: $wac-green-color-darken transparent transparent transparent;
|
|
1607
|
+
}
|
|
1608
|
+
}
|
|
1609
|
+
|
|
1610
|
+
&.top-left {
|
|
1611
|
+
&:before {
|
|
1612
|
+
border-color: $wac-green-color-darken transparent transparent transparent;
|
|
1613
|
+
}
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
&.bottom-center {
|
|
1617
|
+
&:before {
|
|
1618
|
+
border-color: transparent transparent $wac-green-color-darken transparent;
|
|
1619
|
+
}
|
|
1620
|
+
}
|
|
1621
|
+
|
|
1622
|
+
&.bottom-right {
|
|
1623
|
+
&:before {
|
|
1624
|
+
border-color: transparent transparent $wac-green-color-darken transparent;
|
|
1625
|
+
}
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
&.bottom-left {
|
|
1629
|
+
&:before {
|
|
1630
|
+
border-color: transparent transparent $wac-green-color-darken transparent;
|
|
1631
|
+
}
|
|
1632
|
+
}
|
|
1633
|
+
}
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1581
1636
|
&.is-success {
|
|
1582
1637
|
background-color: $wac-green-color;
|
|
1583
1638
|
border-color: $wac-green-color;
|
|
@@ -1823,6 +1878,7 @@ wac-block {
|
|
|
1823
1878
|
&.oneline {
|
|
1824
1879
|
width: auto!important;
|
|
1825
1880
|
white-space: nowrap;
|
|
1881
|
+
min-width: unset!important;
|
|
1826
1882
|
}
|
|
1827
1883
|
|
|
1828
1884
|
@include media('>=tablet') {
|
|
@@ -2625,6 +2681,47 @@ wac-block {
|
|
|
2625
2681
|
width: 100%;
|
|
2626
2682
|
}
|
|
2627
2683
|
}
|
|
2684
|
+
.wac-charging-bar {
|
|
2685
|
+
width: 100%;
|
|
2686
|
+
margin: 0 0 20px;
|
|
2687
|
+
display: flex;
|
|
2688
|
+
align-items: center;
|
|
2689
|
+
&__wrapLine {
|
|
2690
|
+
width: 100%;
|
|
2691
|
+
height: 16px;
|
|
2692
|
+
display: flex;
|
|
2693
|
+
align-items: center;
|
|
2694
|
+
&__line {
|
|
2695
|
+
width: 100%;
|
|
2696
|
+
height: 6px;
|
|
2697
|
+
border-radius: 43px;
|
|
2698
|
+
background-color: $wac-charging-bar-background;
|
|
2699
|
+
position: relative;
|
|
2700
|
+
&__width {
|
|
2701
|
+
position: absolute;
|
|
2702
|
+
top: 0;
|
|
2703
|
+
left: 0;
|
|
2704
|
+
width: 100%;
|
|
2705
|
+
height: 6px;
|
|
2706
|
+
border-radius: 43px;
|
|
2707
|
+
max-width: 0;
|
|
2708
|
+
background-color: $wac-primary-button;
|
|
2709
|
+
transition: max-width .3s ease;
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2712
|
+
}
|
|
2713
|
+
&__number {
|
|
2714
|
+
width: rem(40);
|
|
2715
|
+
min-width: rem(40);
|
|
2716
|
+
margin: 0 0 0 rem(10);
|
|
2717
|
+
line-height: 1;
|
|
2718
|
+
white-space: nowrap;
|
|
2719
|
+
text-align: right;
|
|
2720
|
+
font-size: rem(14);
|
|
2721
|
+
color: $wac-main-text;
|
|
2722
|
+
font-weight: 400;
|
|
2723
|
+
}
|
|
2724
|
+
}
|
|
2628
2725
|
.wac-field-checkbox {
|
|
2629
2726
|
&.disable-wt {
|
|
2630
2727
|
.wac-field-checkbox__row {
|
|
@@ -2870,7 +2967,7 @@ wac-block {
|
|
|
2870
2967
|
}
|
|
2871
2968
|
&__text {
|
|
2872
2969
|
width: 100%;
|
|
2873
|
-
max-width: calc(100% -
|
|
2970
|
+
max-width: calc(100% - 100px);
|
|
2874
2971
|
&__count {
|
|
2875
2972
|
margin: 0;
|
|
2876
2973
|
width: 100%;
|
|
@@ -3324,6 +3421,64 @@ wac-block {
|
|
|
3324
3421
|
z-index: 2;
|
|
3325
3422
|
}
|
|
3326
3423
|
}
|
|
3424
|
+
.wac-expanded-panel {
|
|
3425
|
+
width: 100%;
|
|
3426
|
+
display: flex;
|
|
3427
|
+
flex-direction: column;
|
|
3428
|
+
align-items: flex-start;
|
|
3429
|
+
justify-content: flex-start;
|
|
3430
|
+
margin: 0 0 rem(30);
|
|
3431
|
+
&__top {
|
|
3432
|
+
width: 100%;
|
|
3433
|
+
display: flex;
|
|
3434
|
+
cursor: pointer;
|
|
3435
|
+
&__label {
|
|
3436
|
+
width: 100%;
|
|
3437
|
+
font-size: rem(14);
|
|
3438
|
+
line-height: rem(22);
|
|
3439
|
+
font-weight: 500;
|
|
3440
|
+
&.big {
|
|
3441
|
+
font-size: rem(20);
|
|
3442
|
+
line-height: rem(26);
|
|
3443
|
+
font-weight: 600;
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
&__icon {
|
|
3447
|
+
width: auto;
|
|
3448
|
+
white-space: nowrap;
|
|
3449
|
+
margin: 0 0 0 rem(20);
|
|
3450
|
+
display: flex;
|
|
3451
|
+
justify-content: center;
|
|
3452
|
+
align-items: center;
|
|
3453
|
+
align-content: center;
|
|
3454
|
+
&.big {
|
|
3455
|
+
i {
|
|
3456
|
+
font-size: rem(20);
|
|
3457
|
+
}
|
|
3458
|
+
}
|
|
3459
|
+
&.is-open {
|
|
3460
|
+
i {
|
|
3461
|
+
transform: scale(-1, -1);
|
|
3462
|
+
}
|
|
3463
|
+
}
|
|
3464
|
+
i {
|
|
3465
|
+
font-size: rem(16);
|
|
3466
|
+
transform: scale(1, 1);
|
|
3467
|
+
transition: .3s ease;
|
|
3468
|
+
}
|
|
3469
|
+
}
|
|
3470
|
+
}
|
|
3471
|
+
&__bottom {
|
|
3472
|
+
width: 100%;
|
|
3473
|
+
margin: rem(15) 0 0;
|
|
3474
|
+
max-height: 0;
|
|
3475
|
+
overflow: hidden;
|
|
3476
|
+
transition: .6s ease;
|
|
3477
|
+
&.is-open {
|
|
3478
|
+
max-height: 50em;
|
|
3479
|
+
}
|
|
3480
|
+
}
|
|
3481
|
+
}
|
|
3327
3482
|
.wac-filters {
|
|
3328
3483
|
width: 100%;
|
|
3329
3484
|
&__wrapper {
|
|
@@ -3783,7 +3938,7 @@ wac-block {
|
|
|
3783
3938
|
}
|
|
3784
3939
|
}
|
|
3785
3940
|
}
|
|
3786
|
-
|
|
3941
|
+
.wac-link {
|
|
3787
3942
|
position: relative;
|
|
3788
3943
|
color: $wac-link-color;
|
|
3789
3944
|
display: inline-block;
|
|
@@ -3809,6 +3964,31 @@ a.wac-link {
|
|
|
3809
3964
|
&:before {
|
|
3810
3965
|
max-width: 100%;
|
|
3811
3966
|
}
|
|
3967
|
+
.wac-link {
|
|
3968
|
+
&__tooltip {
|
|
3969
|
+
opacity: .8;
|
|
3970
|
+
visibility: visible;
|
|
3971
|
+
transition: opacity .3s ease .05s, visibility 0s linear 0s;
|
|
3972
|
+
}
|
|
3973
|
+
}
|
|
3974
|
+
}
|
|
3975
|
+
&__tooltip {
|
|
3976
|
+
position: absolute;
|
|
3977
|
+
bottom: calc(100% + 10px);
|
|
3978
|
+
left: 50%;
|
|
3979
|
+
transform: translateX(-50%);
|
|
3980
|
+
width: auto;
|
|
3981
|
+
max-width: 100vw;
|
|
3982
|
+
padding: 4px;
|
|
3983
|
+
border-radius: 3px;
|
|
3984
|
+
background: $wac-main-text;
|
|
3985
|
+
color: $wac-white;
|
|
3986
|
+
min-width: 100%;
|
|
3987
|
+
visibility: hidden;
|
|
3988
|
+
text-align: center;
|
|
3989
|
+
font-size: 12px;
|
|
3990
|
+
opacity: 0;
|
|
3991
|
+
transition: opacity .3s ease 0s, visibility 0s linear .35s;
|
|
3812
3992
|
}
|
|
3813
3993
|
}
|
|
3814
3994
|
.wac-loader {
|
|
@@ -6116,6 +6296,28 @@ wac-optional-disable-container {
|
|
|
6116
6296
|
}
|
|
6117
6297
|
}
|
|
6118
6298
|
.wac-text-area {
|
|
6299
|
+
|
|
6300
|
+
::-webkit-input-placeholder {
|
|
6301
|
+
/* Chrome/Opera/Safari */
|
|
6302
|
+
color: $wac-placeholder-color !important;
|
|
6303
|
+
opacity: 1;
|
|
6304
|
+
}
|
|
6305
|
+
::-moz-placeholder {
|
|
6306
|
+
/* Firefox 19+ */
|
|
6307
|
+
color: $wac-placeholder-color !important;
|
|
6308
|
+
opacity: 1;
|
|
6309
|
+
}
|
|
6310
|
+
:-ms-input-placeholder {
|
|
6311
|
+
/* IE 10+ */
|
|
6312
|
+
color: $wac-placeholder-color !important;
|
|
6313
|
+
opacity: 1;
|
|
6314
|
+
}
|
|
6315
|
+
:-moz-placeholder {
|
|
6316
|
+
/* Firefox 18- */
|
|
6317
|
+
color: $wac-placeholder-color !important;
|
|
6318
|
+
opacity: 1;
|
|
6319
|
+
}
|
|
6320
|
+
|
|
6119
6321
|
label {
|
|
6120
6322
|
padding: 0!important;
|
|
6121
6323
|
font-size: rem(14)!important;
|
|
@@ -6243,7 +6445,7 @@ wac-optional-disable-container {
|
|
|
6243
6445
|
.wac-token-check {
|
|
6244
6446
|
display: inline-block;
|
|
6245
6447
|
position: relative;
|
|
6246
|
-
padding:
|
|
6448
|
+
padding: 11px 20px;
|
|
6247
6449
|
border-style: solid;
|
|
6248
6450
|
border-width: 1px;
|
|
6249
6451
|
border-radius: 3px;
|
|
@@ -6274,13 +6476,14 @@ span.wac-tooltip {
|
|
|
6274
6476
|
.tooltip-content {
|
|
6275
6477
|
position: absolute;
|
|
6276
6478
|
width: 500px;
|
|
6277
|
-
background-color: $wac-
|
|
6278
|
-
color: $wac-
|
|
6479
|
+
background-color: transparentize($wac-second-color, .1);
|
|
6480
|
+
color: $wac-white;
|
|
6481
|
+
font-size: rem(12);
|
|
6279
6482
|
display: block;
|
|
6280
6483
|
left: 30px;
|
|
6281
6484
|
top: 0;
|
|
6282
|
-
|
|
6283
|
-
|
|
6485
|
+
padding: 4px;
|
|
6486
|
+
border-radius: 3px;
|
|
6284
6487
|
z-index: 100;
|
|
6285
6488
|
}
|
|
6286
6489
|
}
|
|
@@ -6637,6 +6840,26 @@ h4.wac-h4 {
|
|
|
6637
6840
|
}
|
|
6638
6841
|
}
|
|
6639
6842
|
.wac-input {
|
|
6843
|
+
::-webkit-input-placeholder {
|
|
6844
|
+
/* Chrome/Opera/Safari */
|
|
6845
|
+
color: $wac-placeholder-color !important;
|
|
6846
|
+
opacity: 1;
|
|
6847
|
+
}
|
|
6848
|
+
::-moz-placeholder {
|
|
6849
|
+
/* Firefox 19+ */
|
|
6850
|
+
color: $wac-placeholder-color !important;
|
|
6851
|
+
opacity: 1;
|
|
6852
|
+
}
|
|
6853
|
+
:-ms-input-placeholder {
|
|
6854
|
+
/* IE 10+ */
|
|
6855
|
+
color: $wac-placeholder-color !important;
|
|
6856
|
+
opacity: 1;
|
|
6857
|
+
}
|
|
6858
|
+
:-moz-placeholder {
|
|
6859
|
+
/* Firefox 18- */
|
|
6860
|
+
color: $wac-placeholder-color !important;
|
|
6861
|
+
opacity: 1;
|
|
6862
|
+
}
|
|
6640
6863
|
.field-label {
|
|
6641
6864
|
margin-bottom: 0!important;
|
|
6642
6865
|
&.is-normal {
|
|
@@ -6685,26 +6908,6 @@ h4.wac-h4 {
|
|
|
6685
6908
|
background-color: transparent;
|
|
6686
6909
|
}
|
|
6687
6910
|
}
|
|
6688
|
-
::-webkit-input-placeholder {
|
|
6689
|
-
/* Chrome/Opera/Safari */
|
|
6690
|
-
color: $wac-placeholder-color !important;
|
|
6691
|
-
opacity: 1;
|
|
6692
|
-
}
|
|
6693
|
-
::-moz-placeholder {
|
|
6694
|
-
/* Firefox 19+ */
|
|
6695
|
-
color: $wac-placeholder-color !important;
|
|
6696
|
-
opacity: 1;
|
|
6697
|
-
}
|
|
6698
|
-
:-ms-input-placeholder {
|
|
6699
|
-
/* IE 10+ */
|
|
6700
|
-
color: $wac-placeholder-color !important;
|
|
6701
|
-
opacity: 1;
|
|
6702
|
-
}
|
|
6703
|
-
:-moz-placeholder {
|
|
6704
|
-
/* Firefox 18- */
|
|
6705
|
-
color: $wac-placeholder-color !important;
|
|
6706
|
-
opacity: 1;
|
|
6707
|
-
}
|
|
6708
6911
|
}
|
|
6709
6912
|
|
|
6710
6913
|
label {
|
|
@@ -22,10 +22,10 @@ export class CardPriceComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
CardPriceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardPriceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\"
|
|
25
|
+
CardPriceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardPriceComponent, selector: "wac-card-price", inputs: { amount: "amount", title: "title", selected: "selected", btnLabelSelected: "btnLabelSelected", price: "price", currency: "currency", priceWording: "priceWording", subtitle: "subtitle", btnLabel: "btnLabel", packageSubtitle: "packageSubtitle", linkPackageLabel: "linkPackageLabel", disabled: "disabled", btnTextcolor: "btnTextcolor", extraClasses: "extraClasses", extraClassesSelected: "extraClassesSelected", hideButton: "hideButton" }, outputs: { confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "component", type: i3.LinkComponent, selector: "wac-link", inputs: ["href", "tooltip", "tooltipWidth", "target", "id", "class", "fontSize"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardPriceComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\"
|
|
28
|
+
args: [{ selector: 'wac-card-price', template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n <strong>{{amount}}</strong>\n <p>{{title}}</p>\n <div class=\"price\">\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\n </div>\n <div class=\"subtitle\">{{subtitle}}</div>\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n </div>\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n </div>\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n </div>\n</div>\n" }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { amount: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], title: [{
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
63
63
|
}], cancel: [{
|
|
64
64
|
type: Output
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1wcmljZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtcHJpY2UvY2FyZC1wcmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQU03RSxNQUFNLE9BQU8sa0JBQWtCO0lBc0Q3QjtRQTdDQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBMkJqQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRzFCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO1FBR3pCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLHlCQUFvQixHQUFHLHdCQUF3QixDQUFDO1FBR2hELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFRixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELENBQUM7SUFFakIsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQzs7K0dBOURVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVpQkNOL0IsMGtDQWtCQTsyRkRaYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU0xQixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUdXLE9BQU87c0JBQXZCLE1BQU07Z0JBRVUsTUFBTTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jYXJkLXByaWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtcHJpY2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkUHJpY2VDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGFtb3VudDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5MYWJlbFNlbGVjdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHJpY2U6IHN0cmluZyB8IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBjdXJyZW5jeTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByaWNlV29yZGluZzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHN1YnRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYnRuTGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYWNrYWdlU3VidGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsaW5rUGFja2FnZUxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBidG5UZXh0Y29sb3IgPSAnI2ZmZmZmZic7XG5cbiAgQElucHV0KClcbiAgZXh0cmFDbGFzc2VzID0gJ2lzLXN1Y2Nlc3MnO1xuXG4gIEBJbnB1dCgpXG4gIGV4dHJhQ2xhc3Nlc1NlbGVjdGVkID0gJ2lzLXN1Y2Nlc3MgaXMtb3V0bGluZWQnO1xuXG4gIEBJbnB1dCgpXG4gIGhpZGVCdXR0b24gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgcHVibGljIGNvbmZpcm06IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2FuY2VsOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIHRyaWdnZXJDbGljaygpIHtcbiAgICB0aGlzLmNvbmZpcm0uZW1pdCh0cnVlKTtcbiAgfVxuXG4gIHJlbW92ZVBhY2thZ2VUcmlnZ2VyKCkge1xuICAgIHRoaXMuY2FuY2VsLmVtaXQodHJ1ZSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1jYXJkLXByaWNlXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZCc6IHNlbGVjdGVkfVwiPlxuICA8c3Ryb25nPnt7YW1vdW50fX08L3N0cm9uZz5cbiAgPHA+e3t0aXRsZX19PC9wPlxuICA8ZGl2IGNsYXNzPVwicHJpY2VcIj5cbiAgICA8c3BhbiBjbGFzcz1cImFtb3VudFwiPnt7cHJpY2V9fSA8c3Bhbj57e2N1cnJlbmN5fX08L3NwYW4+PC9zcGFuPjxzcGFuIGNsYXNzPVwibW9udGhcIiBbaW5uZXJIVE1MXT1cInByaWNlV29yZGluZ1wiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7c3VidGl0bGV9fTwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY3RhXCIgKm5nSWY9XCIhc2VsZWN0ZWQgJiYgIWhpZGVCdXR0b25cIj5cbiAgICA8d2FjLWJ1dHRvbiBbbm9QYWRkaW5nXT1cInRydWVcIiBbbGFiZWxdPVwiYnRuTGFiZWxcIiBbZXh0cmFDbGFzc2VzXT1cImV4dHJhQ2xhc3Nlc1wiIChjbGljayk9XCJ0cmlnZ2VyQ2xpY2soKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIiBbdGV4dGNvbG9yXT1cImJ0blRleHRjb2xvclwiPjwvd2FjLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjdGFcIiAqbmdJZj1cInNlbGVjdGVkICYmICFoaWRlQnV0dG9uXCI+XG4gICAgPHdhYy1idXR0b24gW25vUGFkZGluZ109XCJ0cnVlXCIgW2ljb25dPVwiJ2ZhLXNvbGlkIGZhLWNoZWNrJ1wiIFtsYWJlbF09XCJidG5MYWJlbFNlbGVjdGVkXCIgW2V4dHJhQ2xhc3Nlc109XCJleHRyYUNsYXNzZXNTZWxlY3RlZFwiIFt3aGl0ZVNwYWNlTm93cmFwXT1cInRydWVcIj48L3dhYy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicGFja2FnZS1zdWJ0aXRsZVwiICpuZ0lmPVwic2VsZWN0ZWRcIj57e3BhY2thZ2VTdWJ0aXRsZX19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJsaW5rLWJvdHRvbVwiICpuZ0lmPVwibGlua1BhY2thZ2VMYWJlbFwiPlxuICAgIDx3YWMtbGluayAoY2xpY2spPVwicmVtb3ZlUGFja2FnZVRyaWdnZXIoKVwiPnt7bGlua1BhY2thZ2VMYWJlbH19PC93YWMtbGluaz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class ChargingBarComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.value = 0;
|
|
7
|
+
}
|
|
8
|
+
ngOnInit() {
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
ChargingBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ChargingBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
ChargingBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ChargingBarComponent, selector: "wac-charging-bar", inputs: { value: "value" }, ngImport: i0, template: "<div class=\"wac-charging-bar\">\n <div class=\"wac-charging-bar__wrapLine\">\n <div class=\"wac-charging-bar__wrapLine__line\">\n <div class=\"wac-charging-bar__wrapLine__line__width\" [ngStyle]=\"{'max-width': value + '%'}\"></div>\n </div>\n </div>\n <div class=\"wac-charging-bar__number\" [innerHTML]=\"value + '%'\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ChargingBarComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'wac-charging-bar', template: "<div class=\"wac-charging-bar\">\n <div class=\"wac-charging-bar__wrapLine\">\n <div class=\"wac-charging-bar__wrapLine__line\">\n <div class=\"wac-charging-bar__wrapLine__line__width\" [ngStyle]=\"{'max-width': value + '%'}\"></div>\n </div>\n </div>\n <div class=\"wac-charging-bar__number\" [innerHTML]=\"value + '%'\"></div>\n</div>\n" }]
|
|
16
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}] } });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmdpbmctYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2hhcmdpbmctYmFyL2NoYXJnaW5nLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NoYXJnaW5nLWJhci9jaGFyZ2luZy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7OztBQU12RCxNQUFNLE9BQU8sb0JBQW9CO0lBSy9CO1FBRkEsVUFBSyxHQUFHLENBQUMsQ0FBQztJQUVNLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O2lIQVJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9GQ05qQyxrV0FRQTsyRkRGYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0Usa0JBQWtCOzBFQU01QixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jaGFyZ2luZy1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhcmdpbmctYmFyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDaGFyZ2luZ0JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KClcbiAgdmFsdWUgPSAwO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIndhYy1jaGFyZ2luZy1iYXJcIj5cbiAgPGRpdiBjbGFzcz1cIndhYy1jaGFyZ2luZy1iYXJfX3dyYXBMaW5lXCI+XG4gICAgPGRpdiBjbGFzcz1cIndhYy1jaGFyZ2luZy1iYXJfX3dyYXBMaW5lX19saW5lXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwid2FjLWNoYXJnaW5nLWJhcl9fd3JhcExpbmVfX2xpbmVfX3dpZHRoXCIgW25nU3R5bGVdPVwieydtYXgtd2lkdGgnOiB2YWx1ZSArICclJ31cIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ3YWMtY2hhcmdpbmctYmFyX19udW1iZXJcIiBbaW5uZXJIVE1MXT1cInZhbHVlICsgJyUnXCI+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -9,6 +9,7 @@ export class ContentWithButtonsComponent {
|
|
|
9
9
|
this.iconTranslate = 'fa-regular fa-globe';
|
|
10
10
|
this.tooltipCopy = '';
|
|
11
11
|
this.tooltipTranslate = '';
|
|
12
|
+
this.tooltipLinkReport = '';
|
|
12
13
|
this.count = true;
|
|
13
14
|
this.countCharacterLabel = 'caractères';
|
|
14
15
|
this.countWordsLabel = 'mots';
|
|
@@ -39,10 +40,10 @@ export class ContentWithButtonsComponent {
|
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
ContentWithButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ContentWithButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
ContentWithButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ContentWithButtonsComponent, selector: "wac-content-with-buttons", inputs: { iconCopy: "iconCopy", iconTranslate: "iconTranslate", tooltipCopy: "tooltipCopy", tooltipTranslate: "tooltipTranslate", count: "count", countCharacterLabel: "countCharacterLabel", countWordsLabel: "countWordsLabel", reportLabel: "reportLabel" }, outputs: { copyAction: "copyAction", reportAction: "reportAction", translateAction: "translateAction" }, ngImport: i0, template: "<div class=\"wac-content-with-buttons\">\n <div class=\"wac-content-with-buttons__text\">\n <div id=\"{{randomLabelName}}\">\n <ng-content></ng-content>\n </div>\n <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\n <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\n <span><wac-link (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\n </div>\n </div>\n <div class=\"wac-content-with-buttons__cta\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [
|
|
43
|
+
ContentWithButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ContentWithButtonsComponent, selector: "wac-content-with-buttons", inputs: { iconCopy: "iconCopy", iconTranslate: "iconTranslate", tooltipCopy: "tooltipCopy", tooltipTranslate: "tooltipTranslate", tooltipLinkReport: "tooltipLinkReport", count: "count", countCharacterLabel: "countCharacterLabel", countWordsLabel: "countWordsLabel", reportLabel: "reportLabel" }, outputs: { copyAction: "copyAction", reportAction: "reportAction", translateAction: "translateAction" }, ngImport: i0, template: "<div class=\"wac-content-with-buttons\">\n <div class=\"wac-content-with-buttons__text\">\n <div id=\"{{randomLabelName}}\">\n <ng-content></ng-content>\n </div>\n <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\n <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\n <span><wac-link [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\n </div>\n </div>\n <div class=\"wac-content-with-buttons__cta\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "component", type: i3.LinkComponent, selector: "wac-link", inputs: ["href", "tooltip", "tooltipWidth", "target", "id", "class", "fontSize"] }] });
|
|
43
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ContentWithButtonsComponent, decorators: [{
|
|
44
45
|
type: Component,
|
|
45
|
-
args: [{ selector: 'wac-content-with-buttons', template: "<div class=\"wac-content-with-buttons\">\n <div class=\"wac-content-with-buttons__text\">\n <div id=\"{{randomLabelName}}\">\n <ng-content></ng-content>\n </div>\n <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\n <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\n <span><wac-link (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\n </div>\n </div>\n <div class=\"wac-content-with-buttons__cta\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [
|
|
46
|
+
args: [{ selector: 'wac-content-with-buttons', template: "<div class=\"wac-content-with-buttons\">\n <div class=\"wac-content-with-buttons__text\">\n <div id=\"{{randomLabelName}}\">\n <ng-content></ng-content>\n </div>\n <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\n <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\n <span><wac-link [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\n </div>\n </div>\n <div class=\"wac-content-with-buttons__cta\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\n </div>\n</div>\n" }]
|
|
46
47
|
}], propDecorators: { iconCopy: [{
|
|
47
48
|
type: Input
|
|
48
49
|
}], iconTranslate: [{
|
|
@@ -51,6 +52,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
51
52
|
type: Input
|
|
52
53
|
}], tooltipTranslate: [{
|
|
53
54
|
type: Input
|
|
55
|
+
}], tooltipLinkReport: [{
|
|
56
|
+
type: Input
|
|
54
57
|
}], count: [{
|
|
55
58
|
type: Input
|
|
56
59
|
}], countCharacterLabel: [{
|
|
@@ -66,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
66
69
|
}], translateAction: [{
|
|
67
70
|
type: Output
|
|
68
71
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC13aXRoLWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jb250ZW50LXdpdGgtYnV0dG9ucy9jb250ZW50LXdpdGgtYnV0dG9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbnRlbnQtd2l0aC1idXR0b25zL2NvbnRlbnQtd2l0aC1idXR0b25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBa0MsU0FBUyxFQUFnQixZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNNUgsTUFBTSxPQUFPLDJCQUEyQjtJQUp4QztRQU9FLGFBQVEsR0FBRyxvQkFBb0IsQ0FBQztRQUdoQyxrQkFBYSxHQUFHLHFCQUFxQixDQUFDO1FBR3RDLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBR2pCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUd0QixzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFHdkIsVUFBSyxHQUFHLElBQUksQ0FBQztRQUdiLHdCQUFtQixHQUFHLFlBQVksQ0FBQztRQUduQyxvQkFBZSxHQUFHLE1BQU0sQ0FBQztRQU16QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUd6QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFHM0Msb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBSTlDLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0tBK0J0QjtJQXhCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUN4RSxDQUFDO0lBRUQsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsOEJBQThCLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDakosSUFBSSxDQUFDLGNBQWMsR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUM7WUFDaEUsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQztZQUNuRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7O3dIQXRFVSwyQkFBMkI7NEdBQTNCLDJCQUEyQixpZENOeEMsb3FDQWVBOzJGRFRhLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBTXBDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sbUJBQW1CO3NCQURsQixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxNQUFNO2dCQUlQLFlBQVk7c0JBRFgsTUFBTTtnQkFJUCxlQUFlO3NCQURkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1jb250ZW50LXdpdGgtYnV0dG9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXdpdGgtYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRXaXRoQnV0dG9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQElucHV0KClcbiAgaWNvbkNvcHkgPSAnZmEtZHVvdG9uZSBmYS1jb3B5JztcblxuICBASW5wdXQoKVxuICBpY29uVHJhbnNsYXRlID0gJ2ZhLXJlZ3VsYXIgZmEtZ2xvYmUnO1xuXG4gIEBJbnB1dCgpXG4gIHRvb2x0aXBDb3B5ID0gJyc7XG5cbiAgQElucHV0KClcbiAgdG9vbHRpcFRyYW5zbGF0ZSA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHRvb2x0aXBMaW5rUmVwb3J0ID0gJyc7XG5cbiAgQElucHV0KClcbiAgY291bnQgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50Q2hhcmFjdGVyTGFiZWwgPSAnY2FyYWN0w6hyZXMnO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50V29yZHNMYWJlbCA9ICdtb3RzJztcblxuICBASW5wdXQoKVxuICByZXBvcnRMYWJlbDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKVxuICBjb3B5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBPdXRwdXQoKVxuICByZXBvcnRBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHRyYW5zbGF0ZUFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb3VudFdvcmRzOiBudW1iZXI7XG5cbiAgY291bnRJc1JlYWR5ID0gZmFsc2U7XG5cbiAgY291bnRDaGFyYWN0ZXI6IG51bWJlcjtcblxuICByYW5kb21MYWJlbE5hbWU6IHN0cmluZztcblxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmFuZG9tTGFiZWxOYW1lID0gJ2NvbnRlbnQtJyArIE1hdGgucmFuZG9tKCkgKiAoOTAwIC0gNzAwKSArIDcwMDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLnJhbmRvbUxhYmVsTmFtZSkuaW5uZXJIVE1MLnJlcGxhY2UoLyg8KFtePl0rKT4pL2dpLCAnJykucmVwbGFjZSgvWy4sXFwvIyEkJVxcXiZcXCo7Ont9PVxcLV9gfigpXS9nLCAnJyk7XG4gICAgICB0aGlzLmNvdW50Q2hhcmFjdGVyID0gY29udGVudC50cmltKCkuc3BsaXQoJyAnKS5qb2luKCcnKS5sZW5ndGg7XG4gICAgICB0aGlzLmNvdW50V29yZHMgPSBjb250ZW50LnRyaW0oKS5zcGxpdCgnICcpLmxlbmd0aDtcbiAgICAgIHRoaXMuY291bnRJc1JlYWR5ID0gdHJ1ZTtcbiAgICB9KTtcbiAgfVxuXG4gIGV2ZW50Q29weSgpIHtcbiAgICB0aGlzLmNvcHlBY3Rpb24uZW1pdCh0cnVlKTtcbiAgfVxuXG4gIGV2ZW50VHJhbnNsYXRlKCkge1xuICAgIHRoaXMudHJhbnNsYXRlQWN0aW9uLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBldmVudFJlcG9ydCgpIHtcbiAgICB0aGlzLnJlcG9ydEFjdGlvbi5lbWl0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwid2FjLWNvbnRlbnQtd2l0aC1idXR0b25zXCI+XG4gIDxkaXYgY2xhc3M9XCJ3YWMtY29udGVudC13aXRoLWJ1dHRvbnNfX3RleHRcIj5cbiAgICA8ZGl2IGlkPVwie3tyYW5kb21MYWJlbE5hbWV9fVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtY29udGVudC13aXRoLWJ1dHRvbnNfX3RleHRfX2NvdW50XCIgKm5nSWY9XCJjb3VudCAmJiBjb3VudElzUmVhZHlcIj5cbiAgICAgIDxzcGFuPnt7IGNvdW50V29yZHMgfX0ge3sgY291bnRXb3Jkc0xhYmVsIH19IC0ge3sgY291bnRDaGFyYWN0ZXIgfX0ge3sgY291bnRDaGFyYWN0ZXJMYWJlbCB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuPjx3YWMtbGluayBbdG9vbHRpcFdpZHRoXT1cIjYwMFwiIFt0b29sdGlwXT1cInRvb2x0aXBMaW5rUmVwb3J0XCIgKGNsaWNrKT1cIiRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1wiIChtb3VzZWRvd24pPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7ZXZlbnRSZXBvcnQoKTtcIiBmb250U2l6ZT1cIjEycHhcIj57eyByZXBvcnRMYWJlbCB9fTwvd2FjLWxpbms+PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIndhYy1jb250ZW50LXdpdGgtYnV0dG9uc19fY3RhXCI+XG4gICAgPGRpdj48d2FjLWJ1dHRvbiBleHRyYUNsYXNzZXM9XCJpcy1ibHVlIG9wYWNpdHkgc3RhdGljLXdpZHRoXCIgIFtpY29uRm9udFNpemVdPVwiMThcIiBbaWNvbl09XCJpY29uQ29weVwiIChjbGljayk9XCJldmVudENvcHkoKVwiIFt0b29sdGlwXT1cInRvb2x0aXBDb3B5XCIgW3Rvb2x0aXBQb3NpdGlvbl09XCIndG9wLWNlbnRlcidcIiBbdG9vbHRpcE9uZWxpbmVdPVwidHJ1ZVwiPjwvd2FjLWJ1dHRvbj48L2Rpdj5cbiAgICA8ZGl2Pjx3YWMtYnV0dG9uIGV4dHJhQ2xhc3Nlcz1cImlzLWdyZWVuIG9wYWNpdHkgc3RhdGljLXdpZHRoXCIgW2ljb25Gb250U2l6ZV09XCIxOFwiIFtpY29uXT1cImljb25UcmFuc2xhdGVcIiBbdG9vbHRpcF09XCJ0b29sdGlwVHJhbnNsYXRlXCIgW3Rvb2x0aXBQb3NpdGlvbl09XCIndG9wLWNlbnRlcidcIiBbdG9vbHRpcE9uZWxpbmVdPVwidHJ1ZVwiIChjbGljayk9XCJldmVudFRyYW5zbGF0ZSgpXCI+PC93YWMtYnV0dG9uPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class ExpandedPanelComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.section = false;
|
|
7
|
+
this.open = false;
|
|
8
|
+
}
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
ExpandedPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpandedPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
ExpandedPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ExpandedPanelComponent, selector: "wac-expanded-panel", inputs: { label: "label", section: "section", open: "open" }, ngImport: i0, template: "<div class=\"wac-expanded-panel\">\n <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\n <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\n <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\n <i class=\"fa-regular fa-angle-down\"></i>\n </div>\n </div>\n <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpandedPanelComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'wac-expanded-panel', template: "<div class=\"wac-expanded-panel\">\n <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\n <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\n <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\n <i class=\"fa-regular fa-angle-down\"></i>\n </div>\n </div>\n <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
17
|
+
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], section: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], open: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kZWQtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9leHBhbmRlZC1wYW5lbC9leHBhbmRlZC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2V4cGFuZGVkLXBhbmVsL2V4cGFuZGVkLXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDOzs7QUFNdkQsTUFBTSxPQUFPLHNCQUFzQjtJQVdqQztRQUxBLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHaEIsU0FBSSxHQUFHLEtBQUssQ0FBQztJQUVHLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O21IQWRVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHdIQ05uQyxtZ0JBV0E7MkZETGEsc0JBQXNCO2tCQUpsQyxTQUFTOytCQUNFLG9CQUFvQjswRUFNOUIsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1leHBhbmRlZC1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRlZC1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZGVkUGFuZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc2VjdGlvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIG9wZW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3YWMtZXhwYW5kZWQtcGFuZWxcIj5cbiAgPGRpdiBjbGFzcz1cIndhYy1leHBhbmRlZC1wYW5lbF9fdG9wXCIgKGNsaWNrKT1cIm9wZW4gPSAhb3BlblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtZXhwYW5kZWQtcGFuZWxfX3RvcF9fbGFiZWxcIiBbbmdDbGFzc109XCJ7J2JpZyc6IHNlY3Rpb259XCIgW2lubmVySFRNTF09XCJsYWJlbFwiPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3YWMtZXhwYW5kZWQtcGFuZWxfX3RvcF9faWNvblwiIFtuZ0NsYXNzXT1cInsnaXMtb3Blbic6IG9wZW4sICdiaWcnOiBzZWN0aW9ufVwiPlxuICAgICAgPGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLWFuZ2xlLWRvd25cIj48L2k+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwid2FjLWV4cGFuZGVkLXBhbmVsX19ib3R0b21cIiBbbmdDbGFzc109XCJ7J2lzLW9wZW4nOiBvcGVufVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -10,7 +10,7 @@ export class HeaderPageComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center" }, ngImport: i0, template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center"] }] });
|
|
13
|
+
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center" }, ngImport: i0, template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\n <div class=\"wac-header-page__maxWidth\">\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n <!-- TODO Hard to use when only want a button and not a router link -->\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n </div>\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n </div>\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
@@ -6,18 +6,21 @@ export class H1Component {
|
|
|
6
6
|
this.annotation = '';
|
|
7
7
|
this.withImg = false;
|
|
8
8
|
this.center = false;
|
|
9
|
+
this.color = null;
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
12
|
H1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H1Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: H1Component, selector: "wac-h1", inputs: { annotation: "annotation", withImg: "withImg", center: "center" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
13
|
+
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", 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:''\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H1Component, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n" }]
|
|
16
|
+
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n" }]
|
|
16
17
|
}], ctorParameters: function () { return []; }, propDecorators: { annotation: [{
|
|
17
18
|
type: Input
|
|
18
19
|
}], withImg: [{
|
|
19
20
|
type: Input
|
|
20
21
|
}], center: [{
|
|
21
22
|
type: Input
|
|
23
|
+
}], color: [{
|
|
24
|
+
type: Input
|
|
22
25
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaDEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9obi9oMS9oMS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2huL2gxL2gxLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDOzs7QUFNdkQsTUFBTSxPQUFPLFdBQVc7SUFTdEI7UUFQQSxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBRWhCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLFVBQUssR0FBRyxJQUFJLENBQUM7SUFDRSxDQUFDOzt3R0FUTCxXQUFXOzRGQUFYLFdBQVcsMElDTnhCLHlNQUNBOzJGREthLFdBQVc7a0JBSnZCLFNBQVM7K0JBQ0UsUUFBUTswRUFLbEIsVUFBVTtzQkFEVCxLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBR04sS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtaDEnLFxuICB0ZW1wbGF0ZVVybDogJy4vaDEuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEgxQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgYW5ub3RhdGlvbiA9ICcnO1xuICBASW5wdXQoKVxuICB3aXRoSW1nID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGNlbnRlciA9IGZhbHNlO1xuICBASW5wdXQoKVxuICBjb2xvciA9IG51bGw7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxoMSBjbGFzcz1cIndhYy1oMVwiIFtuZ0NsYXNzXT1cInsnd2l0aC1pbWcnOiB3aXRoSW1nLCAnY2VudGVyJzogY2VudGVyfVwiIFtzdHlsZS5jb2xvcl09XCJjb2xvcj9jb2xvcjonJ1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48c21hbGwgKm5nSWY9XCJhbm5vdGF0aW9uICE9PSAnJ1wiPnt7IGFubm90YXRpb24gfX08L3NtYWxsPjwvaDE+XG4iXX0=
|