@wizishop/angular-components 14.4.23 → 14.4.25

package/fesm2020/wizishop-angular-components.mjs

@@ -13,7 +13,7 @@ import { takeUntil, debounceTime, distinctUntilChanged, tap, filter, map, takeWh
 import * as i1$1 from '@angular/cdk/overlay';
 import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, A, Z, ZERO, NINE, ENTER, SPACE, hasModifierKey, ESCAPE } from '@angular/cdk/keycodes';
 import { CdkTableModule } from '@angular/cdk/table';
-import { trigger, transition, style, animate, state } from '@angular/animations';
+import { trigger, transition, style, animate, state, animation, query, stagger } from '@angular/animations';
 import { TagInputModule } from 'ngx-chips';
 import * as i1$2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -6223,6 +6223,133 @@ class TableFiltersGroup extends NwbFilterGroup {
     }
 }
 
+const currentUsedSelectorForThisAnimation$3 = 'li, div';
+const showFromBottom = trigger('showFromBottom', [
+    transition('* => *', [
+        animation([
+            query(currentUsedSelectorForThisAnimation$3, style({
+                opacity: 0,
+                position: 'relative',
+                bottom: -150
+            }), { optional: true }),
+            query(currentUsedSelectorForThisAnimation$3, [stagger('150ms', animate('100ms', style({ opacity: 1, bottom: 0 })))], { optional: true })
+        ])
+    ])
+]);
+
+const currentUsedSelectorForThisAnimation$2 = 'li, div';
+const showFromTop = trigger('showFromTop', [
+    transition('* => *', [
+        animation([
+            query(currentUsedSelectorForThisAnimation$2, style({
+                opacity: 0,
+                position: 'relative',
+                top: -150
+            }), { optional: true }),
+            query(currentUsedSelectorForThisAnimation$2, [stagger('150ms', animate('100ms', style({ opacity: 1, top: 0 })))], { optional: true })
+        ])
+    ])
+]);
+
+const currentUsedSelectorForThisAnimation$1 = 'li, div';
+const showFromLeft = trigger('showFromLeft', [
+    transition('* => *', [
+        animation([
+            query(currentUsedSelectorForThisAnimation$1, style({
+                opacity: 0,
+                position: 'relative',
+                left: -150
+            }), { optional: true }),
+            query(currentUsedSelectorForThisAnimation$1, [stagger('150ms', animate('100ms', style({ opacity: 1, left: 0 })))], { optional: true })
+        ])
+    ])
+]);
+
+const currentUsedSelectorForThisAnimation = 'li, div';
+const showFromRight = trigger('showFromRight', [
+    transition('* => *', [
+        animation([
+            query(currentUsedSelectorForThisAnimation, style({
+                opacity: 0,
+                position: 'relative',
+                right: -150
+            }), { optional: true }),
+            query(currentUsedSelectorForThisAnimation, [stagger('150ms', animate('100ms', style({ opacity: 1, right: 0 })))], { optional: true })
+        ])
+    ])
+]);
+
+function animateListFromBottom(passedTime = '.3s ease') {
+    return trigger('animateList', [
+        transition('* => *', [
+            animation([
+                query(':enter', [style({ position: 'relative', opacity: 0, bottom: '-60px' })], { optional: true }),
+                query(':leave', [
+                    style({ position: 'relative', opacity: 1, bottom: 0 }),
+                    animate('{{time}}', style({ position: 'relative', opacity: 0, bottom: '-60px' }))
+                ], { optional: true }),
+                query(':enter', stagger('100ms', [animate('{{time}}', style({ position: 'relative', opacity: 1, bottom: 0 }))]), {
+                    optional: true
+                })
+            ], { params: { time: passedTime } })
+        ])
+    ]);
+}
+
+function animateListFromTop(passedTime = '.3s ease') {
+    return trigger('animateList', [
+        transition('* => *', [
+            animation([
+                query(':enter', [style({ position: 'relative', opacity: 0, top: '-60px' })], { optional: true }),
+                query(':leave', [
+                    style({ position: 'relative', opacity: 1, top: 0 }),
+                    animate('{{time}}', style({ position: 'relative', opacity: 0, top: '-60px' }))
+                ], { optional: true }),
+                query(':enter', stagger('200ms', [animate('{{time}}', style({ position: 'relative', opacity: 1, top: 0 }))]), { optional: true })
+            ], { params: { time: passedTime } })
+        ])
+    ]);
+}
+
+function animateListFromRight(passedTime = '.3s ease-in-out', staggerTime = '50ms') {
+    return trigger('animateList', [
+        transition('* => *', [
+            animation([
+                query(':enter', [style({ position: 'relative', opacity: 0, right: '-60px' })], { optional: true }),
+                query(':leave', [
+                    style({ position: 'relative', opacity: 1, right: 0 }),
+                    animate('{{time}}', style({ position: 'relative', opacity: 0, right: '-60px' }))
+                ], { optional: true }),
+                query(':enter', stagger(staggerTime, [animate('{{time}}', style({ position: 'relative', opacity: 1, right: 0 }))]), {
+                    optional: true
+                })
+            ], { params: { time: passedTime } })
+        ])
+    ]);
+}
+
+function animateListFromLeft(passedTime = '.3s ease') {
+    return trigger('animateList', [
+        transition('* => *', [
+            animation([
+                query(':enter', [style({ position: 'relative', opacity: 0, left: '-60px' })], { optional: true }),
+                query(':leave', [
+                    style({ position: 'relative', opacity: 1, left: 0 }),
+                    animate('{{time}}', style({ position: 'relative', opacity: 0, left: '-60px' }))
+                ], { optional: true }),
+                query(':enter', stagger('{{time}}', [animate('{{time}}', style({ position: 'relative', opacity: 1, left: 0 }))]), {
+                    optional: true
+                })
+            ], { params: { time: passedTime } })
+        ])
+    ]);
+}
+
+const switchInOut = trigger('switchInOut', [
+    transition(':enter', [animation([style({ transform: 'translateX(100%)', opacity: 0 }), animate('200ms 200ms ease')])]),
+    transition(':leave', [animation([animate('200ms ease', style({ transform: 'translateX(-100%)', opacity: 0 }))])])
+]);
+
 /*
  * Public API Surface of angular-components
  */
@@ -6231,5 +6358,5 @@ class TableFiltersGroup extends NwbFilterGroup {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelBase, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectTestComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelBase, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectTestComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut };
 //# sourceMappingURL=wizishop-angular-components.mjs.map