@wizishop/angular-components 0.0.184 → 0.0.187

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

@@ -2265,6 +2265,7 @@
         function LinkComponent(renderer2) {
             this.renderer2 = renderer2;
             this.target = '_self';
+            this.fontSize = '14px';
         }
         Object.defineProperty(LinkComponent.prototype, "href", {
             get: function () {
@@ -2299,7 +2300,7 @@
     LinkComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-link',
-                    template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
+                    template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
                 },] }
     ];
     LinkComponent.ctorParameters = function () { return [
@@ -2310,6 +2311,7 @@
         target: [{ type: i0.Input }],
         id: [{ type: i0.Input }],
         class: [{ type: i0.Input }],
+        fontSize: [{ type: i0.Input }],
         linkComponent: [{ type: i0.ViewChild, args: ['linkComponent',] }]
     };
 
@@ -4354,7 +4356,7 @@
     BlockWithCheckboxComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-block-with-checkbox',
-                    template: "<div class=\"block-with-checkbox\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n  <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n        <label [for]=\"randomLabelName\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
+                    template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n  <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n        <label [for]=\"randomLabelName\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
     BlockWithCheckboxComponent.ctorParameters = function () { return []; };
@@ -4474,18 +4476,71 @@
 
     var ContentWithButtonsComponent = /** @class */ (function () {
         function ContentWithButtonsComponent() {
+            this.iconCopy = 'fa-duotone fa-copy';
+            this.iconTranslate = 'fa-thin fa-globe';
+            this.count = true;
+            this.countCharacterLabel = 'caractères';
+            this.countWordsLabel = 'mots';
+            this.copyAction = new i0.EventEmitter();
+            this.reportAction = new i0.EventEmitter();
+            this.translateAction = new i0.EventEmitter();
+            this.countIsReady = false;
         }
         ContentWithButtonsComponent.prototype.ngOnInit = function () {
+            this.randomLabelName = 'content-' + Math.random() * (900 - 700) + 700;
+        };
+        ContentWithButtonsComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                var content = document.getElementById(_this.randomLabelName).innerHTML.replace(/(<([^>]+)>)/gi, '').replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, '');
+                _this.countCharacter = content.trim().split(' ').join('').length;
+                _this.countWords = content.trim().split(' ').length;
+                _this.countIsReady = true;
+            });
+        };
+        ContentWithButtonsComponent.prototype.eventCopy = function () {
+            this.copyAction.emit(true);
+        };
+        ContentWithButtonsComponent.prototype.eventTranslate = function () {
+            this.translateAction.emit(true);
+        };
+        ContentWithButtonsComponent.prototype.eventReport = function () {
+            this.reportAction.emit(true);
         };
         return ContentWithButtonsComponent;
     }());
     ContentWithButtonsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-content-with-buttons',
-                    template: "<p>content-with-buttons works!</p>\n"
+                    template: "<div class=\"wac-content-with-buttons\">\n  <div class=\"wac-content-with-buttons__text\">\n    <div id=\"{{randomLabelName}}\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\n      <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\n      <span><wac-link (click)=\"eventReport()\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\n    </div>\n  </div>\n  <div class=\"wac-content-with-buttons__cta\">\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\"  (click)=\"eventTranslate()\"></wac-button></div>\n  </div>\n</div>\n"
+                },] }
+    ];
+    ContentWithButtonsComponent.propDecorators = {
+        iconCopy: [{ type: i0.Input }],
+        iconTranslate: [{ type: i0.Input }],
+        count: [{ type: i0.Input }],
+        countCharacterLabel: [{ type: i0.Input }],
+        countWordsLabel: [{ type: i0.Input }],
+        reportLabel: [{ type: i0.Input }],
+        copyAction: [{ type: i0.Output }],
+        reportAction: [{ type: i0.Output }],
+        translateAction: [{ type: i0.Output }]
+    };
+
+    var WrapperMultipleBlockComponent = /** @class */ (function () {
+        function WrapperMultipleBlockComponent() {
+        }
+        WrapperMultipleBlockComponent.prototype.ngOnInit = function () {
+        };
+        return WrapperMultipleBlockComponent;
+    }());
+    WrapperMultipleBlockComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-wrapper-multiple-block',
+                    template: "<div class=\"wac-wrapper-multiple-block\">\n  <div class=\"wac-wrapper-multiple-block__sidebar\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </div>\n  <div class=\"wac-wrapper-multiple-block__content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
-    ContentWithButtonsComponent.ctorParameters = function () { return []; };
+    WrapperMultipleBlockComponent.ctorParameters = function () { return []; };
 
     var components = [
         TagComponent,
@@ -4536,7 +4591,8 @@
         BlockWithCheckboxComponent,
         ConfirmDeleteComponent,
         MosaicComponent,
-        ContentWithButtonsComponent
+        ContentWithButtonsComponent,
+        WrapperMultipleBlockComponent
     ];
     var exportsFromModule = [
         PaginationComponent,
@@ -4711,6 +4767,7 @@
     exports.WiziComponentsModule = WiziComponentsModule;
     exports.WrapperBlocsComponent = WrapperBlocsComponent;
     exports.WrapperComponent = WrapperComponent;
+    exports.WrapperMultipleBlockComponent = WrapperMultipleBlockComponent;
     exports.WrapperSidebarComponent = WrapperSidebarComponent;
     exports.WzEditInPlaceComponent = WzEditInPlaceComponent;
     exports.ZindexToggleDirective = ZindexToggleDirective;