@wizishop/angular-components 0.0.251 → 0.0.254
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 +5806 -5806
- package/bundles/wizishop-angular-components.umd.js +24 -22
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +2 -2
- 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/breadcrumbs/breadcrumbs.component.js +2 -2
- package/esm2015/lib/components/breadcrumbs/breadcrumbs.dto.js +1 -1
- package/esm2015/lib/components/button/button.component.js +2 -2
- package/esm2015/lib/components/card-price/card-price.component.js +2 -2
- package/esm2015/lib/components/charging-bar/charging-bar.component.js +2 -2
- package/esm2015/lib/components/confirm-delete/confirm-delete.component.js +2 -2
- package/esm2015/lib/components/content-with-buttons/content-with-buttons.component.js +2 -2
- package/esm2015/lib/components/draganddrop-list/draganddrop-list.component.js +2 -2
- package/esm2015/lib/components/expanded-panel/expanded-panel.component.js +2 -2
- package/esm2015/lib/components/header-page/header-page.component.js +2 -2
- package/esm2015/lib/components/hn/h1/h1.component.js +2 -2
- package/esm2015/lib/components/inputs/input/input.component.js +2 -2
- package/esm2015/lib/components/link/link.component.js +2 -2
- package/esm2015/lib/components/mosaic/mosaic.component.js +2 -2
- package/esm2015/lib/components/popin/popin.component.js +2 -2
- package/esm2015/lib/components/selects/select/select.component.js +2 -2
- package/esm2015/lib/components/selects/select-in-text/select-in-text.component.js +2 -2
- package/esm2015/lib/components/shared-components.module.js +1 -1
- package/esm2015/lib/components/switch/switch.component.js +4 -2
- package/esm2015/lib/components/text-area/text-area.component.js +2 -2
- package/esm2015/lib/components/token-check/token-check.component.js +2 -2
- package/esm2015/lib/components/wrapper-multiple-block/wrapper-multiple-block.component.js +2 -2
- package/esm2015/lib/components/wrapper-sidebar/wrapper-sidebar.component.js +2 -2
- package/esm2015/public-api.js +1 -1
- package/fesm2015/wizishop-angular-components.js +24 -22
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/switch/switch.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.254.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.251.tgz +0 -0
|
@@ -977,7 +977,7 @@ class ButtonComponent {
|
|
|
977
977
|
ButtonComponent.decorators = [
|
|
978
978
|
{ type: Component, args: [{
|
|
979
979
|
selector: 'wac-button',
|
|
980
|
-
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 coin ? 'has-coin width-auto' : '',\n animationRight ? 'animation-right' : '',\n animation ? 'animationText' : '',\n isLoading ? 'is-loading' : '',\n opacity ? 'opacity' : '',\n disabled ? 'disabled' : '',\n widthAuto ? 'width-auto' : '',\n noPadding ? 'no-padding' : '',\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\" [style.color]=\"textcolor ? textcolor : ''\">\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 *ngIf=\"coin\" class=\"wac-button__coin\"><i class=\"fa-solid fa-coin-front\"></i><span [innerHTML]=\"coin\"></span></span>\n <span\n class=\"wac-button__loader\"\n [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n *ngIf=\"isLoading\"\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 </span>\n <span class=\"wac-button__tooltips {{ tooltipPosition }}\" [ngClass]=\"{'oneline': tooltipOneline}\" [style.minWidth]=\"tooltipWidth\" *ngIf=\"tooltip\">\n {{ tooltip }}\n </span>\n</a>\n"
|
|
980
|
+
template: "<a\r\n [class]=\"'wac-button ' + extraClasses\"\r\n (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\r\n (mouseleave)=\"animation ? resetMaxWidth() : '';\"\r\n (mouseenter)=\"animation ? addMaxWidth() : '';\"\r\n wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\r\n [ngClass]=\"[\r\n label === '' ? 'alone' : '',\r\n coin ? 'has-coin width-auto' : '',\r\n animationRight ? 'animation-right' : '',\r\n animation ? 'animationText' : '',\r\n isLoading ? 'is-loading' : '',\r\n opacity ? 'opacity' : '',\r\n disabled ? 'disabled' : '',\r\n widthAuto ? 'width-auto' : '',\r\n noPadding ? 'no-padding' : '',\r\n whiteSpaceNowrap ? 'white-space-no-wrap' : '',\r\n !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\r\n confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\r\n ]\"\r\n [ngStyle]=\"{\r\n 'text-align': contentHorizontalPosition\r\n }\"\r\n>\r\n <span class=\"wac-button__wrapper\" [style.color]=\"textcolor ? textcolor : ''\">\r\n <i *ngIf=\"icon\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n {{ label }}\r\n <i *ngIf=\"iconNext\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\r\n </span>\r\n <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\r\n <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\r\n </span>\r\n <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\r\n <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\r\n </span>\r\n <span *ngIf=\"coin\" class=\"wac-button__coin\"><i class=\"fa-solid fa-coin-front\"></i><span [innerHTML]=\"coin\"></span></span>\r\n <span\r\n class=\"wac-button__loader\"\r\n [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\r\n *ngIf=\"isLoading\"\r\n [style.width]=\"currentLoading + '%'\"\r\n >\r\n <span *ngIf=\"extraClasses.includes('is-outlined')\">\r\n <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\r\n {{ label }}\r\n <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\r\n </span>\r\n </span>\r\n <span class=\"wac-button__tooltips {{ tooltipPosition }}\" [ngClass]=\"{'oneline': tooltipOneline}\" [style.minWidth]=\"tooltipWidth\" *ngIf=\"tooltip\">\r\n {{ tooltip }}\r\n </span>\r\n</a>\r\n"
|
|
981
981
|
},] }
|
|
982
982
|
];
|
|
983
983
|
ButtonComponent.ctorParameters = () => [];
|
|
@@ -1656,7 +1656,7 @@ class TextAreaComponent {
|
|
|
1656
1656
|
TextAreaComponent.decorators = [
|
|
1657
1657
|
{ type: Component, args: [{
|
|
1658
1658
|
selector: 'wac-text-area',
|
|
1659
|
-
template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\n <div class=\"field-label is-normal has-text-left\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\n <textarea\n class=\"textarea\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo != '' || size }\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n [autosize]=\"dynamicSize\"\n [onlyGrow]=\"true\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n ></textarea>\n <!-- Icon error -->\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wac-text-area__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n <span\n *ngIf=\"size && !progressBar\"\n class=\"is-size-7 wac-text-area__size\"\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\n >\n </p>\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
1659
|
+
template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\r\n <div class=\"field-label is-normal has-text-left\">\r\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\r\n </div>\r\n <div class=\"field-body\">\r\n <div class=\"field\">\r\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': (textError || error || success) && !disabled }\">\r\n <textarea\r\n class=\"textarea\"\r\n [id]=\"id\"\r\n [ngClass]=\"{ 'is-danger': (textError || error) && !disabled, 'is-empty': value === '', 'is-success': success && !disabled, 'has-help-text': textInfo != '' || size }\"\r\n [placeholder]=\"placeholder\"\r\n [attr.size]=\"size\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (blur)=\"onBlur()\"\r\n [disabled]=\"disabled\"\r\n [autosize]=\"dynamicSize\"\r\n [onlyGrow]=\"true\"\r\n [maxlength]=\"maxlength ? maxlength : 524288\"\r\n [minlength]=\"minlength ? minlength : 0\"\r\n ></textarea>\r\n <!-- Icon error -->\r\n <span *ngIf=\"(textError || error) && !disabled\" class=\"icon is-small is-right\">\r\n <i class=\"fal fa-times has-text-danger\"></i>\r\n </span>\r\n <!-- Icon success -->\r\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n <i class=\"fas fa-check has-text-success\"></i>\r\n </span>\r\n <span\r\n *ngIf=\"textInfo && (textError === null || textError === '')\"\r\n class=\"is-size-7 wac-text-area__info text-info\"\r\n [innerHtml]=\"textInfo\"\r\n ></span>\r\n <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n <span\r\n *ngIf=\"size && !progressBar\"\r\n class=\"is-size-7 wac-text-area__size\"\r\n [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\r\n ><strong>{{ value ? value.length : 0 }}</strong> / {{ size }}</span\r\n >\r\n </p>\r\n <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1660
1660
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
|
|
1661
1661
|
},] }
|
|
1662
1662
|
];
|
|
@@ -1690,7 +1690,7 @@ class H1Component {
|
|
|
1690
1690
|
H1Component.decorators = [
|
|
1691
1691
|
{ type: Component, args: [{
|
|
1692
1692
|
selector: 'wac-h1',
|
|
1693
|
-
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n"
|
|
1693
|
+
template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\r\n"
|
|
1694
1694
|
},] }
|
|
1695
1695
|
];
|
|
1696
1696
|
H1Component.ctorParameters = () => [];
|
|
@@ -1740,7 +1740,7 @@ class HeaderPageComponent {
|
|
|
1740
1740
|
HeaderPageComponent.decorators = [
|
|
1741
1741
|
{ type: Component, args: [{
|
|
1742
1742
|
selector: 'wac-header-page',
|
|
1743
|
-
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"
|
|
1743
|
+
template: "<div class=\"wac-header-page\">\r\n <div class=\"wac-header-page__maxWidth\">\r\n <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n <!-- TODO Hard to use when only want a button and not a router link -->\r\n <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\r\n <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n </div>\r\n <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n </div>\r\n <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n"
|
|
1744
1744
|
},] }
|
|
1745
1745
|
];
|
|
1746
1746
|
HeaderPageComponent.ctorParameters = () => [];
|
|
@@ -1839,7 +1839,7 @@ class InputComponent {
|
|
|
1839
1839
|
InputComponent.decorators = [
|
|
1840
1840
|
{ type: Component, args: [{
|
|
1841
1841
|
selector: 'wac-input',
|
|
1842
|
-
template: "<div\n class=\"field wac-input\"\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\n>\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\n [innerHTML]=\"label\"\n [for]=\"id\"\n ></label>\n <wac-tooltip\n *ngIf=\"showTooltip\"\n [tooltipIcon]=\"iconTooltip\"\n [tooltipText]=\"textTooltip\"\n [tooltipLink]=\"linkTooltip\"\n [tooltipUrl]=\"urlTooltip\"\n ></wac-tooltip>\n <!-- Size -->\n <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\n <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\n </span>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p\n class=\"control\"\n [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n >\n <!-- Text Prepend -->\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n </span>\n\n <!-- Input -->\n <input\n [class]=\"'input ' + extraClasses\"\n [id]=\"id\"\n [ngClass]=\"{\n 'is-danger': (textError || error) && !disabled,\n 'is-empty': value === '',\n 'is-large': big,\n 'is-number': isNumber,\n 'remove-margin': disableMargin,\n 'text-append': textAppend\n }\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [attr.size]=\"size\"\n [(ngModel)]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n (focusout)=\"onFocusOut()\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength ? maxlength : 524288\"\n [minlength]=\"minlength ? minlength : 0\"\n (keypress)=\"keyPress($event)\"\n />\n\n <!-- Indication at the end of the input -->\n <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\n <span [innerHTML]=\"indication\"></span>\n </span>\n\n <!-- Text Append -->\n <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n <!-- error if text append not empty -->\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n </span>\n\n <!-- Icon Left -->\n <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\n <i [class]=\"icon\"></i>\n </span>\n\n <!-- Icon error if textAppend empty -->\n <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n\n <!-- Icon success -->\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\n <i class=\"fas fa-check has-text-success\"></i>\n </span>\n\n <!-- Text Info -->\n <span\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\n class=\"is-size-7 wac-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n\n <!-- Text Error -->\n <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n </p>\n\n <!-- Progress Bar -->\n <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n </div>\n </div>\n</div>\n",
|
|
1842
|
+
template: "<div\r\n class=\"field wac-input\"\r\n [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\r\n>\r\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\r\n <label\r\n [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\r\n [innerHTML]=\"label\"\r\n [for]=\"id\"\r\n ></label>\r\n <wac-tooltip\r\n *ngIf=\"showTooltip\"\r\n [tooltipIcon]=\"iconTooltip\"\r\n [tooltipText]=\"textTooltip\"\r\n [tooltipLink]=\"linkTooltip\"\r\n [tooltipUrl]=\"urlTooltip\"\r\n ></wac-tooltip>\r\n <!-- Size -->\r\n <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\r\n <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\r\n </span>\r\n </div>\r\n <div class=\"field-body\">\r\n <div class=\"field\">\r\n <p\r\n class=\"control\"\r\n [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\r\n >\r\n <!-- Text Prepend -->\r\n <span *ngIf=\"textPrepend\" class=\"has-input-group\">\r\n <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\r\n <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\r\n <i [class]=\"icon\"></i>\r\n </span>\r\n </span>\r\n\r\n <!-- Input -->\r\n <input\r\n [class]=\"'input ' + extraClasses\"\r\n [id]=\"id\"\r\n [ngClass]=\"{\r\n 'is-danger': (textError || error) && !disabled,\r\n 'is-empty': value === '',\r\n 'is-large': big,\r\n 'is-number': isNumber,\r\n 'remove-margin': disableMargin,\r\n 'text-append': textAppend\r\n }\"\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [attr.size]=\"size\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (blur)=\"onBlur()\"\r\n [disabled]=\"disabled\"\r\n (focusout)=\"onFocusOut()\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [maxlength]=\"maxlength ? maxlength : 524288\"\r\n [minlength]=\"minlength ? minlength : 0\"\r\n (keypress)=\"keyPress($event)\"\r\n />\r\n\r\n <!-- Indication at the end of the input -->\r\n <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\r\n <span [innerHTML]=\"indication\"></span>\r\n </span>\r\n\r\n <!-- Text Append -->\r\n <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\r\n <span class=\"has-input-group-text append\">{{ textAppend }}</span>\r\n <!-- error if text append not empty -->\r\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\r\n <i class=\"fal fa-times has-text-danger\"></i>\r\n </span>\r\n </span>\r\n\r\n <!-- Icon Left -->\r\n <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\r\n <i [class]=\"icon\"></i>\r\n </span>\r\n\r\n <!-- Icon error if textAppend empty -->\r\n <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft && !disabled\" class=\"icon is-small is-right\">\r\n <i class=\"fal fa-times has-text-danger\"></i>\r\n </span>\r\n\r\n <!-- Icon success -->\r\n <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n <i class=\"fas fa-check has-text-success\"></i>\r\n </span>\r\n\r\n <!-- Text Info -->\r\n <span\r\n *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\r\n class=\"is-size-7 wac-input__info text-info\"\r\n [innerHtml]=\"textInfo\"\r\n ></span>\r\n\r\n <!-- Text Error -->\r\n <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n </p>\r\n\r\n <!-- Progress Bar -->\r\n <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1843
1843
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
|
|
1844
1844
|
},] }
|
|
1845
1845
|
];
|
|
@@ -1915,7 +1915,7 @@ class LinkComponent {
|
|
|
1915
1915
|
LinkComponent.decorators = [
|
|
1916
1916
|
{ type: Component, args: [{
|
|
1917
1917
|
selector: 'wac-link',
|
|
1918
|
-
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
1918
|
+
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\r\n"
|
|
1919
1919
|
},] }
|
|
1920
1920
|
];
|
|
1921
1921
|
LinkComponent.ctorParameters = () => [
|
|
@@ -2008,6 +2008,7 @@ class SwitchComponent {
|
|
|
2008
2008
|
// todo add ngmodel and review texts display (textState is mandatory in order to display textStateEnable and textStateDisable)
|
|
2009
2009
|
this.value = false;
|
|
2010
2010
|
this.textState = false;
|
|
2011
|
+
this.textStateAfter = false;
|
|
2011
2012
|
this.textStateEnable = '';
|
|
2012
2013
|
this.textStateDisable = '';
|
|
2013
2014
|
this.showInput = false; // todo should not be handle here, but in another component
|
|
@@ -2052,7 +2053,7 @@ class SwitchComponent {
|
|
|
2052
2053
|
SwitchComponent.decorators = [
|
|
2053
2054
|
{ type: Component, args: [{
|
|
2054
2055
|
selector: 'wac-switch',
|
|
2055
|
-
template: "<div class=\"wac-switch\">\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\n <label [for]=\"id\" class=\"wac-switch__label\">\n <span class=\"wac-switch__label__text\"\n
|
|
2056
|
+
template: "<div class=\"wac-switch\">\r\n <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\" [disabled]=\"disabled\"/>\r\n <label [for]=\"id\" class=\"wac-switch__label\">\r\n <span class=\"wac-switch__label__text\">\r\n <ng-content></ng-content>\r\n <span\r\n *ngIf=\"textState\"\r\n [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\r\n >{{ textState }}\r\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\r\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\r\n {{ textStateAfter }}\r\n </span>\r\n </span>\r\n </label>\r\n</div>\r\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\r\n <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\r\n</div>\r\n",
|
|
2056
2057
|
providers: [
|
|
2057
2058
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
2058
2059
|
],
|
|
@@ -2065,6 +2066,7 @@ SwitchComponent.ctorParameters = () => [
|
|
|
2065
2066
|
SwitchComponent.propDecorators = {
|
|
2066
2067
|
value: [{ type: Input }],
|
|
2067
2068
|
textState: [{ type: Input }],
|
|
2069
|
+
textStateAfter: [{ type: Input }],
|
|
2068
2070
|
textStateEnable: [{ type: Input }],
|
|
2069
2071
|
textStateDisable: [{ type: Input }],
|
|
2070
2072
|
showInput: [{ type: Input }],
|
|
@@ -2721,7 +2723,7 @@ class SelectInTextComponent {
|
|
|
2721
2723
|
SelectInTextComponent.decorators = [
|
|
2722
2724
|
{ type: Component, args: [{
|
|
2723
2725
|
selector: 'wac-select-in-text',
|
|
2724
|
-
template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\n <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\n <span>{{ currentLabel }}</span>\n <div\n class=\"wac-select-in-text__content\"\n [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\n [ngStyle]=\"{ 'max-width': maxWidthItems }\"\n >\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\n <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n </div>\n </div>\n </perfect-scrollbar>\n </div>\n </div>\n <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\n</div>\n"
|
|
2726
|
+
template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\r\n <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\r\n <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\r\n <span>{{ currentLabel }}</span>\r\n <div\r\n class=\"wac-select-in-text__content\"\r\n [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\r\n [ngStyle]=\"{ 'max-width': maxWidthItems }\"\r\n >\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\r\n <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy: customTB; let index = index;\">\r\n <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\r\n <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\r\n </div>\r\n </div>\r\n </perfect-scrollbar>\r\n </div>\r\n </div>\r\n <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\r\n</div>\r\n"
|
|
2725
2727
|
},] }
|
|
2726
2728
|
];
|
|
2727
2729
|
SelectInTextComponent.ctorParameters = () => [];
|
|
@@ -2831,7 +2833,7 @@ class SelectComponent {
|
|
|
2831
2833
|
SelectComponent.decorators = [
|
|
2832
2834
|
{ type: Component, args: [{
|
|
2833
2835
|
selector: 'wac-select',
|
|
2834
|
-
template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [ngClass]=\"{'to-top': openUp}\" [zIndexToggle]=\"openCategories\">\n\n <div class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\" *ngIf=\"!search\">\n <span *ngIf=\"indexItemSelected !== -1\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n <span [innerHTML]=\"indexItemSelected !== -1 ? items[indexItemSelected].name : placeholder\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\n </div>\n\n <div class=\"wac-select__current wac-select__current--withSearch\" [ngClass]=\"{ 'select-disabled' : disabled, 'open-search': openCategories }\" *ngIf=\"search\">\n <div class=\"wac-select__current__search\" *ngIf=\"openCategories && !disabled\">\n <i class=\"far fa-search\"></i>\n <input #search type=\"text\" [(ngModel)]=\"searchValue\" (ngModelChange)=\"onSearcheValueChange()\" (keypressEnter)=\"onClickCallToAction()\"/>\n </div>\n <span (click)=\"openCategories = !openCategories;\" *ngIf=\"items[indexItemSelected]?.icon && !openCategories\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n <span (click)=\"showCategories()\" [innerHTML]=\"items[indexItemSelected]?.name ? items[indexItemSelected].name : placeholder\"></span>\n <span (click)=\"openCategories = !openCategories;\"><i class=\"fas fa-chevron-down\"></i></span>\n </div>\n\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length\">\n\n <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n <div (click)=\"onClickCallToAction()\">\n <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n ><span>{{ callToAction?.name }}</span>\n </div>\n </div>\n\n <div\n *ngFor=\"let item of items | selectFilters: searchValue; let index = index;\"\n (click)=\"onClose()\"\n class=\"wac-select__content__item\"\n >\n <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(item.id)\">\n <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n </div>\n </div>\n\n </perfect-scrollbar>\n\n <div *ngIf=\"!(items | selectFilters: searchValue)?.length\" class=\"wac-select__content__empty\">\n <span>{{'wac.datatable.noresult' | translate}}</span>\n </div>\n\n </div>\n</div>\n",
|
|
2836
|
+
template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\r\n\r\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [ngClass]=\"{'to-top': openUp}\" [zIndexToggle]=\"openCategories\">\r\n\r\n <div class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\" *ngIf=\"!search\">\r\n <span *ngIf=\"indexItemSelected !== -1\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\r\n <span [innerHTML]=\"indexItemSelected !== -1 ? items[indexItemSelected].name : placeholder\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\r\n </div>\r\n\r\n <div class=\"wac-select__current wac-select__current--withSearch\" [ngClass]=\"{ 'select-disabled' : disabled, 'open-search': openCategories }\" *ngIf=\"search\">\r\n <div class=\"wac-select__current__search\" *ngIf=\"openCategories && !disabled\">\r\n <i class=\"far fa-search\"></i>\r\n <input #search type=\"text\" [(ngModel)]=\"searchValue\" (ngModelChange)=\"onSearcheValueChange()\" (keypressEnter)=\"onClickCallToAction()\"/>\r\n </div>\r\n <span (click)=\"openCategories = !openCategories;\" *ngIf=\"items[indexItemSelected]?.icon && !openCategories\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\r\n <span (click)=\"showCategories()\" [innerHTML]=\"items[indexItemSelected]?.name ? items[indexItemSelected].name : placeholder\"></span>\r\n <span (click)=\"openCategories = !openCategories;\"><i class=\"fas fa-chevron-down\"></i></span>\r\n </div>\r\n\r\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length\">\r\n\r\n <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\r\n <div (click)=\"onClickCallToAction()\">\r\n <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\r\n ><span>{{ callToAction?.name }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngFor=\"let item of items | selectFilters: searchValue; let index = index;\"\r\n (click)=\"onClose()\"\r\n class=\"wac-select__content__item\"\r\n >\r\n <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(item.id)\">\r\n <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\r\n </div>\r\n </div>\r\n\r\n </perfect-scrollbar>\r\n\r\n <div *ngIf=\"!(items | selectFilters: searchValue)?.length\" class=\"wac-select__content__empty\">\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n\r\n </div>\r\n</div>\r\n",
|
|
2835
2837
|
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }]
|
|
2836
2838
|
},] }
|
|
2837
2839
|
];
|
|
@@ -3140,7 +3142,7 @@ class PopinComponent {
|
|
|
3140
3142
|
PopinComponent.decorators = [
|
|
3141
3143
|
{ type: Component, args: [{
|
|
3142
3144
|
selector: 'wac-popin',
|
|
3143
|
-
template: "<div class=\"wac-free\" *ngIf=\"visible\">\n <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin(true)\">\n <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" alt=\"barre admin\" />\n\n <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\n\n <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free__wrapper__buttons\">\n <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\n </div>\n <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-free__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
3145
|
+
template: "<div class=\"wac-free\" *ngIf=\"visible\">\r\n <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin(true)\">\r\n <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\r\n <i class=\"fas fa-times\"></i>\r\n </a>\r\n <div class=\"wac-free__wrapper__content\">\r\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\r\n <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" alt=\"barre admin\" />\r\n\r\n <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\r\n\r\n <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\r\n </perfect-scrollbar>\r\n </div>\r\n <div class=\"wac-free__wrapper__buttons\">\r\n <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\r\n <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" hasLoader=\"true\" (click)=\"validatePopin()\"></wac-button>\r\n </div>\r\n <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\r\n <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" hasLoader=\"true\" (click)=\"refusePopin()\"></wac-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-free__background\" *ngIf=\"background\"></div>\r\n</div>\r\n"
|
|
3144
3146
|
},] }
|
|
3145
3147
|
];
|
|
3146
3148
|
PopinComponent.ctorParameters = () => [
|
|
@@ -3751,7 +3753,7 @@ class WrapperSidebarComponent {
|
|
|
3751
3753
|
WrapperSidebarComponent.decorators = [
|
|
3752
3754
|
{ type: Component, args: [{
|
|
3753
3755
|
selector: 'wac-wrapper-sidebar',
|
|
3754
|
-
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n <div class=\"wac-wrapper-sidebar__left\" [ngClass]=\"{'sticky': stickySidebar}\">\n <ng-content select=\"[sidebar]\"></ng-content>\n </div>\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\n <ng-content select=\"[content]\"></ng-content>\n </div>\n</div>\n"
|
|
3756
|
+
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\r\n <div class=\"wac-wrapper-sidebar__left\" [ngClass]=\"{'sticky': stickySidebar}\">\r\n <ng-content select=\"[sidebar]\"></ng-content>\r\n </div>\r\n <div class=\"wac-wrapper-sidebar__right\" [style.backgroundImage]=\"!hideBackground && backgroundGrey !== '' ? 'url(' + backgroundGrey + ')' : ''\" [style.backgroundSize]=\"backgroundWidth\">\r\n <ng-content select=\"[content]\"></ng-content>\r\n </div>\r\n</div>\r\n"
|
|
3755
3757
|
},] }
|
|
3756
3758
|
];
|
|
3757
3759
|
WrapperSidebarComponent.ctorParameters = () => [];
|
|
@@ -3779,7 +3781,7 @@ class BreadcrumbsComponent {
|
|
|
3779
3781
|
BreadcrumbsComponent.decorators = [
|
|
3780
3782
|
{ type: Component, args: [{
|
|
3781
3783
|
selector: 'wac-breadcrumbs',
|
|
3782
|
-
template: "<div class=\"wac-breadcrumbs\" [ngClass]=\"{'no-responsive': noResponsive}\">\n <div class=\"wac-breadcrumbs__wrapper\">\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n </div>\n </div>\n</div>\n"
|
|
3784
|
+
template: "<div class=\"wac-breadcrumbs\" [ngClass]=\"{'no-responsive': noResponsive}\">\r\n <div class=\"wac-breadcrumbs__wrapper\">\r\n <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\r\n <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\r\n <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\r\n </div>\r\n </div>\r\n</div>\r\n"
|
|
3783
3785
|
},] }
|
|
3784
3786
|
];
|
|
3785
3787
|
BreadcrumbsComponent.ctorParameters = () => [];
|
|
@@ -3812,7 +3814,7 @@ class CardPriceComponent {
|
|
|
3812
3814
|
CardPriceComponent.decorators = [
|
|
3813
3815
|
{ type: Component, args: [{
|
|
3814
3816
|
selector: 'wac-card-price',
|
|
3815
|
-
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\" [innerHTML]=\"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"
|
|
3817
|
+
template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\r\n <strong>{{amount}}</strong>\r\n <p>{{title}}</p>\r\n <div class=\"price\">\r\n <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\" [innerHTML]=\"priceWording\"></span>\r\n </div>\r\n <div class=\"subtitle\">{{subtitle}}</div>\r\n <div class=\"cta\" *ngIf=\"!selected && !hideButton\">\r\n <wac-button [noPadding]=\"true\" [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [whiteSpaceNowrap]=\"true\" [textcolor]=\"btnTextcolor\"></wac-button>\r\n </div>\r\n <div class=\"cta\" *ngIf=\"selected && !hideButton\">\r\n <wac-button [noPadding]=\"true\" [icon]=\"'fa-solid fa-check'\" [label]=\"btnLabelSelected\" [extraClasses]=\"extraClassesSelected\" [whiteSpaceNowrap]=\"true\"></wac-button>\r\n </div>\r\n <div class=\"package-subtitle\" *ngIf=\"selected\">{{packageSubtitle}}</div>\r\n <div class=\"link-bottom\" *ngIf=\"linkPackageLabel\">\r\n <wac-link (click)=\"removePackageTrigger()\">{{linkPackageLabel}}</wac-link>\r\n </div>\r\n</div>\r\n"
|
|
3816
3818
|
},] }
|
|
3817
3819
|
];
|
|
3818
3820
|
CardPriceComponent.ctorParameters = () => [];
|
|
@@ -3847,7 +3849,7 @@ class TokenCheckComponent {
|
|
|
3847
3849
|
TokenCheckComponent.decorators = [
|
|
3848
3850
|
{ type: Component, args: [{
|
|
3849
3851
|
selector: 'wac-token-check',
|
|
3850
|
-
template: "<div class=\"wac-token-check\">\n <span [innerHTML]=\"label\"></span> : <span [innerHTML]=\"value\" [ngClass]=\"{'warning': value > max}\"></span>/<strong [innerHTML]=\"max\"></strong>\n</div>\n"
|
|
3852
|
+
template: "<div class=\"wac-token-check\">\r\n <span [innerHTML]=\"label\"></span> : <span [innerHTML]=\"value\" [ngClass]=\"{'warning': value > max}\"></span>/<strong [innerHTML]=\"max\"></strong>\r\n</div>\r\n"
|
|
3851
3853
|
},] }
|
|
3852
3854
|
];
|
|
3853
3855
|
TokenCheckComponent.ctorParameters = () => [];
|
|
@@ -3885,7 +3887,7 @@ class BlockWithCheckboxComponent {
|
|
|
3885
3887
|
BlockWithCheckboxComponent.decorators = [
|
|
3886
3888
|
{ type: Component, args: [{
|
|
3887
3889
|
selector: 'wac-block-with-checkbox',
|
|
3888
|
-
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)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''\">\n <ng-content></ng-content>\n </div>\n</div>\n"
|
|
3890
|
+
template: "<div class=\"block-with-checkbox\" (click)=\"disabled ? $event.preventDefault() : ''\" [ngClass]=\"{'selected': inputRadioA.checked || selected, 'firstWacRadioBLock': isFirst, 'disabled': disabled}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\r\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\r\n <div class=\"wac-radio-block\">\r\n <div class=\"wac-radio__row\">\r\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [checked]=\"selected\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\r\n <label [for]=\"randomLabelName\"></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"block-with-checkbox__center\" (click)=\"$event.target['className'] !== 'wac-link' ? inputRadioA.click() : ''\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n"
|
|
3889
3891
|
},] }
|
|
3890
3892
|
];
|
|
3891
3893
|
BlockWithCheckboxComponent.ctorParameters = () => [];
|
|
@@ -3936,7 +3938,7 @@ class ConfirmDeleteComponent {
|
|
|
3936
3938
|
ConfirmDeleteComponent.decorators = [
|
|
3937
3939
|
{ type: Component, args: [{
|
|
3938
3940
|
selector: 'wac-confirm-delete',
|
|
3939
|
-
template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n <div>\n <span [innerHTML]=\"label\"></span>\n </div>\n <div>\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n </div>\n</div>\n"
|
|
3941
|
+
template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\r\n <div>\r\n <span [innerHTML]=\"label\"></span>\r\n </div>\r\n <div>\r\n <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\r\n <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\r\n </div>\r\n</div>\r\n"
|
|
3940
3942
|
},] }
|
|
3941
3943
|
];
|
|
3942
3944
|
ConfirmDeleteComponent.ctorParameters = () => [];
|
|
@@ -4011,7 +4013,7 @@ class MosaicComponent {
|
|
|
4011
4013
|
MosaicComponent.decorators = [
|
|
4012
4014
|
{ type: Component, args: [{
|
|
4013
4015
|
selector: 'wac-mosaic',
|
|
4014
|
-
template: "<div class=\"wac-mosaic\" [ngClass]=\"{'is-loading': isLoading}\">\n <ng-scrollbar (reachedBottom)=\"onBottomReached()\" reachedOffset=\"200\" class=\"wac-mosaic__wrapper__scrollbar\">\n <div class=\"wac-mosaic__wrapper\">\n <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns; trackBy : trackColumn;\">\n <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index; trackBy : trackImage\">\n <img [src]=\"image.src\" [alt]=\"image.alt\"/>\n <div class=\"hover\">\n <ng-container\n [ngTemplateOutlet]=\"hoverImageTemplate || defaultImportButton\"\n [ngTemplateOutletContext]=\"{ $implicit: image }\"\n >\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wac-mosaic__wrapper load\">\n <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns; trackBy : trackColumn;\">\n <div class=\"load-img\">\n </div>\n </div>\n </div>\n </ng-scrollbar>\n</div>\n\n<ng-template #defaultImportButton let-image>\n <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\n</ng-template>\n",
|
|
4016
|
+
template: "<div class=\"wac-mosaic\" [ngClass]=\"{'is-loading': isLoading}\">\r\n <ng-scrollbar (reachedBottom)=\"onBottomReached()\" reachedOffset=\"200\" class=\"wac-mosaic__wrapper__scrollbar\">\r\n <div class=\"wac-mosaic__wrapper\">\r\n <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns; trackBy : trackColumn;\">\r\n <div class=\"wac-mosaic__wrapper__column__image\" *ngFor=\"let image of column; let i = index; trackBy : trackImage\">\r\n <img [src]=\"image.src\" [alt]=\"image.alt\"/>\r\n <div class=\"hover\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"hoverImageTemplate || defaultImportButton\"\r\n [ngTemplateOutletContext]=\"{ $implicit: image }\"\r\n >\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-mosaic__wrapper load\">\r\n <div class=\"wac-mosaic__wrapper__column\" *ngFor=\"let column of columns; trackBy : trackColumn;\">\r\n <div class=\"load-img\">\r\n </div>\r\n </div>\r\n </div>\r\n </ng-scrollbar>\r\n</div>\r\n\r\n<ng-template #defaultImportButton let-image>\r\n <wac-button [icon]=\"'fa-solid fa-image'\" [label]=\"'wac.MosaicComponent.import' | translate\" [extraClasses]=\"'is-success'\" (click)=\"onImportImage(image.src)\"></wac-button>\r\n</ng-template>\r\n",
|
|
4015
4017
|
encapsulation: ViewEncapsulation.None,
|
|
4016
4018
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
4017
4019
|
},] }
|
|
@@ -4063,7 +4065,7 @@ class ContentWithButtonsComponent {
|
|
|
4063
4065
|
ContentWithButtonsComponent.decorators = [
|
|
4064
4066
|
{ type: Component, args: [{
|
|
4065
4067
|
selector: 'wac-content-with-buttons',
|
|
4066
|
-
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)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();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()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\n </div>\n</div>\n"
|
|
4068
|
+
template: "<div class=\"wac-content-with-buttons\">\r\n <div class=\"wac-content-with-buttons__text\">\r\n <div id=\"{{randomLabelName}}\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\r\n <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\r\n <span><wac-link (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\r\n </div>\r\n </div>\r\n <div class=\"wac-content-with-buttons__cta\">\r\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\r\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\r\n </div>\r\n</div>\r\n"
|
|
4067
4069
|
},] }
|
|
4068
4070
|
];
|
|
4069
4071
|
ContentWithButtonsComponent.propDecorators = {
|
|
@@ -4088,7 +4090,7 @@ class WrapperMultipleBlockComponent {
|
|
|
4088
4090
|
WrapperMultipleBlockComponent.decorators = [
|
|
4089
4091
|
{ type: Component, args: [{
|
|
4090
4092
|
selector: 'wac-wrapper-multiple-block',
|
|
4091
|
-
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"
|
|
4093
|
+
template: "<div class=\"wac-wrapper-multiple-block\">\r\n <div class=\"wac-wrapper-multiple-block__sidebar\">\r\n <ng-content select=\"[sidebar]\"></ng-content>\r\n </div>\r\n <div class=\"wac-wrapper-multiple-block__content\">\r\n <ng-content select=\"[content]\"></ng-content>\r\n </div>\r\n</div>\r\n"
|
|
4092
4094
|
},] }
|
|
4093
4095
|
];
|
|
4094
4096
|
WrapperMultipleBlockComponent.ctorParameters = () => [];
|
|
@@ -4131,7 +4133,7 @@ class DraganddropListComponent {
|
|
|
4131
4133
|
DraganddropListComponent.decorators = [
|
|
4132
4134
|
{ type: Component, args: [{
|
|
4133
4135
|
selector: 'wac-draganddrop-list',
|
|
4134
|
-
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveFieldEnd(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\n </span>\n </div>\n <div (mousedown)=\"$event.stopPropagation()\">\n <div>\n <wac-button [iconFontSize]=\"'14px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\n </div>\n <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\n <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"'18px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\n </div>\n </div>\n </div>\n <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\n <span></span>\n </span>\n <span class=\"wac-draganddrop-list__wrapper__item__input\">\n <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\n </span>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\n <div class=\"wac-draganddrop-list__wrapper\">\n <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\n <div>\n <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\n </div>\n </div>\n </div>\n</div>\n",
|
|
4136
|
+
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\r\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\r\n <div>\r\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n <span></span>\r\n </span>\r\n <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\r\n <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveFieldEnd(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\r\n </span>\r\n </div>\r\n <div (mousedown)=\"$event.stopPropagation()\">\r\n <div>\r\n <wac-button [iconFontSize]=\"'14px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\r\n </div>\r\n <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\r\n <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"'18px'\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\r\n <div>\r\n <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n <span></span>\r\n </span>\r\n <span class=\"wac-draganddrop-list__wrapper__item__input\">\r\n <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\r\n <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n <div class=\"wac-draganddrop-list__wrapper\">\r\n <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\r\n <div>\r\n <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
4135
4137
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
4136
4138
|
},] }
|
|
4137
4139
|
];
|
|
@@ -4155,7 +4157,7 @@ class ChargingBarComponent {
|
|
|
4155
4157
|
ChargingBarComponent.decorators = [
|
|
4156
4158
|
{ type: Component, args: [{
|
|
4157
4159
|
selector: 'wac-charging-bar',
|
|
4158
|
-
template: "<div class=\"wac-charging-bar\">\n <div class=\"wac-charging-bar__wrapLine\">\n <div class=\"wac-charging-bar__wrapLine__line\">\n <div class=\"wac-charging-bar__wrapLine__line__width\" [ngStyle]=\"{'max-width': value + '%'}\"></div>\n </div>\n </div>\n <div class=\"wac-charging-bar__number\" [innerHTML]=\"value + '%'\"></div>\n</div>\n"
|
|
4160
|
+
template: "<div class=\"wac-charging-bar\">\r\n <div class=\"wac-charging-bar__wrapLine\">\r\n <div class=\"wac-charging-bar__wrapLine__line\">\r\n <div class=\"wac-charging-bar__wrapLine__line__width\" [ngStyle]=\"{'max-width': value + '%'}\"></div>\r\n </div>\r\n </div>\r\n <div class=\"wac-charging-bar__number\" [innerHTML]=\"value + '%'\"></div>\r\n</div>\r\n"
|
|
4159
4161
|
},] }
|
|
4160
4162
|
];
|
|
4161
4163
|
ChargingBarComponent.ctorParameters = () => [];
|
|
@@ -4174,7 +4176,7 @@ class ExpandedPanelComponent {
|
|
|
4174
4176
|
ExpandedPanelComponent.decorators = [
|
|
4175
4177
|
{ type: Component, args: [{
|
|
4176
4178
|
selector: 'wac-expanded-panel',
|
|
4177
|
-
template: "<div class=\"wac-expanded-panel\">\n <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\n <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\n <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\n <i class=\"fa-regular fa-angle-down\"></i>\n </div>\n </div>\n <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\n <ng-content></ng-content>\n </div>\n</div>\n"
|
|
4179
|
+
template: "<div class=\"wac-expanded-panel\">\r\n <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\r\n <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\r\n <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\r\n <i class=\"fa-regular fa-angle-down\"></i>\r\n </div>\r\n </div>\r\n <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n"
|
|
4178
4180
|
},] }
|
|
4179
4181
|
];
|
|
4180
4182
|
ExpandedPanelComponent.ctorParameters = () => [];
|