@wizishop/angular-components 0.0.256 → 0.0.258
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 +7171 -7146
- package/bundles/wizishop-angular-components.umd.js +30 -26
- 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/block.component.js +2 -2
- 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/checkbox/checkbox.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 +4 -2
- package/esm2015/lib/components/draganddrop-list/draganddrop-list.component.js +2 -2
- package/esm2015/lib/components/edit-in-place/edit-in-place.component.js +1 -1
- package/esm2015/lib/components/expanded-panel/expanded-panel.component.js +2 -2
- package/esm2015/lib/components/free-popin/free-popin.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/image/image.component.js +1 -1
- package/esm2015/lib/components/inputs/input/input.component.js +2 -2
- package/esm2015/lib/components/label/label.component.js +2 -2
- package/esm2015/lib/components/link/link.component.js +4 -2
- package/esm2015/lib/components/logo/logo.component.js +1 -1
- package/esm2015/lib/components/mosaic/mosaic.component.js +2 -2
- package/esm2015/lib/components/multiple-search/multiple-search.component.js +1 -1
- package/esm2015/lib/components/popin/popin.component.js +2 -2
- package/esm2015/lib/components/radio/radio.component.js +1 -1
- 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 +2 -2
- package/esm2015/lib/components/tab/tab.component.js +1 -1
- 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/lib/directives/shared-directives.module.js +1 -1
- package/esm2015/lib/pipes/shared-pipes.module.js +1 -1
- package/esm2015/public-api.js +1 -1
- package/fesm2015/wizishop-angular-components.js +30 -26
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/content-with-buttons/content-with-buttons.component.d.ts +1 -0
- package/lib/components/link/link.component.d.ts +2 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.258.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.256.tgz +0 -0
|
@@ -722,7 +722,7 @@
|
|
|
722
722
|
CheckboxComponent.decorators = [
|
|
723
723
|
{ type: i0.Component, args: [{
|
|
724
724
|
selector: 'wac-checkbox',
|
|
725
|
-
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\
|
|
725
|
+
template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n <div class=\"wac-field-checkbox__row\">\n <input\n type=\"checkbox\"\n [id]=\"id\"\n class=\"is-checkradio\"\n [name]=\"name\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [checked]=\"checked\"\n (ngModelChange)=\"onChange($event)\"\n />\n <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n </div>\n <input\n *ngIf=\"hasInput && checked\"\n [@inOutYAnimation]\n type=\"text\"\n [placeholder]=\"inputPlaceholder\"\n (click)=\"inputClick($event)\"\n />\n</div>\n",
|
|
726
726
|
providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
|
|
727
727
|
animations: [inOutY]
|
|
728
728
|
},] }
|
|
@@ -1335,7 +1335,7 @@
|
|
|
1335
1335
|
ButtonComponent.decorators = [
|
|
1336
1336
|
{ type: i0.Component, args: [{
|
|
1337
1337
|
selector: 'wac-button',
|
|
1338
|
-
template: "<a\
|
|
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"
|
|
1339
1339
|
},] }
|
|
1340
1340
|
];
|
|
1341
1341
|
ButtonComponent.ctorParameters = function () { return []; };
|
|
@@ -1598,7 +1598,7 @@
|
|
|
1598
1598
|
LabelComponent.decorators = [
|
|
1599
1599
|
{ type: i0.Component, args: [{
|
|
1600
1600
|
selector: 'wac-label',
|
|
1601
|
-
template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\
|
|
1601
|
+
template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\n <div class=\"wac-label__wrapper\">\n {{ label }}\n <i class=\"far fa-times\" (click)=\"deleteLabel()\"></i>\n </div>\n</div>\n",
|
|
1602
1602
|
encapsulation: i0.ViewEncapsulation.None,
|
|
1603
1603
|
animations: [inOutX]
|
|
1604
1604
|
},] }
|
|
@@ -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}\">\
|
|
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",
|
|
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>\
|
|
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"
|
|
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\">\
|
|
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"
|
|
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\
|
|
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",
|
|
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 }\"
|
|
2313
|
+
template: "<a #linkComponent class=\"wac-link\" [style.fontSize]=\"fontSize\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\">\n <ng-content></ng-content>\n <span class=\"wac-link__tooltip\" [ngStyle]=\"{'min-width': tooltipWidth + 'px'}\" *ngIf=\"tooltip\" [innerHTML]=\"tooltip\"></span>\n</a>\n"
|
|
2314
2314
|
},] }
|
|
2315
2315
|
];
|
|
2316
2316
|
LinkComponent.ctorParameters = function () { return [
|
|
@@ -2318,6 +2318,8 @@
|
|
|
2318
2318
|
]; };
|
|
2319
2319
|
LinkComponent.propDecorators = {
|
|
2320
2320
|
href: [{ type: i0.Input }],
|
|
2321
|
+
tooltip: [{ type: i0.Input }],
|
|
2322
|
+
tooltipWidth: [{ type: i0.Input }],
|
|
2321
2323
|
target: [{ type: i0.Input }],
|
|
2322
2324
|
id: [{ type: i0.Input }],
|
|
2323
2325
|
class: [{ type: i0.Input }],
|
|
@@ -2451,7 +2453,7 @@
|
|
|
2451
2453
|
SwitchComponent.decorators = [
|
|
2452
2454
|
{ type: i0.Component, args: [{
|
|
2453
2455
|
selector: 'wac-switch',
|
|
2454
|
-
template: "<div class=\"wac-switch\">\
|
|
2456
|
+
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 <ng-content></ng-content>\n <span\n *ngIf=\"textState\"\n [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n >{{ textState }}\n <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong>\n {{ textStateAfter }}\n </span>\n </span>\n </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n",
|
|
2455
2457
|
providers: [
|
|
2456
2458
|
{ provide: forms.NG_VALUE_ACCESSOR, useExisting: SwitchComponent, multi: true },
|
|
2457
2459
|
],
|
|
@@ -3177,7 +3179,7 @@
|
|
|
3177
3179
|
SelectInTextComponent.decorators = [
|
|
3178
3180
|
{ type: i0.Component, args: [{
|
|
3179
3181
|
selector: 'wac-select-in-text',
|
|
3180
|
-
template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\
|
|
3182
|
+
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"
|
|
3181
3183
|
},] }
|
|
3182
3184
|
];
|
|
3183
3185
|
SelectInTextComponent.ctorParameters = function () { return []; };
|
|
@@ -3297,7 +3299,7 @@
|
|
|
3297
3299
|
SelectComponent.decorators = [
|
|
3298
3300
|
{ type: i0.Component, args: [{
|
|
3299
3301
|
selector: 'wac-select',
|
|
3300
|
-
template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\
|
|
3302
|
+
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",
|
|
3301
3303
|
providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }]
|
|
3302
3304
|
},] }
|
|
3303
3305
|
];
|
|
@@ -3614,7 +3616,7 @@
|
|
|
3614
3616
|
PopinComponent.decorators = [
|
|
3615
3617
|
{ type: i0.Component, args: [{
|
|
3616
3618
|
selector: 'wac-popin',
|
|
3617
|
-
template: "<div class=\"wac-free\" *ngIf=\"visible\">\
|
|
3619
|
+
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"
|
|
3618
3620
|
},] }
|
|
3619
3621
|
];
|
|
3620
3622
|
PopinComponent.ctorParameters = function () { return [
|
|
@@ -3672,7 +3674,7 @@
|
|
|
3672
3674
|
FreePopinComponent.decorators = [
|
|
3673
3675
|
{ type: i0.Component, args: [{
|
|
3674
3676
|
selector: 'wac-free-popin',
|
|
3675
|
-
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\
|
|
3677
|
+
template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\n <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n <i class=\"fas fa-times\"></i>\n </a>\n <div class=\"wac-free-popin__wrapper__content\">\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content></ng-content>\n </perfect-scrollbar>\n </div>\n <div class=\"wac-free-popin__wrapper__buttons\">\n <div class=\"wac-free-popin__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-popin__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-popin__background\" *ngIf=\"background\"></div>\n</div>\n"
|
|
3676
3678
|
},] }
|
|
3677
3679
|
];
|
|
3678
3680
|
FreePopinComponent.ctorParameters = function () { return [
|
|
@@ -3707,7 +3709,7 @@
|
|
|
3707
3709
|
BlockComponent.decorators = [
|
|
3708
3710
|
{ type: i0.Component, args: [{
|
|
3709
3711
|
selector: 'wac-block',
|
|
3710
|
-
template: "<div\
|
|
3712
|
+
template: "<div\n class=\"wac-block\"\n [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'stretch': stretchHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\n>\n <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n </h2>\n <div class=\"wac-block__content\">\n <ng-content></ng-content>\n </div>\n</div>\n"
|
|
3711
3713
|
},] }
|
|
3712
3714
|
];
|
|
3713
3715
|
BlockComponent.ctorParameters = function () { return []; };
|
|
@@ -4272,7 +4274,7 @@
|
|
|
4272
4274
|
WrapperSidebarComponent.decorators = [
|
|
4273
4275
|
{ type: i0.Component, args: [{
|
|
4274
4276
|
selector: 'wac-wrapper-sidebar',
|
|
4275
|
-
template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\
|
|
4277
|
+
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"
|
|
4276
4278
|
},] }
|
|
4277
4279
|
];
|
|
4278
4280
|
WrapperSidebarComponent.ctorParameters = function () { return []; };
|
|
@@ -4301,7 +4303,7 @@
|
|
|
4301
4303
|
BreadcrumbsComponent.decorators = [
|
|
4302
4304
|
{ type: i0.Component, args: [{
|
|
4303
4305
|
selector: 'wac-breadcrumbs',
|
|
4304
|
-
template: "<div class=\"wac-breadcrumbs\" [ngClass]=\"{'no-responsive': noResponsive}\">\
|
|
4306
|
+
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"
|
|
4305
4307
|
},] }
|
|
4306
4308
|
];
|
|
4307
4309
|
BreadcrumbsComponent.ctorParameters = function () { return []; };
|
|
@@ -4335,7 +4337,7 @@
|
|
|
4335
4337
|
CardPriceComponent.decorators = [
|
|
4336
4338
|
{ type: i0.Component, args: [{
|
|
4337
4339
|
selector: 'wac-card-price',
|
|
4338
|
-
template: "<div class=\"wac-card-price\" [ngClass]=\"{'selected': selected}\">\
|
|
4340
|
+
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"
|
|
4339
4341
|
},] }
|
|
4340
4342
|
];
|
|
4341
4343
|
CardPriceComponent.ctorParameters = function () { return []; };
|
|
@@ -4371,7 +4373,7 @@
|
|
|
4371
4373
|
TokenCheckComponent.decorators = [
|
|
4372
4374
|
{ type: i0.Component, args: [{
|
|
4373
4375
|
selector: 'wac-token-check',
|
|
4374
|
-
template: "<div class=\"wac-token-check\">\
|
|
4376
|
+
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"
|
|
4375
4377
|
},] }
|
|
4376
4378
|
];
|
|
4377
4379
|
TokenCheckComponent.ctorParameters = function () { return []; };
|
|
@@ -4410,7 +4412,7 @@
|
|
|
4410
4412
|
BlockWithCheckboxComponent.decorators = [
|
|
4411
4413
|
{ type: i0.Component, args: [{
|
|
4412
4414
|
selector: 'wac-block-with-checkbox',
|
|
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()\">\
|
|
4415
|
+
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"
|
|
4414
4416
|
},] }
|
|
4415
4417
|
];
|
|
4416
4418
|
BlockWithCheckboxComponent.ctorParameters = function () { return []; };
|
|
@@ -4463,7 +4465,7 @@
|
|
|
4463
4465
|
ConfirmDeleteComponent.decorators = [
|
|
4464
4466
|
{ type: i0.Component, args: [{
|
|
4465
4467
|
selector: 'wac-confirm-delete',
|
|
4466
|
-
template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\
|
|
4468
|
+
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"
|
|
4467
4469
|
},] }
|
|
4468
4470
|
];
|
|
4469
4471
|
ConfirmDeleteComponent.ctorParameters = function () { return []; };
|
|
@@ -4539,7 +4541,7 @@
|
|
|
4539
4541
|
MosaicComponent.decorators = [
|
|
4540
4542
|
{ type: i0.Component, args: [{
|
|
4541
4543
|
selector: 'wac-mosaic',
|
|
4542
|
-
template: "<div class=\"wac-mosaic\" [ngClass]=\"{'is-loading': isLoading}\">\
|
|
4544
|
+
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",
|
|
4543
4545
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4544
4546
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4545
4547
|
},] }
|
|
@@ -4559,6 +4561,7 @@
|
|
|
4559
4561
|
this.iconTranslate = 'fa-regular fa-globe';
|
|
4560
4562
|
this.tooltipCopy = '';
|
|
4561
4563
|
this.tooltipTranslate = '';
|
|
4564
|
+
this.tooltipLinkReport = '';
|
|
4562
4565
|
this.count = true;
|
|
4563
4566
|
this.countCharacterLabel = 'caractères';
|
|
4564
4567
|
this.countWordsLabel = 'mots';
|
|
@@ -4593,7 +4596,7 @@
|
|
|
4593
4596
|
ContentWithButtonsComponent.decorators = [
|
|
4594
4597
|
{ type: i0.Component, args: [{
|
|
4595
4598
|
selector: 'wac-content-with-buttons',
|
|
4596
|
-
template: "<div class=\"wac-content-with-buttons\">\
|
|
4599
|
+
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 [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (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"
|
|
4597
4600
|
},] }
|
|
4598
4601
|
];
|
|
4599
4602
|
ContentWithButtonsComponent.propDecorators = {
|
|
@@ -4601,6 +4604,7 @@
|
|
|
4601
4604
|
iconTranslate: [{ type: i0.Input }],
|
|
4602
4605
|
tooltipCopy: [{ type: i0.Input }],
|
|
4603
4606
|
tooltipTranslate: [{ type: i0.Input }],
|
|
4607
|
+
tooltipLinkReport: [{ type: i0.Input }],
|
|
4604
4608
|
count: [{ type: i0.Input }],
|
|
4605
4609
|
countCharacterLabel: [{ type: i0.Input }],
|
|
4606
4610
|
countWordsLabel: [{ type: i0.Input }],
|
|
@@ -4620,7 +4624,7 @@
|
|
|
4620
4624
|
WrapperMultipleBlockComponent.decorators = [
|
|
4621
4625
|
{ type: i0.Component, args: [{
|
|
4622
4626
|
selector: 'wac-wrapper-multiple-block',
|
|
4623
|
-
template: "<div class=\"wac-wrapper-multiple-block\">\
|
|
4627
|
+
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"
|
|
4624
4628
|
},] }
|
|
4625
4629
|
];
|
|
4626
4630
|
WrapperMultipleBlockComponent.ctorParameters = function () { return []; };
|
|
@@ -4664,7 +4668,7 @@
|
|
|
4664
4668
|
DraganddropListComponent.decorators = [
|
|
4665
4669
|
{ type: i0.Component, args: [{
|
|
4666
4670
|
selector: 'wac-draganddrop-list',
|
|
4667
|
-
template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\
|
|
4671
|
+
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",
|
|
4668
4672
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4669
4673
|
},] }
|
|
4670
4674
|
];
|
|
@@ -4689,7 +4693,7 @@
|
|
|
4689
4693
|
ChargingBarComponent.decorators = [
|
|
4690
4694
|
{ type: i0.Component, args: [{
|
|
4691
4695
|
selector: 'wac-charging-bar',
|
|
4692
|
-
template: "<div class=\"wac-charging-bar\">\
|
|
4696
|
+
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"
|
|
4693
4697
|
},] }
|
|
4694
4698
|
];
|
|
4695
4699
|
ChargingBarComponent.ctorParameters = function () { return []; };
|
|
@@ -4709,7 +4713,7 @@
|
|
|
4709
4713
|
ExpandedPanelComponent.decorators = [
|
|
4710
4714
|
{ type: i0.Component, args: [{
|
|
4711
4715
|
selector: 'wac-expanded-panel',
|
|
4712
|
-
template: "<div class=\"wac-expanded-panel\">\
|
|
4716
|
+
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"
|
|
4713
4717
|
},] }
|
|
4714
4718
|
];
|
|
4715
4719
|
ExpandedPanelComponent.ctorParameters = function () { return []; };
|