@wizishop/angular-components 0.0.182 → 0.0.186
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular-components.scss +78 -1
- package/bundles/wizishop-angular-components.umd.js +45 -5
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/block-with-checkbox/block-with-checkbox.component.js +2 -2
- package/esm2015/lib/components/content-with-buttons/content-with-buttons.component.js +43 -5
- package/esm2015/lib/components/header-page/header-page.component.js +2 -2
- package/esm2015/lib/components/link/link.component.js +4 -2
- package/fesm2015/wizishop-angular-components.js +46 -6
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/content-with-buttons/content-with-buttons.component.d.ts +19 -3
- package/lib/components/link/link.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.186.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.182.tgz +0 -0
|
@@ -27,7 +27,7 @@ export class BlockWithCheckboxComponent {
|
|
|
27
27
|
BlockWithCheckboxComponent.decorators = [
|
|
28
28
|
{ type: Component, args: [{
|
|
29
29
|
selector: 'wac-block-with-checkbox',
|
|
30
|
-
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"
|
|
30
|
+
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"
|
|
31
31
|
},] }
|
|
32
32
|
];
|
|
33
33
|
BlockWithCheckboxComponent.ctorParameters = () => [];
|
|
@@ -39,4 +39,4 @@ BlockWithCheckboxComponent.propDecorators = {
|
|
|
39
39
|
isFirst: [{ type: Input }],
|
|
40
40
|
opacity: [{ type: Input }]
|
|
41
41
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2Jsb2NrLXdpdGgtY2hlY2tib3gvYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU03RSxNQUFNLE9BQU8sMEJBQTBCO0lBc0JyQztRQW5CQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHakIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBSzdDLGNBQVMsR0FBRyx1QkFBdUIsQ0FBQztRQUdwQyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBR2hCLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFFQSxDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxHQUFHLFlBQVksR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQzFFLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN0QjtJQUNILENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLE9BQU8sUUFBUSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssT0FBTyxTQUFTLEVBQUU7WUFDbkYsUUFBUSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1NBQzVGO0lBQ0gsQ0FBQzs7O1lBNUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQyw4eUJBQW1EO2FBQ3BEOzs7O3VCQUdFLEtBQUs7dUJBR0wsS0FBSzs2QkFHTCxNQUFNO3dCQUtOLEtBQUs7c0JBR0wsS0FBSztzQkFHTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWJsb2NrLXdpdGgtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmxvY2std2l0aC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJsb2NrV2l0aENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIHJhbmRvbUxhYmVsTmFtZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIG5hbWVSYWRpbyA9ICd3YWNCbG9ja0NoZWNrYm94UmFkaW8nO1xuXG4gIEBJbnB1dCgpXG4gIGlzRmlyc3QgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBvcGFjaXR5ID0gJy40NSc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJhbmRvbUxhYmVsTmFtZSA9ICdyYWRpb0Jsb2NrJyArIE1hdGgucmFuZG9tKCkgKiAoOTAwIC0gNzAwKSArIDcwMDtcbiAgfVxuXG4gIGV2ZW50U2VsZWN0ZWQoZXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSBldmVudC50YXJnZXQuY2hlY2tlZDtcbiAgICAgIHRoaXMuY2hlY2tib3hBY3Rpb24uZW1pdCh0aGlzLnNlbGVjdGVkKTtcbiAgICAgIHRoaXMuaXNGaXJzdCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHJlbW92ZUZpcnN0Q2xhc3MoKSB7XG4gICAgaWYgKHR5cGVvZiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuZmlyc3RXYWNSYWRpb0JMb2NrJylbMF0gIT09IHR5cGVvZiB1bmRlZmluZWQpIHtcbiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5maXJzdFdhY1JhZGlvQkxvY2snKVswXS5jbGFzc0xpc3QucmVtb3ZlKCdmaXJzdFdhY1JhZGlvQkxvY2snKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,14 +1,52 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
export class ContentWithButtonsComponent {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.iconCopy = 'fa-duotone fa-copy';
|
|
5
|
+
this.iconTranslate = 'fa-thin fa-globe';
|
|
6
|
+
this.count = true;
|
|
7
|
+
this.countCharacterLabel = 'caractères';
|
|
8
|
+
this.countWordsLabel = 'mots';
|
|
9
|
+
this.copyAction = new EventEmitter();
|
|
10
|
+
this.reportAction = new EventEmitter();
|
|
11
|
+
this.translateAction = new EventEmitter();
|
|
12
|
+
this.countIsReady = false;
|
|
13
|
+
}
|
|
4
14
|
ngOnInit() {
|
|
15
|
+
this.randomLabelName = 'content-' + Math.random() * (900 - 700) + 700;
|
|
16
|
+
}
|
|
17
|
+
ngAfterViewInit() {
|
|
18
|
+
setTimeout(() => {
|
|
19
|
+
const content = document.getElementById(this.randomLabelName).innerHTML.replace(/(<([^>]+)>)/gi, '').replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, '');
|
|
20
|
+
this.countCharacter = content.trim().split(' ').join('').length;
|
|
21
|
+
this.countWords = content.trim().split(' ').length;
|
|
22
|
+
this.countIsReady = true;
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
eventCopy() {
|
|
26
|
+
this.copyAction.emit(true);
|
|
27
|
+
}
|
|
28
|
+
eventTranslate() {
|
|
29
|
+
this.translateAction.emit(true);
|
|
30
|
+
}
|
|
31
|
+
eventReport() {
|
|
32
|
+
this.reportAction.emit(true);
|
|
5
33
|
}
|
|
6
34
|
}
|
|
7
35
|
ContentWithButtonsComponent.decorators = [
|
|
8
36
|
{ type: Component, args: [{
|
|
9
37
|
selector: 'wac-content-with-buttons',
|
|
10
|
-
template: "<
|
|
38
|
+
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"
|
|
11
39
|
},] }
|
|
12
40
|
];
|
|
13
|
-
ContentWithButtonsComponent.
|
|
14
|
-
|
|
41
|
+
ContentWithButtonsComponent.propDecorators = {
|
|
42
|
+
iconCopy: [{ type: Input }],
|
|
43
|
+
iconTranslate: [{ type: Input }],
|
|
44
|
+
count: [{ type: Input }],
|
|
45
|
+
countCharacterLabel: [{ type: Input }],
|
|
46
|
+
countWordsLabel: [{ type: Input }],
|
|
47
|
+
reportLabel: [{ type: Input }],
|
|
48
|
+
copyAction: [{ type: Output }],
|
|
49
|
+
reportAction: [{ type: Output }],
|
|
50
|
+
translateAction: [{ type: Output }]
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC13aXRoLWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jb250ZW50LXdpdGgtYnV0dG9ucy9jb250ZW50LXdpdGgtYnV0dG9ucy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFrQyxTQUFTLEVBQWdCLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBTTVILE1BQU0sT0FBTywyQkFBMkI7SUFKeEM7UUFPRSxhQUFRLEdBQUcsb0JBQW9CLENBQUM7UUFHaEMsa0JBQWEsR0FBRyxrQkFBa0IsQ0FBQztRQUduQyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBR2Isd0JBQW1CLEdBQUcsWUFBWSxDQUFDO1FBR25DLG9CQUFlLEdBQUcsTUFBTSxDQUFDO1FBTXpCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBR3pDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUczQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFJOUMsaUJBQVksR0FBRyxLQUFLLENBQUM7SUErQnZCLENBQUM7SUF4QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDeEUsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLDhCQUE4QixFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ2pKLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDO1lBQ2hFLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUM7WUFDbkQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOzs7WUFqRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSwwQkFBMEI7Z0JBQ3BDLG00QkFBb0Q7YUFDckQ7Ozt1QkFHRSxLQUFLOzRCQUdMLEtBQUs7b0JBR0wsS0FBSztrQ0FHTCxLQUFLOzhCQUdMLEtBQUs7MEJBR0wsS0FBSzt5QkFHTCxNQUFNOzJCQUdOLE1BQU07OEJBR04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJDb250ZW50SW5pdCwgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2FjLWNvbnRlbnQtd2l0aC1idXR0b25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRlbnQtd2l0aC1idXR0b25zLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGVudFdpdGhCdXR0b25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKVxuICBpY29uQ29weSA9ICdmYS1kdW90b25lIGZhLWNvcHknO1xuXG4gIEBJbnB1dCgpXG4gIGljb25UcmFuc2xhdGUgPSAnZmEtdGhpbiBmYS1nbG9iZSc7XG5cbiAgQElucHV0KClcbiAgY291bnQgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50Q2hhcmFjdGVyTGFiZWwgPSAnY2FyYWN0w6hyZXMnO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50V29yZHNMYWJlbCA9ICdtb3RzJztcblxuICBASW5wdXQoKVxuICByZXBvcnRMYWJlbDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKVxuICBjb3B5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBPdXRwdXQoKVxuICByZXBvcnRBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHRyYW5zbGF0ZUFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb3VudFdvcmRzOiBudW1iZXI7XG5cbiAgY291bnRJc1JlYWR5ID0gZmFsc2U7XG5cbiAgY291bnRDaGFyYWN0ZXI6IG51bWJlcjtcblxuICByYW5kb21MYWJlbE5hbWU6IHN0cmluZztcblxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmFuZG9tTGFiZWxOYW1lID0gJ2NvbnRlbnQtJyArIE1hdGgucmFuZG9tKCkgKiAoOTAwIC0gNzAwKSArIDcwMDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLnJhbmRvbUxhYmVsTmFtZSkuaW5uZXJIVE1MLnJlcGxhY2UoLyg8KFtePl0rKT4pL2dpLCAnJykucmVwbGFjZSgvWy4sXFwvIyEkJVxcXiZcXCo7Ont9PVxcLV9gfigpXS9nLCAnJyk7XG4gICAgICB0aGlzLmNvdW50Q2hhcmFjdGVyID0gY29udGVudC50cmltKCkuc3BsaXQoJyAnKS5qb2luKCcnKS5sZW5ndGg7XG4gICAgICB0aGlzLmNvdW50V29yZHMgPSBjb250ZW50LnRyaW0oKS5zcGxpdCgnICcpLmxlbmd0aDtcbiAgICAgIHRoaXMuY291bnRJc1JlYWR5ID0gdHJ1ZTtcbiAgICB9KTtcbiAgfVxuXG4gIGV2ZW50Q29weSgpIHtcbiAgICB0aGlzLmNvcHlBY3Rpb24uZW1pdCh0cnVlKTtcbiAgfVxuXG4gIGV2ZW50VHJhbnNsYXRlKCkge1xuICAgIHRoaXMudHJhbnNsYXRlQWN0aW9uLmVtaXQodHJ1ZSk7XG4gIH1cblxuICBldmVudFJlcG9ydCgpIHtcbiAgICB0aGlzLnJlcG9ydEFjdGlvbi5lbWl0KHRydWUpO1xuICB9XG59XG4iXX0=
|
|
@@ -9,7 +9,7 @@ export class HeaderPageComponent {
|
|
|
9
9
|
HeaderPageComponent.decorators = [
|
|
10
10
|
{ type: Component, args: [{
|
|
11
11
|
selector: 'wac-header-page',
|
|
12
|
-
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
|
|
12
|
+
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"
|
|
13
13
|
},] }
|
|
14
14
|
];
|
|
15
15
|
HeaderPageComponent.ctorParameters = () => [];
|
|
@@ -19,4 +19,4 @@ HeaderPageComponent.propDecorators = {
|
|
|
19
19
|
withImg: [{ type: Input }],
|
|
20
20
|
center: [{ type: Input }]
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItcGFnZS9oZWFkZXItcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFLekQsTUFBTSxPQUFPLG1CQUFtQjtJQVM5QjtRQUhBLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFaEIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUNBLENBQUM7SUFDaEIsUUFBUSxLQUFVLENBQUM7OztZQWRwQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsZzZCQUEyQzthQUM1Qzs7OztvQkFFRSxLQUFLO3VCQUVMLEtBQUs7c0JBRUwsS0FBSztxQkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtaGVhZGVyLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGVyLXBhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlclBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKVxuICBsaW5rQmFjazogc3RyaW5nO1xuICBASW5wdXQoKVxuICB3aXRoSW1nID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIGNlbnRlciA9IGZhbHNlO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ export class LinkComponent {
|
|
|
3
3
|
constructor(renderer2) {
|
|
4
4
|
this.renderer2 = renderer2;
|
|
5
5
|
this.target = '_self';
|
|
6
|
+
this.fontSize = '14px';
|
|
6
7
|
}
|
|
7
8
|
set href(link) {
|
|
8
9
|
this._link = link;
|
|
@@ -32,7 +33,7 @@ export class LinkComponent {
|
|
|
32
33
|
LinkComponent.decorators = [
|
|
33
34
|
{ type: Component, args: [{
|
|
34
35
|
selector: 'wac-link',
|
|
35
|
-
template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
36
|
+
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
36
37
|
},] }
|
|
37
38
|
];
|
|
38
39
|
LinkComponent.ctorParameters = () => [
|
|
@@ -43,6 +44,7 @@ LinkComponent.propDecorators = {
|
|
|
43
44
|
target: [{ type: Input }],
|
|
44
45
|
id: [{ type: Input }],
|
|
45
46
|
class: [{ type: Input }],
|
|
47
|
+
fontSize: [{ type: Input }],
|
|
46
48
|
linkComponent: [{ type: ViewChild, args: ['linkComponent',] }]
|
|
47
49
|
};
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2xpbmsvbGluay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQVUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU0zRixNQUFNLE9BQU8sYUFBYTtJQXFCeEIsWUFBb0IsU0FBb0I7UUFBcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQVIvQixXQUFNLEdBQTRDLE9BQU8sQ0FBQztRQUcxRCxhQUFRLEdBQUcsTUFBTSxDQUFDO0lBS2dCLENBQUM7SUFqQjVDLElBQWEsSUFBSSxDQUFDLElBQWE7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBWUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN2QixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2pGLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDdEY7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3pFLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1NBQzVFO0lBQ0gsQ0FBQzs7O1lBN0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsaUtBQW9DO2FBQ3JDOzs7WUFMOEMsU0FBUzs7O21CQVVyRCxLQUFLO3FCQVNMLEtBQUs7aUJBQ0wsS0FBSztvQkFDTCxLQUFLO3VCQUNMLEtBQUs7NEJBRUwsU0FBUyxTQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhYy1saW5rJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmsuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIF9saW5rOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgc2V0IGhyZWYobGluayA6IHN0cmluZykge1xuICAgIHRoaXMuX2xpbmsgPSBsaW5rO1xuICAgIHRoaXMuc2V0QXR0cmlidXRlc0xpbmsoKTtcbiAgfVxuXG4gIGdldCBocmVmKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2xpbms7XG4gIH1cblxuICBASW5wdXQoKSB0YXJnZXQ6ICdfc2VsZicgfCAnX2JsYW5rJyB8ICdfcGFyZW50JyB8ICdfdG9wJyA9ICdfc2VsZic7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvbnRTaXplID0gJzE0cHgnO1xuXG4gIEBWaWV3Q2hpbGQoJ2xpbmtDb21wb25lbnQnKVxuICBsaW5rQ29tcG9uZW50OiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXIyOiBSZW5kZXJlcjIpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNldEF0dHJpYnV0ZXNMaW5rKCk7XG4gIH1cblxuICBzZXRBdHRyaWJ1dGVzTGluaygpIHtcbiAgICBpZiAoIXRoaXMubGlua0NvbXBvbmVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmhyZWYpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIyLnNldEF0dHJpYnV0ZSh0aGlzLmxpbmtDb21wb25lbnQubmF0aXZlRWxlbWVudCwgXCJocmVmXCIsIHRoaXMuaHJlZik7XG4gICAgICB0aGlzLnJlbmRlcmVyMi5zZXRBdHRyaWJ1dGUodGhpcy5saW5rQ29tcG9uZW50Lm5hdGl2ZUVsZW1lbnQsIFwidGFyZ2V0XCIsIHRoaXMudGFyZ2V0KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJlcjIucmVtb3ZlQXR0cmlidXRlKHRoaXMubGlua0NvbXBvbmVudC5uYXRpdmVFbGVtZW50LCBcImhyZWZcIik7XG4gICAgICB0aGlzLnJlbmRlcmVyMi5yZW1vdmVBdHRyaWJ1dGUodGhpcy5saW5rQ29tcG9uZW50Lm5hdGl2ZUVsZW1lbnQsIFwidGFyZ2V0XCIpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1731,7 +1731,7 @@ class HeaderPageComponent {
|
|
|
1731
1731
|
HeaderPageComponent.decorators = [
|
|
1732
1732
|
{ type: Component, args: [{
|
|
1733
1733
|
selector: 'wac-header-page',
|
|
1734
|
-
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
|
|
1734
|
+
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"
|
|
1735
1735
|
},] }
|
|
1736
1736
|
];
|
|
1737
1737
|
HeaderPageComponent.ctorParameters = () => [];
|
|
@@ -1874,6 +1874,7 @@ class LinkComponent {
|
|
|
1874
1874
|
constructor(renderer2) {
|
|
1875
1875
|
this.renderer2 = renderer2;
|
|
1876
1876
|
this.target = '_self';
|
|
1877
|
+
this.fontSize = '14px';
|
|
1877
1878
|
}
|
|
1878
1879
|
set href(link) {
|
|
1879
1880
|
this._link = link;
|
|
@@ -1903,7 +1904,7 @@ class LinkComponent {
|
|
|
1903
1904
|
LinkComponent.decorators = [
|
|
1904
1905
|
{ type: Component, args: [{
|
|
1905
1906
|
selector: 'wac-link',
|
|
1906
|
-
template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
1907
|
+
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
1907
1908
|
},] }
|
|
1908
1909
|
];
|
|
1909
1910
|
LinkComponent.ctorParameters = () => [
|
|
@@ -1914,6 +1915,7 @@ LinkComponent.propDecorators = {
|
|
|
1914
1915
|
target: [{ type: Input }],
|
|
1915
1916
|
id: [{ type: Input }],
|
|
1916
1917
|
class: [{ type: Input }],
|
|
1918
|
+
fontSize: [{ type: Input }],
|
|
1917
1919
|
linkComponent: [{ type: ViewChild, args: ['linkComponent',] }]
|
|
1918
1920
|
};
|
|
1919
1921
|
|
|
@@ -3831,7 +3833,7 @@ class BlockWithCheckboxComponent {
|
|
|
3831
3833
|
BlockWithCheckboxComponent.decorators = [
|
|
3832
3834
|
{ type: Component, args: [{
|
|
3833
3835
|
selector: 'wac-block-with-checkbox',
|
|
3834
|
-
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"
|
|
3836
|
+
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"
|
|
3835
3837
|
},] }
|
|
3836
3838
|
];
|
|
3837
3839
|
BlockWithCheckboxComponent.ctorParameters = () => [];
|
|
@@ -3948,17 +3950,55 @@ MosaicComponent.propDecorators = {
|
|
|
3948
3950
|
};
|
|
3949
3951
|
|
|
3950
3952
|
class ContentWithButtonsComponent {
|
|
3951
|
-
constructor() {
|
|
3953
|
+
constructor() {
|
|
3954
|
+
this.iconCopy = 'fa-duotone fa-copy';
|
|
3955
|
+
this.iconTranslate = 'fa-thin fa-globe';
|
|
3956
|
+
this.count = true;
|
|
3957
|
+
this.countCharacterLabel = 'caractères';
|
|
3958
|
+
this.countWordsLabel = 'mots';
|
|
3959
|
+
this.copyAction = new EventEmitter();
|
|
3960
|
+
this.reportAction = new EventEmitter();
|
|
3961
|
+
this.translateAction = new EventEmitter();
|
|
3962
|
+
this.countIsReady = false;
|
|
3963
|
+
}
|
|
3952
3964
|
ngOnInit() {
|
|
3965
|
+
this.randomLabelName = 'content-' + Math.random() * (900 - 700) + 700;
|
|
3966
|
+
}
|
|
3967
|
+
ngAfterViewInit() {
|
|
3968
|
+
setTimeout(() => {
|
|
3969
|
+
const content = document.getElementById(this.randomLabelName).innerHTML.replace(/(<([^>]+)>)/gi, '').replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, '');
|
|
3970
|
+
this.countCharacter = content.trim().split(' ').join('').length;
|
|
3971
|
+
this.countWords = content.trim().split(' ').length;
|
|
3972
|
+
this.countIsReady = true;
|
|
3973
|
+
});
|
|
3974
|
+
}
|
|
3975
|
+
eventCopy() {
|
|
3976
|
+
this.copyAction.emit(true);
|
|
3977
|
+
}
|
|
3978
|
+
eventTranslate() {
|
|
3979
|
+
this.translateAction.emit(true);
|
|
3980
|
+
}
|
|
3981
|
+
eventReport() {
|
|
3982
|
+
this.reportAction.emit(true);
|
|
3953
3983
|
}
|
|
3954
3984
|
}
|
|
3955
3985
|
ContentWithButtonsComponent.decorators = [
|
|
3956
3986
|
{ type: Component, args: [{
|
|
3957
3987
|
selector: 'wac-content-with-buttons',
|
|
3958
|
-
template: "<
|
|
3988
|
+
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"
|
|
3959
3989
|
},] }
|
|
3960
3990
|
];
|
|
3961
|
-
ContentWithButtonsComponent.
|
|
3991
|
+
ContentWithButtonsComponent.propDecorators = {
|
|
3992
|
+
iconCopy: [{ type: Input }],
|
|
3993
|
+
iconTranslate: [{ type: Input }],
|
|
3994
|
+
count: [{ type: Input }],
|
|
3995
|
+
countCharacterLabel: [{ type: Input }],
|
|
3996
|
+
countWordsLabel: [{ type: Input }],
|
|
3997
|
+
reportLabel: [{ type: Input }],
|
|
3998
|
+
copyAction: [{ type: Output }],
|
|
3999
|
+
reportAction: [{ type: Output }],
|
|
4000
|
+
translateAction: [{ type: Output }]
|
|
4001
|
+
};
|
|
3962
4002
|
|
|
3963
4003
|
const components = [
|
|
3964
4004
|
TagComponent,
|