@wizishop/angular-components 15.1.31 → 15.1.34

package/fesm2020/wizishop-angular-components.mjs

@@ -4041,13 +4041,14 @@ class BlockSeparatorComponent {
     constructor() { }
 }
 BlockSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlockSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockSeparatorComponent, selector: "wac-block-separator", ngImport: i0, template: ``, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+BlockSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockSeparatorComponent, isStandalone: true, selector: "wac-block-separator", ngImport: i0, template: ``, isInline: true, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockSeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'wac-block-separator',
                     template: ``,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return []; } });
 
@@ -5808,10 +5809,10 @@ class BlockTitleLegacyComponent {
     }
 }
 BlockTitleLegacyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockTitleLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlockTitleLegacyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockTitleLegacyComponent, selector: "wac-block-title-legacy", inputs: { simple: "simple", icon: "icon" }, ngImport: i0, template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+BlockTitleLegacyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: BlockTitleLegacyComponent, isStandalone: true, selector: "wac-block-title-legacy", inputs: { simple: "simple", icon: "icon" }, ngImport: i0, template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: BlockTitleLegacyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-block-title-legacy', encapsulation: ViewEncapsulation.None, template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>" }]
+            args: [{ selector: 'wac-block-title-legacy', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<h2 class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple }\">\n    <ng-content></ng-content> <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n</h2>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { simple: [{
                 type: Input
             }], icon: [{
@@ -5911,6 +5912,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: Input
             }] } });
 
+class RowComponent {
+    constructor() {
+        this.id = '';
+        this.childs = 0;
+        this.classWidth = '';
+        this.responsiveClass = '';
+        this.responsiveAuto = false;
+        this.childrensWidthAuto = false;
+        this.marginChild = '';
+        this.addWacBlock = false;
+        this.halfMarginChild = '';
+        this.nbChildsClass = '';
+    }
+    ngOnInit() {
+        this.id = 'row-' + Math.floor(Math.random() * 1000);
+        if (this.marginChild) {
+            this.halfMarginChild = parseInt(this.marginChild) / 2 + 'px';
+        }
+    }
+    responsiveControl(size) {
+        if (size > 1024) {
+            this.classWidth = '';
+        }
+        else if (size <= 480) {
+            this.classWidth = 'low';
+        }
+        else {
+            this.classWidth = 'medium';
+        }
+    }
+    handleResponsiveAuto(size) {
+        if (size < 500) {
+            this.responsiveClass = 'mobile';
+        }
+        else {
+            this.responsiveClass = '';
+        }
+    }
+    onResize() {
+        const size = this.container.nativeElement.offsetWidth;
+        this.responsiveControl(size);
+        if (this.responsiveAuto) {
+            this.handleResponsiveAuto(size);
+        }
+    }
+    ngAfterContentInit() {
+        setTimeout(() => {
+            this.childs = this.container.nativeElement.childElementCount;
+            if (this.width) {
+                document.getElementById(this.id).parentElement.style.maxWidth = this.width;
+            }
+            if (this.height) {
+                document.getElementById(this.id).parentElement.style.maxHeight = this.height;
+            }
+            if (this.childs > 1 && this.marginChild) {
+                for (let i = 0; i < this.childs; i++) {
+                    const child = document.getElementById(this.id).children[i];
+                    child.style.marginLeft = this.halfMarginChild;
+                    child.style.marginRight = this.halfMarginChild;
+                }
+            }
+            this.nbChildsClass = 'nb-child-' + this.childs;
+            this.onResize();
+        }, 1);
+    }
+}
+RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", addWacBlock: "addWacBlock" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: RowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], responsiveAuto: [{
+                type: Input
+            }], childrensWidthAuto: [{
+                type: Input
+            }], visibility: [{
+                type: Input
+            }], marginChild: [{
+                type: Input
+            }], addWacBlock: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: [`container`]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+class ColumnComponent {
+}
+ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ColumnComponent, selector: "wac-column", ngImport: i0, template: "<p>column works!</p>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-column', template: "<p>column works!</p>\n" }]
+        }] });
+
 const components = [
     TagComponent,
     ButtonComponent,
@@ -5942,7 +6047,6 @@ const components = [
     MultipleSearchPlusComponent,
     PopinComponent,
     FreePopinComponent,
-    BlockTitleLegacyComponent,
     WrapperComponent,
     FiltersComponent,
     WrapperBlocsComponent,
@@ -5965,12 +6069,13 @@ const components = [
     ContentWithButtonsComponent,
     WrapperMultipleBlockComponent,
     DraganddropListComponent,
-    BlockSeparatorComponent,
     SummaryComponent,
     GooglePreviewComponent,
     DraganddropListComponent,
     ChargingBarComponent,
-    ExpandedPanelComponent
+    ExpandedPanelComponent,
+    RowComponent,
+    ColumnComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -5995,6 +6100,8 @@ const standaloneComponents = [
     InputComponent,
     InputSearchComponent,
     InputWithSelectComponent,
+    BlockTitleLegacyComponent,
+    BlockSeparatorComponent,
 ];
 class SharedComponentsModule {
 }
@@ -6029,7 +6136,6 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MultipleSearchPlusComponent,
         PopinComponent,
         FreePopinComponent,
-        BlockTitleLegacyComponent,
         WrapperComponent,
         FiltersComponent,
         WrapperBlocsComponent,
@@ -6052,12 +6158,13 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ContentWithButtonsComponent,
         WrapperMultipleBlockComponent,
         DraganddropListComponent,
-        BlockSeparatorComponent,
         SummaryComponent,
         GooglePreviewComponent,
         DraganddropListComponent,
         ChargingBarComponent,
-        ExpandedPanelComponent], imports: [CommonModule,
+        ExpandedPanelComponent,
+        RowComponent,
+        ColumnComponent], imports: [CommonModule,
         FormsModule,
         NwbAllModule, i1$2.TranslateModule, ReactiveFormsModule,
         SharedDirectives,
@@ -6084,7 +6191,9 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ProgressBarComponent,
         InputComponent,
         InputSearchComponent,
-        InputWithSelectComponent], exports: [TagComponent,
+        InputWithSelectComponent,
+        BlockTitleLegacyComponent,
+        BlockSeparatorComponent], exports: [TagComponent,
         ButtonComponent,
         InfoComponent,
         SettingsComponent,
@@ -6114,7 +6223,6 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MultipleSearchPlusComponent,
         PopinComponent,
         FreePopinComponent,
-        BlockTitleLegacyComponent,
         WrapperComponent,
         FiltersComponent,
         WrapperBlocsComponent,
@@ -6137,12 +6245,13 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ContentWithButtonsComponent,
         WrapperMultipleBlockComponent,
         DraganddropListComponent,
-        BlockSeparatorComponent,
         SummaryComponent,
         GooglePreviewComponent,
         DraganddropListComponent,
         ChargingBarComponent,
-        ExpandedPanelComponent, PaginationComponent,
+        ExpandedPanelComponent,
+        RowComponent,
+        ColumnComponent, PaginationComponent,
         TableComponent,
         TableColumn,
         CheckBoxRow,
@@ -6159,7 +6268,9 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ProgressBarComponent,
         InputComponent,
         InputSearchComponent,
-        InputWithSelectComponent] });
+        InputWithSelectComponent,
+        BlockTitleLegacyComponent,
+        BlockSeparatorComponent] });
 SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
         FormsModule,
         NwbAllModule,
@@ -6406,5 +6517,5 @@ const switchInOut = trigger('switchInOut', [
  * 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, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, 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, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, 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, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, 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, 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, TagComponent, 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