@wizishop/angular-components 0.0.71 → 0.0.74

package/bundles/wizishop-angular-components.umd.js

@@ -847,13 +847,16 @@
         function TagComponent() {
             this.label = '';
             this.hasClose = false;
-            this.isOpen = true;
             this.big = false;
+            this.isOpen = true;
+            this.isOpenChange = new i0.EventEmitter();
         }
         TagComponent.prototype.closeTag = function () {
-            if (this.hasClose) {
-                this.isOpen = false;
+            if (!this.hasClose) {
+                return;
             }
+            this.isOpen = false;
+            this.isOpenChange.next(this.isOpen);
         };
         return TagComponent;
     }());
@@ -868,7 +871,9 @@
         label: [{ type: i0.Input }],
         class: [{ type: i0.Input }],
         hasClose: [{ type: i0.Input }],
-        big: [{ type: i0.Input }]
+        big: [{ type: i0.Input }],
+        isOpen: [{ type: i0.Input }],
+        isOpenChange: [{ type: i0.Output }]
     };
 
     var TabComponent = /** @class */ (function () {
@@ -906,6 +911,7 @@
             this.label = '';
             this.icon = '';
             this.widthAuto = false;
+            this.contentHorizontalPosition = 'center';
             this.iconFontSize = 12;
             this.hasLoader = false;
             this.disabled = false;
@@ -1000,7 +1006,7 @@
     ButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-button',
-                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[label === '' ? 'alone' : '',animationRight ? 'animation-right' : '', animation ? 'animationText' : '', isLoading ? 'is-loading' : '', opacity ? 'opacity' : '', disabled ? 'disabled' : '', widthAuto ? 'width-auto' : '', whiteSpaceNowrap ? 'white-space-no-wrap' : '', !waitForConfirmDelete && confirmDelete ? 'step-delete' : '', confirmDelete ? 'deletePosition-' + confirmDeletePosition : '']\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading || interval !== null\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n"
+                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading || interval !== null\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n"
                 },] }
     ];
     ButtonComponent.ctorParameters = function () { return []; };
@@ -1010,6 +1016,7 @@
         icon: [{ type: i0.Input }],
         iconNext: [{ type: i0.Input }],
         widthAuto: [{ type: i0.Input }],
+        contentHorizontalPosition: [{ type: i0.Input }],
         iconFontSize: [{ type: i0.Input }],
         hasLoader: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }],
@@ -3760,6 +3767,153 @@
         unSelectedItemsAll: [{ type: i0.Output }]
     };
 
