@wizishop/angular-components 0.0.181 → 0.0.185

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

@@ -2121,7 +2121,7 @@
     HeaderPageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-header-page',
-                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n          <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n        </div>\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     HeaderPageComponent.ctorParameters = function () { return []; };
@@ -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',] }]
     };
 
@@ -4279,7 +4281,7 @@
     CardPriceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-card-price',
-                    template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n    <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n  </div>\n  <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n    <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n  </div>\n  <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n  <div class=\"link-bottom\" *ngIf=\"selected\">\n    <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\n    <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\n  </div>\n  <div class=\"cta\" *ngIf=\"selected && !hideButton\">\n    <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\n  </div>\n  <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\n  <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\n    <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\n  </div>\n</div>\n"
                 },] }
     ];
     CardPriceComponent.ctorParameters = function () { return []; };
@@ -4474,18 +4476,56 @@
 
     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.ctorParameters = function () { return []; };
+    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 components = [
         TagComponent,