@wizishop/angular-components 15.1.116 → 15.1.117

package/fesm2020/wizishop-angular-components.mjs

@@ -6677,6 +6677,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 args: ['document:click', ['$event']]
             }] } });
 
+class SlideInComponent {
+    constructor() {
+        this.title = '';
+        this.isOpen = false;
+        this.closed = new EventEmitter();
+    }
+    /**
+     * Ouvre le panneau coulissant
+     */
+    open() {
+        this.isOpen = true;
+        document.body.classList.add('slide-in-open');
+    }
+    /**
+     * Ferme le panneau coulissant
+     */
+    close() {
+        this.isOpen = false;
+        document.body.classList.remove('slide-in-open');
+        this.closed.emit();
+    }
+}
+SlideInComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SlideInComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SlideInComponent, selector: "wac-slide-in", inputs: { title: "title", isOpen: "isOpen" }, outputs: { closed: "closed" }, ngImport: i0, template: "<ng-container class=\"slide-in\">\r\n    <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n    \r\n    <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n      \r\n        <div class=\"slide-in__panel__header\">\r\n            <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n            <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n        </div>\r\n    \r\n        <div class=\"slide-in__panel__content\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    \r\n    </div>\r\n</ng-container>", styles: [".slide-in__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.slide-in__overlay.is-visible{opacity:1;visibility:visible}.slide-in__panel{position:fixed;top:0;right:-550px;width:550px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0003;z-index:1001;transition:right .3s ease;display:flex;flex-direction:column}.slide-in__panel.is-open{right:0}.slide-in__panel__header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid #eaeaea}.slide-in__panel__header__title{margin:0;font-size:24px;font-weight:600;color:#1d2a3b}.slide-in__panel__header__close{font-size:16px;cursor:pointer;color:#526384;transition:all .3s ease}.slide-in__panel__header__close:hover{color:#3ba6ec}.slide-in__panel__content{padding:30px 40px;flex:1;overflow-y:auto}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-slide-in', template: "<ng-container class=\"slide-in\">\r\n    <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n    \r\n    <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n      \r\n        <div class=\"slide-in__panel__header\">\r\n            <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n            <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n        </div>\r\n    \r\n        <div class=\"slide-in__panel__content\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    \r\n    </div>\r\n</ng-container>", styles: [".slide-in__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.slide-in__overlay.is-visible{opacity:1;visibility:visible}.slide-in__panel{position:fixed;top:0;right:-550px;width:550px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0003;z-index:1001;transition:right .3s ease;display:flex;flex-direction:column}.slide-in__panel.is-open{right:0}.slide-in__panel__header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid #eaeaea}.slide-in__panel__header__title{margin:0;font-size:24px;font-weight:600;color:#1d2a3b}.slide-in__panel__header__close{font-size:16px;cursor:pointer;color:#526384;transition:all .3s ease}.slide-in__panel__header__close:hover{color:#3ba6ec}.slide-in__panel__content{padding:30px 40px;flex:1;overflow-y:auto}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
 const components = [
     TagComponent,
     ButtonComponent,
@@ -6740,7 +6775,8 @@ const components = [
     ColumnComponent,
     AiExpressComponent,
     RadioOptionComponent,
-    TagDropdownComponent
+    TagDropdownComponent,
+    SlideInComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -6836,7 +6872,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ColumnComponent,
         AiExpressComponent,
         RadioOptionComponent,
-        TagDropdownComponent], imports: [CommonModule,
+        TagDropdownComponent,
+        SlideInComponent], imports: [CommonModule,
         FormsModule,
         NwbAllModule,
         TranslateModule,
@@ -6933,7 +6970,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ColumnComponent,
         AiExpressComponent,
         RadioOptionComponent,
-        TagDropdownComponent, PaginationComponent,
+        TagDropdownComponent,
+        SlideInComponent, PaginationComponent,
         TableComponent,
         TableColumn,
         CheckBoxRow,
@@ -7204,5 +7242,5 @@ const switchInOut = trigger('switchInOut', [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective$1 as RadioGroupDirective, RadioLegacyComponent, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective$1 as RadioGroupDirective, RadioLegacyComponent, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
 //# sourceMappingURL=wizishop-angular-components.mjs.map