+    var TreeComponent = /** @class */ (function () {
+        function TreeComponent() {
+            this.treeDepth = 0;
+        }
+        TreeComponent.prototype.ngOnInit = function () { };
+        return TreeComponent;
+    }());
+    TreeComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-tree',
+                    template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n  <ul>\n   <li>\n\n    <ng-template #defaultItem>\n      {{ item?.treeLabel }}\n    </ng-template>\n\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplateRef || defaultItem\"\n      [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n    >\n    </ng-container>\n\n    <wac-tree [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\">\n      <!-- Todo maybe pass child template -->\n    </wac-tree>\n   </li>\n  </ul>\n</div>"
+                },] }
+    ];
+    TreeComponent.ctorParameters = function () { return []; };
+    TreeComponent.propDecorators = {
+        items: [{ type: i0.Input }],
+        treeDepth: [{ type: i0.Input }],
+        optionTemplateRef: [{ type: i0.ContentChild, args: ["optionTemplate", { static: false },] }]
+    };
+
+    var FormatObjectToRecursifTreePipe = /** @class */ (function () {
+        function FormatObjectToRecursifTreePipe() {
+            this.childrenProperties = [];
+        }
+        FormatObjectToRecursifTreePipe.prototype.transform = function (objectList, childrenProperties) {
+            var _this = this;
+            this.childrenProperties = childrenProperties;
+            var treeDepth = 0;
+            objectList.forEach(function (object) { return _this.recursiveFormatObjectToRecursifTree(object, treeDepth); });
+            return objectList;
+        };
+        FormatObjectToRecursifTreePipe.prototype.recursiveFormatObjectToRecursifTree = function (object, treeDepth) {
+            var e_1, _a;
+            try {
+                for (var _b = __values(this.childrenProperties), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var childrenProperty = _c.value;
+                    object.hasTreeChrildren = true;
+                    if (!object.hasOwnProperty(childrenProperty)) {
+                        // No more chrildren
+                        object.hasTreeChrildren = false;
+                        continue;
+                    }
+                    if (Array.isArray(object[childrenProperty])) {
+                        throw "Property : \"" + childrenProperty + "\", is not an array. it could not be transform to a recursive list.";
+                    }
+                    // Add treeChildren property filled with name children property
+                    object.treeChildren = object[childrenProperty];
+                    // call this function recursively until no children can be generated
+                    this.recursiveFormatObjectToRecursifTree(object.treeChildren, treeDepth++);
+                    break;
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            object.treeDepth = treeDepth;
+        };
+        return FormatObjectToRecursifTreePipe;
+    }());
+    FormatObjectToRecursifTreePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'formatObjectToRecursifTree'
+                },] }
+    ];
+
+    var FormatObjectToSimpleTreePipe = /** @class */ (function () {
+        function FormatObjectToSimpleTreePipe() {
+            this.childrenProperties = [];
+            this.labelProperties = [];
+        }
+        FormatObjectToSimpleTreePipe.prototype.transform = function (objectList, childrenProperties, labelProperties) {
+            var _this = this;
+            this.childrenProperties = childrenProperties;
+            this.labelProperties = labelProperties;
+            var treeDepth = 0;
+            objectList.forEach(function (object) { return _this.recursiveFormatObjectToSimpleTree(object, treeDepth); });
+            return objectList;
+        };
+        FormatObjectToSimpleTreePipe.prototype.recursiveFormatObjectToSimpleTree = function (object, treeDepth) {
+            for (var property in object) {
+                if (!Object.prototype.hasOwnProperty.call(object, property)) {
+                    continue;
+                }
+                if (this.labelProperties.includes(property)) {
+                    object.treeLabel = object[property];
+                    continue;
+                }
+                object.hasTreeChrildren = true;
+                if (!this.childrenProperties.includes(property)) {
+                    // No more chrildren
+                    object.hasTreeChrildren = false;
+                    continue;
+                }
+                if (Array.isArray(object[property])) {
+                    throw "Property : \"" + property + "\", is not an array. it could not be transform to a recursive list.";
+                }
+                // Add treeChildren property filled with name children property
+                object.treeChildren = object[property];
+                // call this function recursively until no children can be generated
+                this.recursiveFormatObjectToSimpleTree(object.treeChildren, treeDepth++);
+                break;
+            }
+        };
+        return FormatObjectToSimpleTreePipe;
+    }());
+    FormatObjectToSimpleTreePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'formatObjectToSimpleTree'
+                },] }
+    ];
+
+    var exportedPipes = [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe];
+    var SharedPipes = /** @class */ (function () {
+        function SharedPipes() {
+        }
+        return SharedPipes;
+    }());
+    SharedPipes.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [common.CommonModule, forms.FormsModule],
+                    declarations: exportedPipes,
+                    exports: exportedPipes
+                },] }
+    ];
+
+    var TreeModule = /** @class */ (function () {
+        function TreeModule() {
+        }
+        return TreeModule;
+    }());
+    TreeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule,
+                        SharedPipes
+                    ],
+                    exports: [TreeComponent],
+                    declarations: [TreeComponent],
+                    providers: [],
+                },] }
+    ];
+
     var components = [
         TagComponent,
         TabComponent,
@@ -3815,7 +3969,8 @@
         TooltipComponent,
         CheckboxComponent,
         LoaderComponent,
-        ProgressBarComponent
+        ProgressBarComponent,
+        TreeComponent
     ];
     var SharedComponentsModule = /** @class */ (function () {
         function SharedComponentsModule() {
@@ -3843,7 +3998,8 @@
                         ProgressBarModule,
                         ngxPerfectScrollbar.PerfectScrollbarModule,
                         AlertPopupModule,
-                        router.RouterModule
+                        router.RouterModule,
+                        TreeModule
                     ],
                     declarations: components,
                     exports: __spread(components, exportsFromModule)
@@ -3861,9 +4017,10 @@
                         common.CommonModule,
                         SharedComponentsModule,
                         SharedDirectives,
+                        SharedPipes,
                         i1$1.NwbAllModule
                     ],
-                    exports: [SharedComponentsModule, SharedDirectives]
+                    exports: [SharedComponentsModule, SharedDirectives, SharedPipes]
                 },] }
     ];
 
@@ -3892,6 +4049,8 @@
     exports.DropdownComponent = DropdownComponent;
     exports.FiltersComponent = FiltersComponent;
     exports.FiltersTableService = FiltersTableService;
+    exports.FormatObjectToRecursifTreePipe = FormatObjectToRecursifTreePipe;
+    exports.FormatObjectToSimpleTreePipe = FormatObjectToSimpleTreePipe;
     exports.FreePopinComponent = FreePopinComponent;
     exports.H1Component = H1Component;
     exports.H2Component = H2Component;
@@ -3922,6 +4081,7 @@
     exports.SettingsComponent = SettingsComponent;
     exports.SharedComponentsModule = SharedComponentsModule;
     exports.SharedDirectives = SharedDirectives;
+    exports.SharedPipes = SharedPipes;
     exports.SnackbarComponent = SnackbarComponent;
     exports.StateComponent = StateComponent;
     exports.SwitchComponent = SwitchComponent;
@@ -3934,6 +4094,8 @@
     exports.TextAreaComponent = TextAreaComponent;
     exports.TextComponent = TextComponent;
     exports.TooltipComponent = TooltipComponent;
+    exports.TreeComponent = TreeComponent;
+    exports.TreeModule = TreeModule;
     exports.UploadComponent = UploadComponent;
     exports.WiziComponentsModule = WiziComponentsModule;
     exports.WrapperBlocsComponent = WrapperBlocsComponent;