@wizishop/angular-components 0.0.248 → 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 +6999 -6899
- package/bundles/wizishop-angular-components.umd.js +76 -23
- 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 +19 -0
- 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 +22 -0
- 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 +9 -4
- 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 +6 -2
- 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 +3 -1
- package/fesm2015/wizishop-angular-components.js +72 -24
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/charging-bar/charging-bar.component.d.ts +6 -0
- package/lib/components/expanded-panel/expanded-panel.component.d.ts +8 -0
- package/lib/components/popin/popin.component.d.ts +2 -1
- package/lib/components/switch/switch.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/wizishop-angular-components-0.0.254.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.248.tgz +0 -0
|
@@ -1335,7 +1335,7 @@
|
|
|
1335
1335
|
ButtonComponent.decorators = [
|
|
1336
1336
|
{ type: i0.Component, args: [{
|
|
1337
1337
|
selector: 'wac-button',
|
|
1338
|
-
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"
|
|
1338
|
+
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"
|
|
1339
1339
|
},] }
|
|
1340
1340
|
];
|
|
1341
1341
|
ButtonComponent.ctorParameters = function () { return []; };
|
|
@@ -2040,7 +2040,7 @@
|
|
|
2040
2040
|
TextAreaComponent.decorators = [
|
|
2041
2041
|
{ type: i0.Component, args: [{
|
|
2042
2042
|
selector: 'wac-text-area',
|
|
2043
|
-
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",
|
|
2043
|
+
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",
|
|
2044
2044
|
providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
|
|
2045
2045
|
},] }
|
|
2046
2046
|
];
|
|
@@ -2075,7 +2075,7 @@
|
|
|
2075
2075
|
H1Component.decorators = [
|
|
2076
2076
|
{ type: i0.Component, args: [{
|
|
2077
2077
|
selector: 'wac-h1',
|
|
2078
|
-
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"
|
|
2078
|
+
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"
|
|
2079
2079
|
},] }
|
|
2080
2080
|
];
|
|
2081
2081
|
H1Component.ctorParameters = function () { return []; };
|
|
@@ -2129,7 +2129,7 @@
|
|
|
2129
2129
|
HeaderPageComponent.decorators = [
|
|
2130
2130
|
{ type: i0.Component, args: [{
|
|
2131
2131
|
selector: 'wac-header-page',
|
|
2132
|
-
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"
|
|
2132
|
+
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"
|
|
2133
2133
|
},] }
|
|
2134
2134
|
];
|
|
2135
2135
|
HeaderPageComponent.ctorParameters = function () { return []; };
|
|
@@ -2229,7 +2229,7 @@
|
|
|
2229
2229
|
InputComponent.decorators = [
|
|
2230
2230
|
{ type: i0.Component, args: [{
|
|
2231
2231
|
selector: 'wac-input',
|
|
2232
|
-
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",
|
|
2232
|
+
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",
|
|
2233
2233
|
providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
|
|
2234
2234
|
},] }
|
|
2235
2235
|
];
|
|
@@ -2310,7 +2310,7 @@
|
|
|
2310
2310
|
LinkComponent.decorators = [
|
|
2311
2311
|
{ type: i0.Component, args: [{
|
|
2312
2312
|
selector: 'wac-link',
|
|
2313
|
-
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n"
|
|
2313
|
+
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\r\n"
|
|
2314
2314
|
},] }
|
|
2315
2315
|
];
|
|
2316
2316
|
LinkComponent.ctorParameters = function () { return [
|
|
@@ -2405,6 +2405,7 @@
|
|
|
2405
2405
|
// todo add ngmodel and review texts display (textState is mandatory in order to display textStateEnable and textStateDisable)
|
|
2406
2406
|
this.value = false;
|
|
2407
2407
|
this.textState = false;
|
|
2408
|
+
this.textStateAfter = false;
|
|
2408
2409
|
this.textStateEnable = '';
|
|
2409
2410
|
this.textStateDisable = '';
|
|
2410
2411
|
this.showInput = false; // todo should not be handle here, but in another component
|
|
@@ -2450,7 +2451,7 @@
|
|
|
2450
2451
|
SwitchComponent.decorators = [
|
|
2451
2452
|
{ type: i0.Component, args: [{
|
|
2452
2453
|
selector: 'wac-switch',
|
|
2453
|
-
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
|
|
2454
|
+
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",
|
|
2454
2455
|
providers: [
|
|
2455
2456
|
{ provide: forms.NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
2456
2457
|
],
|
|
@@ -2463,6 +2464,7 @@
|
|
|
2463
2464
|
SwitchComponent.propDecorators = {
|
|
2464
2465
|
value: [{ type: i0.Input }],
|
|
2465
2466
|
textState: [{ type: i0.Input }],
|
|
2467
|
+
textStateAfter: [{ type: i0.Input }],
|
|
2466
2468
|
textStateEnable: [{ type: i0.Input }],
|
|
2467
2469
|
textStateDisable: [{ type: i0.Input }],
|
|
2468
2470
|
showInput: [{ type: i0.Input }],
|
|
@@ -3175,7 +3177,7 @@
|
|
|
3175
3177
|
SelectInTextComponent.decorators = [
|
|
3176
3178
|
{ type: i0.Component, args: [{
|
|
3177
3179
|
selector: 'wac-select-in-text',
|
|
3178
|
-
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"
|
|
3180
|
+
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"
|
|
3179
3181
|
},] }
|
|
3180
3182
|
];
|
|
3181
3183
|
SelectInTextComponent.ctorParameters = function () { return []; };
|
|
@@ -3295,7 +3297,7 @@
|
|
|
3295
3297
|
SelectComponent.decorators = [
|
|
3296
3298
|
{ type: i0.Component, args: [{
|
|
3297
3299
|
selector: 'wac-select',
|
|
3298
|
-
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",
|
|
3300
|
+
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",
|
|
3299
3301
|
providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }]
|
|
3300
3302
|
},] }
|
|
3301
3303
|
];
|
|
@@ -3579,6 +3581,7 @@
|
|
|
3579
3581
|
this.visibleChange = new i0.EventEmitter();
|
|
3580
3582
|
this.response = new i0.EventEmitter();
|
|
3581
3583
|
this.background = true;
|
|
3584
|
+
this.closeOnBackgroundClick = true;
|
|
3582
3585
|
this.firstOpen = true;
|
|
3583
3586
|
}
|
|
3584
3587
|
PopinComponent.prototype.ngOnInit = function () {
|
|
@@ -3592,7 +3595,11 @@
|
|
|
3592
3595
|
this.response.emit(false);
|
|
3593
3596
|
this.closePopin();
|
|
3594
3597
|
};
|
|
3595
|
-
PopinComponent.prototype.closePopin = function () {
|
|
3598
|
+
PopinComponent.prototype.closePopin = function (clickOnBackground) {
|
|
3599
|
+
if (clickOnBackground === void 0) { clickOnBackground = false; }
|
|
3600
|
+
if (!this.closeOnBackgroundClick && clickOnBackground) {
|
|
3601
|
+
return;
|
|
3602
|
+
}
|
|
3596
3603
|
if (!this.firstOpen) { //trick for auto-hide directive that close immediatly the pop-in
|
|
3597
3604
|
this.visible = false;
|
|
3598
3605
|
this.visibleChange.emit(this.visible);
|
|
@@ -3607,7 +3614,7 @@
|
|
|
3607
3614
|
PopinComponent.decorators = [
|
|
3608
3615
|
{ type: i0.Component, args: [{
|
|
3609
3616
|
selector: 'wac-popin',
|
|
3610
|
-
template: "<div class=\"wac-free\" *ngIf=\"visible\">\n <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\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"
|
|
3617
|
+
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"
|
|
3611
3618
|
},] }
|
|
3612
3619
|
];
|
|
3613
3620
|
PopinComponent.ctorParameters = function () { return [
|
|
@@ -3624,7 +3631,8 @@
|
|
|
3624
3631
|
visible: [{ type: i0.Input }],
|
|
3625
3632
|
visibleChange: [{ type: i0.Output }],
|
|
3626
3633
|
response: [{ type: i0.Output }],
|
|
3627
|
-
background: [{ type: i0.Input }]
|
|
3634
|
+
background: [{ type: i0.Input }],
|
|
3635
|
+
closeOnBackgroundClick: [{ type: i0.Input }]
|
|
3628
3636
|
};
|
|
3629
3637
|
|
|
3630
3638
|
var FreePopinComponent = /** @class */ (function () {
|
|
@@ -4264,7 +4272,7 @@
|
|
|
4264
4272
|
WrapperSidebarComponent.decorators = [
|
|
4265
4273
|
{ type: i0.Component, args: [{
|
|
4266
4274
|
selector: 'wac-wrapper-sidebar',
|
|
4267
|
-
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"
|
|
4275
|
+
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"
|
|
4268
4276
|
},] }
|
|
4269
4277
|
];
|
|
4270
4278
|
WrapperSidebarComponent.ctorParameters = function () { return []; };
|
|
@@ -4293,7 +4301,7 @@
|
|
|
4293
4301
|
BreadcrumbsComponent.decorators = [
|
|
4294
4302
|
{ type: i0.Component, args: [{
|
|
4295
4303
|
selector: 'wac-breadcrumbs',
|
|
4296
|
-
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"
|
|
4304
|
+
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"
|
|
4297
4305
|
},] }
|
|
4298
4306
|
];
|
|
4299
4307
|
BreadcrumbsComponent.ctorParameters = function () { return []; };
|
|
@@ -4327,7 +4335,7 @@
|
|
|
4327
4335
|
CardPriceComponent.decorators = [
|
|
4328
4336
|
{ type: i0.Component, args: [{
|
|
4329
4337
|
selector: 'wac-card-price',
|
|
4330
|
-
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"
|
|
4338
|
+
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"
|
|
4331
4339
|
},] }
|
|
4332
4340
|
];
|
|
4333
4341
|
CardPriceComponent.ctorParameters = function () { return []; };
|
|
@@ -4363,7 +4371,7 @@
|
|
|
4363
4371
|
TokenCheckComponent.decorators = [
|
|
4364
4372
|
{ type: i0.Component, args: [{
|
|
4365
4373
|
selector: 'wac-token-check',
|
|
4366
|
-
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"
|
|
4374
|
+
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"
|
|
4367
4375
|
},] }
|
|
4368
4376
|
];
|
|
4369
4377
|
TokenCheckComponent.ctorParameters = function () { return []; };
|
|
@@ -4402,7 +4410,7 @@
|
|
|
4402
4410
|
BlockWithCheckboxComponent.decorators = [
|
|
4403
4411
|
{ type: i0.Component, args: [{
|
|
4404
4412
|
selector: 'wac-block-with-checkbox',
|
|
4405
|
-
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"
|
|
4413
|
+
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"
|
|
4406
4414
|
},] }
|
|
4407
4415
|
];
|
|
4408
4416
|
BlockWithCheckboxComponent.ctorParameters = function () { return []; };
|
|
@@ -4455,7 +4463,7 @@
|
|
|
4455
4463
|
ConfirmDeleteComponent.decorators = [
|
|
4456
4464
|
{ type: i0.Component, args: [{
|
|
4457
4465
|
selector: 'wac-confirm-delete',
|
|
4458
|
-
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"
|
|
4466
|
+
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"
|
|
4459
4467
|
},] }
|
|
4460
4468
|
];
|
|
4461
4469
|
ConfirmDeleteComponent.ctorParameters = function () { return []; };
|
|
@@ -4531,7 +4539,7 @@
|
|
|
4531
4539
|
MosaicComponent.decorators = [
|
|
4532
4540
|
{ type: i0.Component, args: [{
|
|
4533
4541
|
selector: 'wac-mosaic',
|
|
4534
|
-
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",
|
|
4542
|
+
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",
|
|
4535
4543
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4536
4544
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4537
4545
|
},] }
|
|
@@ -4585,7 +4593,7 @@
|
|
|
4585
4593
|
ContentWithButtonsComponent.decorators = [
|
|
4586
4594
|
{ type: i0.Component, args: [{
|
|
4587
4595
|
selector: 'wac-content-with-buttons',
|
|
4588
|
-
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"
|
|
4596
|
+
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"
|
|
4589
4597
|
},] }
|
|
4590
4598
|
];
|
|
4591
4599
|
ContentWithButtonsComponent.propDecorators = {
|
|
@@ -4612,7 +4620,7 @@
|
|
|
4612
4620
|
WrapperMultipleBlockComponent.decorators = [
|
|
4613
4621
|
{ type: i0.Component, args: [{
|
|
4614
4622
|
selector: 'wac-wrapper-multiple-block',
|
|
4615
|
-
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"
|
|
4623
|
+
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"
|
|
4616
4624
|
},] }
|
|
4617
4625
|
];
|
|
4618
4626
|
WrapperMultipleBlockComponent.ctorParameters = function () { return []; };
|
|
@@ -4656,7 +4664,7 @@
|
|
|
4656
4664
|
DraganddropListComponent.decorators = [
|
|
4657
4665
|
{ type: i0.Component, args: [{
|
|
4658
4666
|
selector: 'wac-draganddrop-list',
|
|
4659
|
-
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",
|
|
4667
|
+
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",
|
|
4660
4668
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4661
4669
|
},] }
|
|
4662
4670
|
];
|
|
@@ -4670,6 +4678,47 @@
|
|
|
4670
4678
|
itemsChange: [{ type: i0.Output }]
|
|
4671
4679
|
};
|
|
4672
4680
|
|
|
4681
|
+
var ChargingBarComponent = /** @class */ (function () {
|
|
4682
|
+
function ChargingBarComponent() {
|
|
4683
|
+
this.value = 0;
|
|
4684
|
+
}
|
|
4685
|
+
ChargingBarComponent.prototype.ngOnInit = function () {
|
|
4686
|
+
};
|
|
4687
|
+
return ChargingBarComponent;
|
|
4688
|
+
}());
|
|
4689
|
+
ChargingBarComponent.decorators = [
|
|
4690
|
+
{ type: i0.Component, args: [{
|
|
4691
|
+
selector: 'wac-charging-bar',
|
|
4692
|
+
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"
|
|
4693
|
+
},] }
|
|
4694
|
+
];
|
|
4695
|
+
ChargingBarComponent.ctorParameters = function () { return []; };
|
|
4696
|
+
ChargingBarComponent.propDecorators = {
|
|
4697
|
+
value: [{ type: i0.Input }]
|
|
4698
|
+
};
|
|
4699
|
+
|
|
4700
|
+
var ExpandedPanelComponent = /** @class */ (function () {
|
|
4701
|
+
function ExpandedPanelComponent() {
|
|
4702
|
+
this.section = false;
|
|
4703
|
+
this.open = false;
|
|
4704
|
+
}
|
|
4705
|
+
ExpandedPanelComponent.prototype.ngOnInit = function () {
|
|
4706
|
+
};
|
|
4707
|
+
return ExpandedPanelComponent;
|
|
4708
|
+
}());
|
|
4709
|
+
ExpandedPanelComponent.decorators = [
|
|
4710
|
+
{ type: i0.Component, args: [{
|
|
4711
|
+
selector: 'wac-expanded-panel',
|
|
4712
|
+
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"
|
|
4713
|
+
},] }
|
|
4714
|
+
];
|
|
4715
|
+
ExpandedPanelComponent.ctorParameters = function () { return []; };
|
|
4716
|
+
ExpandedPanelComponent.propDecorators = {
|
|
4717
|
+
label: [{ type: i0.Input }],
|
|
4718
|
+
section: [{ type: i0.Input }],
|
|
4719
|
+
open: [{ type: i0.Input }]
|
|
4720
|
+
};
|
|
4721
|
+
|
|
4673
4722
|
var components = [
|
|
4674
4723
|
TagComponent,
|
|
4675
4724
|
TabComponent,
|
|
@@ -4721,7 +4770,9 @@
|
|
|
4721
4770
|
MosaicComponent,
|
|
4722
4771
|
ContentWithButtonsComponent,
|
|
4723
4772
|
WrapperMultipleBlockComponent,
|
|
4724
|
-
DraganddropListComponent
|
|
4773
|
+
DraganddropListComponent,
|
|
4774
|
+
ChargingBarComponent,
|
|
4775
|
+
ExpandedPanelComponent
|
|
4725
4776
|
];
|
|
4726
4777
|
var exportsFromModule = [
|
|
4727
4778
|
PaginationComponent,
|
|
@@ -4831,6 +4882,7 @@
|
|
|
4831
4882
|
exports.ButtonComponent = ButtonComponent;
|
|
4832
4883
|
exports.CalendarComponent = CalendarComponent;
|
|
4833
4884
|
exports.CardPriceComponent = CardPriceComponent;
|
|
4885
|
+
exports.ChargingBarComponent = ChargingBarComponent;
|
|
4834
4886
|
exports.CheckBoxRow = CheckBoxRow;
|
|
4835
4887
|
exports.CheckboxComponent = CheckboxComponent;
|
|
4836
4888
|
exports.ConfirmDeleteComponent = ConfirmDeleteComponent;
|
|
@@ -4839,6 +4891,7 @@
|
|
|
4839
4891
|
exports.DeleteComponent = DeleteComponent;
|
|
4840
4892
|
exports.DraganddropListComponent = DraganddropListComponent;
|
|
4841
4893
|
exports.DropdownComponent = DropdownComponent;
|
|
4894
|
+
exports.ExpandedPanelComponent = ExpandedPanelComponent;
|
|
4842
4895
|
exports.FiltersComponent = FiltersComponent;
|
|
4843
4896
|
exports.FiltersTableService = FiltersTableService;
|
|
4844
4897
|
exports.FormatObjectToRecursifTreePipe = FormatObjectToRecursifTreePipe;
|