@wizishop/angular-components 14.4.22 → 14.4.24
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 +129 -129
- package/assets/i18n/en.json +1 -1
- package/assets/i18n/fr.json +1 -1
- package/esm2020/lib/animations/export.animation.mjs +13 -0
- package/esm2020/lib/animations/list/animate-list-from-bottom.animation.mjs +18 -0
- package/esm2020/lib/animations/list/animate-list-from-left.animation.mjs +18 -0
- package/esm2020/lib/animations/list/animate-list-from-right.animation.mjs +18 -0
- package/esm2020/lib/animations/list/animate-list-from-top.animation.mjs +16 -0
- package/esm2020/lib/animations/show/opacity.animation.mjs +5 -0
- package/esm2020/lib/animations/show/show-from-bottom.animation.mjs +15 -0
- package/esm2020/lib/animations/show/show-from-left.animation.mjs +15 -0
- package/esm2020/lib/animations/show/show-from-right.animation.mjs +15 -0
- package/esm2020/lib/animations/show/show-from-top.animation.mjs +15 -0
- package/esm2020/lib/animations/switch/switch-in-out.animation.mjs +6 -0
- package/esm2020/lib/components/calendar/calendar.component.mjs +16 -6
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/wizishop-angular-components.mjs +148 -7
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +146 -7
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/animations/export.animation.d.ts +12 -0
- package/lib/animations/list/animate-list-from-bottom.animation.d.ts +1 -0
- package/lib/animations/list/animate-list-from-left.animation.d.ts +1 -0
- package/lib/animations/list/animate-list-from-right.animation.d.ts +1 -0
- package/lib/animations/list/animate-list-from-top.animation.d.ts +1 -0
- package/lib/animations/show/opacity.animation.d.ts +1 -0
- package/lib/animations/show/show-from-bottom.animation.d.ts +1 -0
- package/lib/animations/show/show-from-left.animation.d.ts +1 -0
- package/lib/animations/show/show-from-right.animation.d.ts +1 -0
- package/lib/animations/show/show-from-top.animation.d.ts +1 -0
- package/lib/animations/switch/switch-in-out.animation.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/wizishop-angular-components-14.4.24.tgz +0 -0
- package/wizishop-angular-components-14.4.22.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -620,6 +620,135 @@ wac-block {
|
|
|
620
620
|
margin-right: 0;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
|
+
.wac-breadcrumbs {
|
|
624
|
+
width: 100%;
|
|
625
|
+
display: flex;
|
|
626
|
+
align-items: center;
|
|
627
|
+
padding: 0;
|
|
628
|
+
margin: 0 0 10px;
|
|
629
|
+
border-radius: 3px;
|
|
630
|
+
|
|
631
|
+
@include media('<tablet') {
|
|
632
|
+
&:not(.no-responsive) {
|
|
633
|
+
max-width: 100%;
|
|
634
|
+
overflow: hidden;
|
|
635
|
+
.wac-breadcrumbs {
|
|
636
|
+
&__wrapper {
|
|
637
|
+
@include media('<tablet') {
|
|
638
|
+
width: auto;
|
|
639
|
+
overflow-x: scroll;
|
|
640
|
+
}
|
|
641
|
+
}
|
|
642
|
+
&__item {
|
|
643
|
+
@include media('<tablet') {
|
|
644
|
+
width: auto;
|
|
645
|
+
min-width: unset;
|
|
646
|
+
max-width: unset;
|
|
647
|
+
.name {
|
|
648
|
+
white-space: nowrap;
|
|
649
|
+
}
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
&__wrapper {
|
|
657
|
+
width: 100%;
|
|
658
|
+
display: flex;
|
|
659
|
+
align-items: center;
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
&__item {
|
|
663
|
+
width: 100%;
|
|
664
|
+
max-width: 50%;
|
|
665
|
+
display: flex;
|
|
666
|
+
align-items: center;
|
|
667
|
+
justify-content: center;
|
|
668
|
+
position: relative;
|
|
669
|
+
padding: 10px;
|
|
670
|
+
cursor: pointer;
|
|
671
|
+
&:before {
|
|
672
|
+
content: '';
|
|
673
|
+
display: block;
|
|
674
|
+
position: absolute;
|
|
675
|
+
bottom: -5px;
|
|
676
|
+
left: 50%;
|
|
677
|
+
transform: translateX(-50%);
|
|
678
|
+
width: calc(100% - 5px);
|
|
679
|
+
height: 3px;
|
|
680
|
+
background-color: $wac-round-breadcrumbs;
|
|
681
|
+
}
|
|
682
|
+
&.current, &.valid {
|
|
683
|
+
&:before {
|
|
684
|
+
background-color: $wac-wizishop-blue;
|
|
685
|
+
}
|
|
686
|
+
&:hover, &:focus {
|
|
687
|
+
.round {
|
|
688
|
+
background-color: $wac-wizishop-blue;
|
|
689
|
+
border-color: $wac-wizishop-blue;
|
|
690
|
+
> span, > i {
|
|
691
|
+
color: $wac-white;
|
|
692
|
+
}
|
|
693
|
+
}
|
|
694
|
+
.name {
|
|
695
|
+
color: $wac-wizishop-blue;
|
|
696
|
+
}
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
|
|
701
|
+
&.current {
|
|
702
|
+
&:before {
|
|
703
|
+
height: 5px;
|
|
704
|
+
}
|
|
705
|
+
}
|
|
706
|
+
.round {
|
|
707
|
+
min-width: 30px;
|
|
708
|
+
height: 30px;
|
|
709
|
+
border-radius: 30px;
|
|
710
|
+
display: flex;
|
|
711
|
+
justify-content: center;
|
|
712
|
+
align-items: center;
|
|
713
|
+
border: 2px solid $wac-round-breadcrumbs;
|
|
714
|
+
background-color: $wac-round-breadcrumbs;
|
|
715
|
+
transition: .3s ease;
|
|
716
|
+
margin: 0 15px 0 0;
|
|
717
|
+
> span {
|
|
718
|
+
font-size: rem(12);
|
|
719
|
+
font-weight: 500;
|
|
720
|
+
color: $wac-second-color;
|
|
721
|
+
line-height: 1;
|
|
722
|
+
}
|
|
723
|
+
> i {
|
|
724
|
+
font-size: rem(14);
|
|
725
|
+
color: $wac-wizishop-blue;
|
|
726
|
+
}
|
|
727
|
+
&.valid {
|
|
728
|
+
background-color: transparent;
|
|
729
|
+
border-color: $wac-wizishop-blue;
|
|
730
|
+
color: $wac-wizishop-blue;
|
|
731
|
+
}
|
|
732
|
+
&.current:not(.valid) {
|
|
733
|
+
background-color: $wac-wizishop-blue;
|
|
734
|
+
border-color: $wac-wizishop-blue;
|
|
735
|
+
> span, > i {
|
|
736
|
+
color: $wac-white;
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
.name {
|
|
741
|
+
font-size: rem(14);
|
|
742
|
+
font-weight: 500;
|
|
743
|
+
color: $wac-second-color;
|
|
744
|
+
line-height: 1;
|
|
745
|
+
transition: .3s ease;
|
|
746
|
+
&.valid, &.current {
|
|
747
|
+
color: $wac-wizishop-blue;
|
|
748
|
+
}
|
|
749
|
+
}
|
|
750
|
+
}
|
|
751
|
+
}
|
|
623
752
|
.wac-button {
|
|
624
753
|
@include flexbox();
|
|
625
754
|
@include justify-content(center);
|
|
@@ -2465,135 +2594,6 @@ wac-calendar {
|
|
|
2465
2594
|
.datetimepicker .datetimepicker-footer {
|
|
2466
2595
|
display: none;
|
|
2467
2596
|
}
|
|
2468
|
-
.wac-breadcrumbs {
|
|
2469
|
-
width: 100%;
|
|
2470
|
-
display: flex;
|
|
2471
|
-
align-items: center;
|
|
2472
|
-
padding: 0;
|
|
2473
|
-
margin: 0 0 10px;
|
|
2474
|
-
border-radius: 3px;
|
|
2475
|
-
|
|
2476
|
-
@include media('<tablet') {
|
|
2477
|
-
&:not(.no-responsive) {
|
|
2478
|
-
max-width: 100%;
|
|
2479
|
-
overflow: hidden;
|
|
2480
|
-
.wac-breadcrumbs {
|
|
2481
|
-
&__wrapper {
|
|
2482
|
-
@include media('<tablet') {
|
|
2483
|
-
width: auto;
|
|
2484
|
-
overflow-x: scroll;
|
|
2485
|
-
}
|
|
2486
|
-
}
|
|
2487
|
-
&__item {
|
|
2488
|
-
@include media('<tablet') {
|
|
2489
|
-
width: auto;
|
|
2490
|
-
min-width: unset;
|
|
2491
|
-
max-width: unset;
|
|
2492
|
-
.name {
|
|
2493
|
-
white-space: nowrap;
|
|
2494
|
-
}
|
|
2495
|
-
}
|
|
2496
|
-
}
|
|
2497
|
-
}
|
|
2498
|
-
}
|
|
2499
|
-
}
|
|
2500
|
-
|
|
2501
|
-
&__wrapper {
|
|
2502
|
-
width: 100%;
|
|
2503
|
-
display: flex;
|
|
2504
|
-
align-items: center;
|
|
2505
|
-
}
|
|
2506
|
-
|
|
2507
|
-
&__item {
|
|
2508
|
-
width: 100%;
|
|
2509
|
-
max-width: 50%;
|
|
2510
|
-
display: flex;
|
|
2511
|
-
align-items: center;
|
|
2512
|
-
justify-content: center;
|
|
2513
|
-
position: relative;
|
|
2514
|
-
padding: 10px;
|
|
2515
|
-
cursor: pointer;
|
|
2516
|
-
&:before {
|
|
2517
|
-
content: '';
|
|
2518
|
-
display: block;
|
|
2519
|
-
position: absolute;
|
|
2520
|
-
bottom: -5px;
|
|
2521
|
-
left: 50%;
|
|
2522
|
-
transform: translateX(-50%);
|
|
2523
|
-
width: calc(100% - 5px);
|
|
2524
|
-
height: 3px;
|
|
2525
|
-
background-color: $wac-round-breadcrumbs;
|
|
2526
|
-
}
|
|
2527
|
-
&.current, &.valid {
|
|
2528
|
-
&:before {
|
|
2529
|
-
background-color: $wac-wizishop-blue;
|
|
2530
|
-
}
|
|
2531
|
-
&:hover, &:focus {
|
|
2532
|
-
.round {
|
|
2533
|
-
background-color: $wac-wizishop-blue;
|
|
2534
|
-
border-color: $wac-wizishop-blue;
|
|
2535
|
-
> span, > i {
|
|
2536
|
-
color: $wac-white;
|
|
2537
|
-
}
|
|
2538
|
-
}
|
|
2539
|
-
.name {
|
|
2540
|
-
color: $wac-wizishop-blue;
|
|
2541
|
-
}
|
|
2542
|
-
}
|
|
2543
|
-
}
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
&.current {
|
|
2547
|
-
&:before {
|
|
2548
|
-
height: 5px;
|
|
2549
|
-
}
|
|
2550
|
-
}
|
|
2551
|
-
.round {
|
|
2552
|
-
min-width: 30px;
|
|
2553
|
-
height: 30px;
|
|
2554
|
-
border-radius: 30px;
|
|
2555
|
-
display: flex;
|
|
2556
|
-
justify-content: center;
|
|
2557
|
-
align-items: center;
|
|
2558
|
-
border: 2px solid $wac-round-breadcrumbs;
|
|
2559
|
-
background-color: $wac-round-breadcrumbs;
|
|
2560
|
-
transition: .3s ease;
|
|
2561
|
-
margin: 0 15px 0 0;
|
|
2562
|
-
> span {
|
|
2563
|
-
font-size: rem(12);
|
|
2564
|
-
font-weight: 500;
|
|
2565
|
-
color: $wac-second-color;
|
|
2566
|
-
line-height: 1;
|
|
2567
|
-
}
|
|
2568
|
-
> i {
|
|
2569
|
-
font-size: rem(14);
|
|
2570
|
-
color: $wac-wizishop-blue;
|
|
2571
|
-
}
|
|
2572
|
-
&.valid {
|
|
2573
|
-
background-color: transparent;
|
|
2574
|
-
border-color: $wac-wizishop-blue;
|
|
2575
|
-
color: $wac-wizishop-blue;
|
|
2576
|
-
}
|
|
2577
|
-
&.current:not(.valid) {
|
|
2578
|
-
background-color: $wac-wizishop-blue;
|
|
2579
|
-
border-color: $wac-wizishop-blue;
|
|
2580
|
-
> span, > i {
|
|
2581
|
-
color: $wac-white;
|
|
2582
|
-
}
|
|
2583
|
-
}
|
|
2584
|
-
}
|
|
2585
|
-
.name {
|
|
2586
|
-
font-size: rem(14);
|
|
2587
|
-
font-weight: 500;
|
|
2588
|
-
color: $wac-second-color;
|
|
2589
|
-
line-height: 1;
|
|
2590
|
-
transition: .3s ease;
|
|
2591
|
-
&.valid, &.current {
|
|
2592
|
-
color: $wac-wizishop-blue;
|
|
2593
|
-
}
|
|
2594
|
-
}
|
|
2595
|
-
}
|
|
2596
|
-
}
|
|
2597
2597
|
.wac-card-price {
|
|
2598
2598
|
width: 100%;
|
|
2599
2599
|
padding: 30px;
|
package/assets/i18n/en.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"wac.datatable.noresult":"There are no results for this search","wac.input.progressbar.information.good":"Very good","wac.input.progressbar.information.too.long":"Too long","wac.input.progressbar.information.too.short":"Too short","wac.MosaicComponent.import":"Import","wac.PaginationComponent.on":"{{low}}-{{high}} of {{total}}","wac.PaginationComponent.page":"Go to page","wac.simpleSearchComponent.error":"The search field is compulsory"}
|
|
1
|
+
{"wac.datatable.noresult":"There are no results for this search","wac.Date.PlaceHolder.dd/mm/yyyy":"DD/MM/YYYY","wac.Date.PlaceHolder.dd/MM/yyyy_HH:mm":"DD/MM/YYYY HH:MM","wac.Date.PlaceHolder.HH:mm":"HH:MM","wac.input.progressbar.information.good":"Very good","wac.input.progressbar.information.too.long":"Too long","wac.input.progressbar.information.too.short":"Too short","wac.MosaicComponent.import":"Import","wac.PaginationComponent.on":"{{low}}-{{high}} of {{total}}","wac.PaginationComponent.page":"Go to page","wac.simpleSearchComponent.error":"The search field is compulsory"}
|
package/assets/i18n/fr.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"wac.datatable.noresult":"Il n'y a aucun résultat pour cette recherche","wac.input.progressbar.information.good":"Très bien","wac.input.progressbar.information.too.long":"Trop long","wac.input.progressbar.information.too.short":"Trop court","wac.MosaicComponent.import":"Importer","wac.PaginationComponent.on":"{{low}}-{{high}} sur {{total}}","wac.PaginationComponent.page":"Aller à la page","wac.simpleSearchComponent.error":"Le champ de recherche est obligatoire"}
|
|
1
|
+
{"wac.datatable.noresult":"Il n'y a aucun résultat pour cette recherche","wac.Date.PlaceHolder.dd/mm/yyyy":"JJ/MM/YYYY","wac.Date.PlaceHolder.dd/MM/yyyy_HH:mm":"JJ/MM/YYYY HH:MM","wac.Date.PlaceHolder.HH:mm":"HH:MM","wac.input.progressbar.information.good":"Très bien","wac.input.progressbar.information.too.long":"Trop long","wac.input.progressbar.information.too.short":"Trop court","wac.MosaicComponent.import":"Importer","wac.PaginationComponent.on":"{{low}}-{{high}} sur {{total}}","wac.PaginationComponent.page":"Aller à la page","wac.simpleSearchComponent.error":"Le champ de recherche est obligatoire"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from './show/show-from-bottom.animation';
|
|
2
|
+
export * from './show/show-from-top.animation';
|
|
3
|
+
export * from './show/show-from-left.animation';
|
|
4
|
+
export * from './show/show-from-right.animation';
|
|
5
|
+
export * from './show/opacity.animation';
|
|
6
|
+
export * from './list/animate-list-from-bottom.animation';
|
|
7
|
+
export * from './list/animate-list-from-top.animation';
|
|
8
|
+
export * from './list/animate-list-from-right.animation';
|
|
9
|
+
export * from './list/animate-list-from-left.animation';
|
|
10
|
+
export * from './switch/switch-in-out.animation';
|
|
11
|
+
export * from './in-out/in-out-x.animation';
|
|
12
|
+
export * from './in-out/in-out-y.animation';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwb3J0LmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2FuaW1hdGlvbnMvZXhwb3J0LmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsMEJBQTBCLENBQUM7QUFFekMsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2hvdy9zaG93LWZyb20tYm90dG9tLmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3Nob3cvc2hvdy1mcm9tLXRvcC5hbmltYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zaG93L3Nob3ctZnJvbS1sZWZ0LmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3Nob3cvc2hvdy1mcm9tLXJpZ2h0LmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3Nob3cvb3BhY2l0eS5hbmltYXRpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpc3QvYW5pbWF0ZS1saXN0LWZyb20tYm90dG9tLmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvYW5pbWF0ZS1saXN0LWZyb20tdG9wLmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvYW5pbWF0ZS1saXN0LWZyb20tcmlnaHQuYW5pbWF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC9hbmltYXRlLWxpc3QtZnJvbS1sZWZ0LmFuaW1hdGlvbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3dpdGNoL3N3aXRjaC1pbi1vdXQuYW5pbWF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vaW4tb3V0L2luLW91dC14LmFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2luLW91dC9pbi1vdXQteS5hbmltYXRpb24nO1xuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export function animateListFromBottom(passedTime = '.3s ease') {
|
|
3
|
+
return trigger('animateList', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(':enter', [style({ position: 'relative', opacity: 0, bottom: '-60px' })], { optional: true }),
|
|
7
|
+
query(':leave', [
|
|
8
|
+
style({ position: 'relative', opacity: 1, bottom: 0 }),
|
|
9
|
+
animate('{{time}}', style({ position: 'relative', opacity: 0, bottom: '-60px' }))
|
|
10
|
+
], { optional: true }),
|
|
11
|
+
query(':enter', stagger('100ms', [animate('{{time}}', style({ position: 'relative', opacity: 1, bottom: 0 }))]), {
|
|
12
|
+
optional: true
|
|
13
|
+
})
|
|
14
|
+
], { params: { time: passedTime } })
|
|
15
|
+
])
|
|
16
|
+
]);
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZS1saXN0LWZyb20tYm90dG9tLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2FuaW1hdGlvbnMvbGlzdC9hbmltYXRlLWxpc3QtZnJvbS1ib3R0b20uYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRyxNQUFNLFVBQVUscUJBQXFCLENBQUMsVUFBVSxHQUFHLFVBQVU7SUFDM0QsT0FBTyxPQUFPLENBQUMsYUFBYSxFQUFFO1FBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7WUFDbkIsU0FBUyxDQUNQO2dCQUNFLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztnQkFFbkcsS0FBSyxDQUNILFFBQVEsRUFDUjtvQkFDRSxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO29CQUN0RCxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztpQkFDbEYsRUFDRCxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FDbkI7Z0JBRUQsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQy9HLFFBQVEsRUFBRSxJQUFJO2lCQUNmLENBQUM7YUFDSCxFQUNELEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxFQUFFLENBQ2pDO1NBQ0YsQ0FBQztLQUNILENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBhbmltYXRpb24sIHF1ZXJ5LCBzdGFnZ2VyLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgZnVuY3Rpb24gYW5pbWF0ZUxpc3RGcm9tQm90dG9tKHBhc3NlZFRpbWUgPSAnLjNzIGVhc2UnKSB7XG4gIHJldHVybiB0cmlnZ2VyKCdhbmltYXRlTGlzdCcsIFtcbiAgICB0cmFuc2l0aW9uKCcqID0+IConLCBbXG4gICAgICBhbmltYXRpb24oXG4gICAgICAgIFtcbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgW3N0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDAsIGJvdHRvbTogJy02MHB4JyB9KV0sIHsgb3B0aW9uYWw6IHRydWUgfSksXG5cbiAgICAgICAgICBxdWVyeShcbiAgICAgICAgICAgICc6bGVhdmUnLFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICBzdHlsZSh7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCBvcGFjaXR5OiAxLCBib3R0b206IDAgfSksXG4gICAgICAgICAgICAgIGFuaW1hdGUoJ3t7dGltZX19Jywgc3R5bGUoeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogMCwgYm90dG9tOiAnLTYwcHgnIH0pKVxuICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIHsgb3B0aW9uYWw6IHRydWUgfVxuICAgICAgICAgICksXG5cbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgc3RhZ2dlcignMTAwbXMnLCBbYW5pbWF0ZSgne3t0aW1lfX0nLCBzdHlsZSh7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCBvcGFjaXR5OiAxLCBib3R0b206IDAgfSkpXSksIHtcbiAgICAgICAgICAgIG9wdGlvbmFsOiB0cnVlXG4gICAgICAgICAgfSlcbiAgICAgICAgXSxcbiAgICAgICAgeyBwYXJhbXM6IHsgdGltZTogcGFzc2VkVGltZSB9IH1cbiAgICAgIClcbiAgICBdKVxuICBdKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export function animateListFromLeft(passedTime = '.3s ease') {
|
|
3
|
+
return trigger('animateList', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(':enter', [style({ position: 'relative', opacity: 0, left: '-60px' })], { optional: true }),
|
|
7
|
+
query(':leave', [
|
|
8
|
+
style({ position: 'relative', opacity: 1, left: 0 }),
|
|
9
|
+
animate('{{time}}', style({ position: 'relative', opacity: 0, left: '-60px' }))
|
|
10
|
+
], { optional: true }),
|
|
11
|
+
query(':enter', stagger('{{time}}', [animate('{{time}}', style({ position: 'relative', opacity: 1, left: 0 }))]), {
|
|
12
|
+
optional: true
|
|
13
|
+
})
|
|
14
|
+
], { params: { time: passedTime } })
|
|
15
|
+
])
|
|
16
|
+
]);
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZS1saXN0LWZyb20tbGVmdC5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9hbmltYXRpb25zL2xpc3QvYW5pbWF0ZS1saXN0LWZyb20tbGVmdC5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJHLE1BQU0sVUFBVSxtQkFBbUIsQ0FBQyxVQUFVLEdBQUcsVUFBVTtJQUN6RCxPQUFPLE9BQU8sQ0FBQyxhQUFhLEVBQUU7UUFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixTQUFTLENBQ1A7Z0JBQ0UsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO2dCQUVqRyxLQUFLLENBQ0gsUUFBUSxFQUNSO29CQUNFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQ3BELE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO2lCQUNoRixFQUNELEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUNuQjtnQkFFRCxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtvQkFDaEgsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQzthQUNILEVBQ0QsRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FDakM7U0FDRixDQUFDO0tBQ0gsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwgcXVlcnksIHN0YWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBmdW5jdGlvbiBhbmltYXRlTGlzdEZyb21MZWZ0KHBhc3NlZFRpbWUgPSAnLjNzIGVhc2UnKSB7XG4gIHJldHVybiB0cmlnZ2VyKCdhbmltYXRlTGlzdCcsIFtcbiAgICB0cmFuc2l0aW9uKCcqID0+IConLCBbXG4gICAgICBhbmltYXRpb24oXG4gICAgICAgIFtcbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgW3N0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDAsIGxlZnQ6ICctNjBweCcgfSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuXG4gICAgICAgICAgcXVlcnkoXG4gICAgICAgICAgICAnOmxlYXZlJyxcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgc3R5bGUoeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogMSwgbGVmdDogMCB9KSxcbiAgICAgICAgICAgICAgYW5pbWF0ZSgne3t0aW1lfX0nLCBzdHlsZSh7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCBvcGFjaXR5OiAwLCBsZWZ0OiAnLTYwcHgnIH0pKVxuICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIHsgb3B0aW9uYWw6IHRydWUgfVxuICAgICAgICAgICksXG5cbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgc3RhZ2dlcigne3t0aW1lfX0nLCBbYW5pbWF0ZSgne3t0aW1lfX0nLCBzdHlsZSh7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCBvcGFjaXR5OiAxLCBsZWZ0OiAwIH0pKV0pLCB7XG4gICAgICAgICAgICBvcHRpb25hbDogdHJ1ZVxuICAgICAgICAgIH0pXG4gICAgICAgIF0sXG4gICAgICAgIHsgcGFyYW1zOiB7IHRpbWU6IHBhc3NlZFRpbWUgfSB9XG4gICAgICApXG4gICAgXSlcbiAgXSk7XG59XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export function animateListFromRight(passedTime = '.3s ease-in-out', staggerTime = '50ms') {
|
|
3
|
+
return trigger('animateList', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(':enter', [style({ position: 'relative', opacity: 0, right: '-60px' })], { optional: true }),
|
|
7
|
+
query(':leave', [
|
|
8
|
+
style({ position: 'relative', opacity: 1, right: 0 }),
|
|
9
|
+
animate('{{time}}', style({ position: 'relative', opacity: 0, right: '-60px' }))
|
|
10
|
+
], { optional: true }),
|
|
11
|
+
query(':enter', stagger(staggerTime, [animate('{{time}}', style({ position: 'relative', opacity: 1, right: 0 }))]), {
|
|
12
|
+
optional: true
|
|
13
|
+
})
|
|
14
|
+
], { params: { time: passedTime } })
|
|
15
|
+
])
|
|
16
|
+
]);
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZS1saXN0LWZyb20tcmlnaHQuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvYW5pbWF0aW9ucy9saXN0L2FuaW1hdGUtbGlzdC1mcm9tLXJpZ2h0LmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFckcsTUFBTSxVQUFVLG9CQUFvQixDQUFDLFVBQVUsR0FBRyxpQkFBaUIsRUFBRSxXQUFXLEdBQUcsTUFBTTtJQUN2RixPQUFPLE9BQU8sQ0FBQyxhQUFhLEVBQUU7UUFDNUIsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixTQUFTLENBQ1A7Z0JBQ0UsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO2dCQUVsRyxLQUFLLENBQ0gsUUFBUSxFQUNSO29CQUNFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7b0JBQ3JELE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO2lCQUNqRixFQUNELEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUNuQjtnQkFFRCxLQUFLLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtvQkFDbEgsUUFBUSxFQUFFLElBQUk7aUJBQ2YsQ0FBQzthQUNILEVBQ0QsRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FDakM7U0FDRixDQUFDO0tBQ0gsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwgcXVlcnksIHN0YWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBmdW5jdGlvbiBhbmltYXRlTGlzdEZyb21SaWdodChwYXNzZWRUaW1lID0gJy4zcyBlYXNlLWluLW91dCcsIHN0YWdnZXJUaW1lID0gJzUwbXMnKSB7XG4gIHJldHVybiB0cmlnZ2VyKCdhbmltYXRlTGlzdCcsIFtcbiAgICB0cmFuc2l0aW9uKCcqID0+IConLCBbXG4gICAgICBhbmltYXRpb24oXG4gICAgICAgIFtcbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgW3N0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDAsIHJpZ2h0OiAnLTYwcHgnIH0pXSwgeyBvcHRpb25hbDogdHJ1ZSB9KSxcblxuICAgICAgICAgIHF1ZXJ5KFxuICAgICAgICAgICAgJzpsZWF2ZScsXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgIHN0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDEsIHJpZ2h0OiAwIH0pLFxuICAgICAgICAgICAgICBhbmltYXRlKCd7e3RpbWV9fScsIHN0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDAsIHJpZ2h0OiAnLTYwcHgnIH0pKVxuICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIHsgb3B0aW9uYWw6IHRydWUgfVxuICAgICAgICAgICksXG5cbiAgICAgICAgICBxdWVyeSgnOmVudGVyJywgc3RhZ2dlcihzdGFnZ2VyVGltZSwgW2FuaW1hdGUoJ3t7dGltZX19Jywgc3R5bGUoeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogMSwgcmlnaHQ6IDAgfSkpXSksIHtcbiAgICAgICAgICAgIG9wdGlvbmFsOiB0cnVlXG4gICAgICAgICAgfSlcbiAgICAgICAgXSxcbiAgICAgICAgeyBwYXJhbXM6IHsgdGltZTogcGFzc2VkVGltZSB9IH1cbiAgICAgIClcbiAgICBdKVxuICBdKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export function animateListFromTop(passedTime = '.3s ease') {
|
|
3
|
+
return trigger('animateList', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(':enter', [style({ position: 'relative', opacity: 0, top: '-60px' })], { optional: true }),
|
|
7
|
+
query(':leave', [
|
|
8
|
+
style({ position: 'relative', opacity: 1, top: 0 }),
|
|
9
|
+
animate('{{time}}', style({ position: 'relative', opacity: 0, top: '-60px' }))
|
|
10
|
+
], { optional: true }),
|
|
11
|
+
query(':enter', stagger('200ms', [animate('{{time}}', style({ position: 'relative', opacity: 1, top: 0 }))]), { optional: true })
|
|
12
|
+
], { params: { time: passedTime } })
|
|
13
|
+
])
|
|
14
|
+
]);
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0ZS1saXN0LWZyb20tdG9wLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2FuaW1hdGlvbnMvbGlzdC9hbmltYXRlLWxpc3QtZnJvbS10b3AuYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRyxNQUFNLFVBQVUsa0JBQWtCLENBQUMsVUFBVSxHQUFHLFVBQVU7SUFDeEQsT0FBTyxPQUFPLENBQUMsYUFBYSxFQUFFO1FBQzVCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7WUFDbkIsU0FBUyxDQUNQO2dCQUNFLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztnQkFFaEcsS0FBSyxDQUNILFFBQVEsRUFDUjtvQkFDRSxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDO29CQUNuRCxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztpQkFDL0UsRUFDRCxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FDbkI7Z0JBRUQsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7YUFDbEksRUFDRCxFQUFFLE1BQU0sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsRUFBRSxDQUNqQztTQUNGLENBQUM7S0FDSCxDQUFDLENBQUM7QUFDTCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgYW5pbWF0aW9uLCBxdWVyeSwgc3RhZ2dlciwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGZ1bmN0aW9uIGFuaW1hdGVMaXN0RnJvbVRvcChwYXNzZWRUaW1lID0gJy4zcyBlYXNlJykge1xuICByZXR1cm4gdHJpZ2dlcignYW5pbWF0ZUxpc3QnLCBbXG4gICAgdHJhbnNpdGlvbignKiA9PiAqJywgW1xuICAgICAgYW5pbWF0aW9uKFxuICAgICAgICBbXG4gICAgICAgICAgcXVlcnkoJzplbnRlcicsIFtzdHlsZSh7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCBvcGFjaXR5OiAwLCB0b3A6ICctNjBweCcgfSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pLFxuXG4gICAgICAgICAgcXVlcnkoXG4gICAgICAgICAgICAnOmxlYXZlJyxcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgc3R5bGUoeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogMSwgdG9wOiAwIH0pLFxuICAgICAgICAgICAgICBhbmltYXRlKCd7e3RpbWV9fScsIHN0eWxlKHsgcG9zaXRpb246ICdyZWxhdGl2ZScsIG9wYWNpdHk6IDAsIHRvcDogJy02MHB4JyB9KSlcbiAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB7IG9wdGlvbmFsOiB0cnVlIH1cbiAgICAgICAgICApLFxuXG4gICAgICAgICAgcXVlcnkoJzplbnRlcicsIHN0YWdnZXIoJzIwMG1zJywgW2FuaW1hdGUoJ3t7dGltZX19Jywgc3R5bGUoeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogMSwgdG9wOiAwIH0pKV0pLCB7IG9wdGlvbmFsOiB0cnVlIH0pXG4gICAgICAgIF0sXG4gICAgICAgIHsgcGFyYW1zOiB7IHRpbWU6IHBhc3NlZFRpbWUgfSB9XG4gICAgICApXG4gICAgXSlcbiAgXSk7XG59XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { animate, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export const opacityAnimation = trigger('opacityAnimation', [
|
|
3
|
+
transition(':enter', [style({ opacity: 0 }), animate('0.4s ease-in-out', style({ opacity: 1 }))])
|
|
4
|
+
]);
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BhY2l0eS5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9hbmltYXRpb25zL3Nob3cvb3BhY2l0eS5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTFFLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRTtJQUMxRCxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztDQUNsRyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3Qgb3BhY2l0eUFuaW1hdGlvbiA9IHRyaWdnZXIoJ29wYWNpdHlBbmltYXRpb24nLCBbXG4gIHRyYW5zaXRpb24oJzplbnRlcicsIFtzdHlsZSh7IG9wYWNpdHk6IDAgfSksIGFuaW1hdGUoJzAuNHMgZWFzZS1pbi1vdXQnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpXSlcbl0pO1xuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
const currentUsedSelectorForThisAnimation = 'li, div';
|
|
3
|
+
export const showFromBottom = trigger('showFromBottom', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(currentUsedSelectorForThisAnimation, style({
|
|
7
|
+
opacity: 0,
|
|
8
|
+
position: 'relative',
|
|
9
|
+
bottom: -150
|
|
10
|
+
}), { optional: true }),
|
|
11
|
+
query(currentUsedSelectorForThisAnimation, [stagger('150ms', animate('100ms', style({ opacity: 1, bottom: 0 })))], { optional: true })
|
|
12
|
+
])
|
|
13
|
+
])
|
|
14
|
+
]);
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1mcm9tLWJvdHRvbS5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9hbmltYXRpb25zL3Nob3cvc2hvdy1mcm9tLWJvdHRvbS5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJHLE1BQU0sbUNBQW1DLEdBQUcsU0FBUyxDQUFDO0FBRXRELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxPQUFPLENBQUMsZ0JBQWdCLEVBQUU7SUFDdEQsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixTQUFTLENBQUM7WUFDUixLQUFLLENBQ0gsbUNBQW1DLEVBQ25DLEtBQUssQ0FBQztnQkFDSixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsTUFBTSxFQUFFLENBQUMsR0FBRzthQUNiLENBQUMsRUFDRixFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FDbkI7WUFDRCxLQUFLLENBQUMsbUNBQW1DLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUN2SSxDQUFDO0tBQ0gsQ0FBQztDQUNILENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwgcXVlcnksIHN0YWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmNvbnN0IGN1cnJlbnRVc2VkU2VsZWN0b3JGb3JUaGlzQW5pbWF0aW9uID0gJ2xpLCBkaXYnO1xuXG5leHBvcnQgY29uc3Qgc2hvd0Zyb21Cb3R0b20gPSB0cmlnZ2VyKCdzaG93RnJvbUJvdHRvbScsIFtcbiAgdHJhbnNpdGlvbignKiA9PiAqJywgW1xuICAgIGFuaW1hdGlvbihbXG4gICAgICBxdWVyeShcbiAgICAgICAgY3VycmVudFVzZWRTZWxlY3RvckZvclRoaXNBbmltYXRpb24sXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgIGJvdHRvbTogLTE1MFxuICAgICAgICB9KSxcbiAgICAgICAgeyBvcHRpb25hbDogdHJ1ZSB9XG4gICAgICApLFxuICAgICAgcXVlcnkoY3VycmVudFVzZWRTZWxlY3RvckZvclRoaXNBbmltYXRpb24sIFtzdGFnZ2VyKCcxNTBtcycsIGFuaW1hdGUoJzEwMG1zJywgc3R5bGUoeyBvcGFjaXR5OiAxLCBib3R0b206IDAgfSkpKV0sIHsgb3B0aW9uYWw6IHRydWUgfSlcbiAgICBdKVxuICBdKVxuXSk7XG4iXX0=
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
const currentUsedSelectorForThisAnimation = 'li, div';
|
|
3
|
+
export const showFromLeft = trigger('showFromLeft', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(currentUsedSelectorForThisAnimation, style({
|
|
7
|
+
opacity: 0,
|
|
8
|
+
position: 'relative',
|
|
9
|
+
left: -150
|
|
10
|
+
}), { optional: true }),
|
|
11
|
+
query(currentUsedSelectorForThisAnimation, [stagger('150ms', animate('100ms', style({ opacity: 1, left: 0 })))], { optional: true })
|
|
12
|
+
])
|
|
13
|
+
])
|
|
14
|
+
]);
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1mcm9tLWxlZnQuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvYW5pbWF0aW9ucy9zaG93L3Nob3ctZnJvbS1sZWZ0LmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFckcsTUFBTSxtQ0FBbUMsR0FBRyxTQUFTLENBQUM7QUFFdEQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxjQUFjLEVBQUU7SUFDbEQsVUFBVSxDQUFDLFFBQVEsRUFBRTtRQUNuQixTQUFTLENBQUM7WUFDUixLQUFLLENBQ0gsbUNBQW1DLEVBQ25DLEtBQUssQ0FBQztnQkFDSixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsVUFBVTtnQkFDcEIsSUFBSSxFQUFFLENBQUMsR0FBRzthQUNYLENBQUMsRUFDRixFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FDbkI7WUFDRCxLQUFLLENBQUMsbUNBQW1DLEVBQUUsQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztTQUNySSxDQUFDO0tBQ0gsQ0FBQztDQUNILENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwgcXVlcnksIHN0YWdnZXIsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmNvbnN0IGN1cnJlbnRVc2VkU2VsZWN0b3JGb3JUaGlzQW5pbWF0aW9uID0gJ2xpLCBkaXYnO1xuXG5leHBvcnQgY29uc3Qgc2hvd0Zyb21MZWZ0ID0gdHJpZ2dlcignc2hvd0Zyb21MZWZ0JywgW1xuICB0cmFuc2l0aW9uKCcqID0+IConLCBbXG4gICAgYW5pbWF0aW9uKFtcbiAgICAgIHF1ZXJ5KFxuICAgICAgICBjdXJyZW50VXNlZFNlbGVjdG9yRm9yVGhpc0FuaW1hdGlvbixcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgbGVmdDogLTE1MFxuICAgICAgICB9KSxcbiAgICAgICAgeyBvcHRpb25hbDogdHJ1ZSB9XG4gICAgICApLFxuICAgICAgcXVlcnkoY3VycmVudFVzZWRTZWxlY3RvckZvclRoaXNBbmltYXRpb24sIFtzdGFnZ2VyKCcxNTBtcycsIGFuaW1hdGUoJzEwMG1zJywgc3R5bGUoeyBvcGFjaXR5OiAxLCBsZWZ0OiAwIH0pKSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pXG4gICAgXSlcbiAgXSlcbl0pO1xuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
const currentUsedSelectorForThisAnimation = 'li, div';
|
|
3
|
+
export const showFromRight = trigger('showFromRight', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(currentUsedSelectorForThisAnimation, style({
|
|
7
|
+
opacity: 0,
|
|
8
|
+
position: 'relative',
|
|
9
|
+
right: -150
|
|
10
|
+
}), { optional: true }),
|
|
11
|
+
query(currentUsedSelectorForThisAnimation, [stagger('150ms', animate('100ms', style({ opacity: 1, right: 0 })))], { optional: true })
|
|
12
|
+
])
|
|
13
|
+
])
|
|
14
|
+
]);
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1mcm9tLXJpZ2h0LmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2FuaW1hdGlvbnMvc2hvdy9zaG93LWZyb20tcmlnaHQuYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRyxNQUFNLG1DQUFtQyxHQUFHLFNBQVMsQ0FBQztBQUV0RCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsT0FBTyxDQUFDLGVBQWUsRUFBRTtJQUNwRCxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLFNBQVMsQ0FBQztZQUNSLEtBQUssQ0FDSCxtQ0FBbUMsRUFDbkMsS0FBSyxDQUFDO2dCQUNKLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFFBQVEsRUFBRSxVQUFVO2dCQUNwQixLQUFLLEVBQUUsQ0FBQyxHQUFHO2FBQ1osQ0FBQyxFQUNGLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUNuQjtZQUNELEtBQUssQ0FBQyxtQ0FBbUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO1NBQ3RJLENBQUM7S0FDSCxDQUFDO0NBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgYW5pbWF0aW9uLCBxdWVyeSwgc3RhZ2dlciwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuY29uc3QgY3VycmVudFVzZWRTZWxlY3RvckZvclRoaXNBbmltYXRpb24gPSAnbGksIGRpdic7XG5cbmV4cG9ydCBjb25zdCBzaG93RnJvbVJpZ2h0ID0gdHJpZ2dlcignc2hvd0Zyb21SaWdodCcsIFtcbiAgdHJhbnNpdGlvbignKiA9PiAqJywgW1xuICAgIGFuaW1hdGlvbihbXG4gICAgICBxdWVyeShcbiAgICAgICAgY3VycmVudFVzZWRTZWxlY3RvckZvclRoaXNBbmltYXRpb24sXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgIHJpZ2h0OiAtMTUwXG4gICAgICAgIH0pLFxuICAgICAgICB7IG9wdGlvbmFsOiB0cnVlIH1cbiAgICAgICksXG4gICAgICBxdWVyeShjdXJyZW50VXNlZFNlbGVjdG9yRm9yVGhpc0FuaW1hdGlvbiwgW3N0YWdnZXIoJzE1MG1zJywgYW5pbWF0ZSgnMTAwbXMnLCBzdHlsZSh7IG9wYWNpdHk6IDEsIHJpZ2h0OiAwIH0pKSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pXG4gICAgXSlcbiAgXSlcbl0pO1xuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { animate, animation, query, stagger, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
const currentUsedSelectorForThisAnimation = 'li, div';
|
|
3
|
+
export const showFromTop = trigger('showFromTop', [
|
|
4
|
+
transition('* => *', [
|
|
5
|
+
animation([
|
|
6
|
+
query(currentUsedSelectorForThisAnimation, style({
|
|
7
|
+
opacity: 0,
|
|
8
|
+
position: 'relative',
|
|
9
|
+
top: -150
|
|
10
|
+
}), { optional: true }),
|
|
11
|
+
query(currentUsedSelectorForThisAnimation, [stagger('150ms', animate('100ms', style({ opacity: 1, top: 0 })))], { optional: true })
|
|
12
|
+
])
|
|
13
|
+
])
|
|
14
|
+
]);
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1mcm9tLXRvcC5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9hbmltYXRpb25zL3Nob3cvc2hvdy1mcm9tLXRvcC5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJHLE1BQU0sbUNBQW1DLEdBQUcsU0FBUyxDQUFDO0FBRXRELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsYUFBYSxFQUFFO0lBQ2hELFVBQVUsQ0FBQyxRQUFRLEVBQUU7UUFDbkIsU0FBUyxDQUFDO1lBQ1IsS0FBSyxDQUNILG1DQUFtQyxFQUNuQyxLQUFLLENBQUM7Z0JBQ0osT0FBTyxFQUFFLENBQUM7Z0JBQ1YsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLEdBQUcsRUFBRSxDQUFDLEdBQUc7YUFDVixDQUFDLEVBQ0YsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQ25CO1lBQ0QsS0FBSyxDQUFDLG1DQUFtQyxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7U0FDcEksQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBhbmltYXRpb24sIHF1ZXJ5LCBzdGFnZ2VyLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBjdXJyZW50VXNlZFNlbGVjdG9yRm9yVGhpc0FuaW1hdGlvbiA9ICdsaSwgZGl2JztcblxuZXhwb3J0IGNvbnN0IHNob3dGcm9tVG9wID0gdHJpZ2dlcignc2hvd0Zyb21Ub3AnLCBbXG4gIHRyYW5zaXRpb24oJyogPT4gKicsIFtcbiAgICBhbmltYXRpb24oW1xuICAgICAgcXVlcnkoXG4gICAgICAgIGN1cnJlbnRVc2VkU2VsZWN0b3JGb3JUaGlzQW5pbWF0aW9uLFxuICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgICB0b3A6IC0xNTBcbiAgICAgICAgfSksXG4gICAgICAgIHsgb3B0aW9uYWw6IHRydWUgfVxuICAgICAgKSxcbiAgICAgIHF1ZXJ5KGN1cnJlbnRVc2VkU2VsZWN0b3JGb3JUaGlzQW5pbWF0aW9uLCBbc3RhZ2dlcignMTUwbXMnLCBhbmltYXRlKCcxMDBtcycsIHN0eWxlKHsgb3BhY2l0eTogMSwgdG9wOiAwIH0pKSldLCB7IG9wdGlvbmFsOiB0cnVlIH0pXG4gICAgXSlcbiAgXSlcbl0pO1xuIl19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { animate, animation, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
export const switchInOut = trigger('switchInOut', [
|
|
3
|
+
transition(':enter', [animation([style({ transform: 'translateX(100%)', opacity: 0 }), animate('200ms 200ms ease')])]),
|
|
4
|
+
transition(':leave', [animation([animate('200ms ease', style({ transform: 'translateX(-100%)', opacity: 0 }))])])
|
|
5
|
+
]);
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLWluLW91dC5hbmltYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9hbmltYXRpb25zL3N3aXRjaC9zd2l0Y2gtaW4tb3V0LmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsYUFBYSxFQUFFO0lBQ2hELFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEgsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Q0FDbEgsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgYW5pbWF0aW9uLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3Qgc3dpdGNoSW5PdXQgPSB0cmlnZ2VyKCdzd2l0Y2hJbk91dCcsIFtcbiAgdHJhbnNpdGlvbignOmVudGVyJywgW2FuaW1hdGlvbihbc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMCUpJywgb3BhY2l0eTogMCB9KSwgYW5pbWF0ZSgnMjAwbXMgMjAwbXMgZWFzZScpXSldKSxcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW2FuaW1hdGlvbihbYW5pbWF0ZSgnMjAwbXMgZWFzZScsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknLCBvcGFjaXR5OiAwIH0pKV0pXSlcbl0pO1xuIl19
|