@wizishop/angular-components 15.1.119 → 15.1.121
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 +155 -124
- package/esm2020/lib/components/border-picker/border-picker.component.mjs +36 -34
- package/esm2020/lib/components/header-page/header-page.component.mjs +1 -1
- package/esm2020/lib/components/hn/h1/h1.component.mjs +12 -3
- package/esm2020/lib/components/hn/h2/h2.component.mjs +16 -6
- package/esm2020/lib/components/hn/h3/h3.component.mjs +12 -3
- package/esm2020/lib/components/hn/h4/h4.component.mjs +12 -3
- package/esm2020/lib/components/multiple-search-plus/multiple-search-plus.component.mjs +1 -1
- package/esm2020/lib/components/slide-in/slide-in.component.mjs +32 -3
- package/fesm2015/wizishop-angular-components.mjs +112 -46
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +112 -46
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/border-picker/border-picker.component.d.ts +6 -10
- package/lib/components/hn/h1/h1.component.d.ts +4 -1
- package/lib/components/hn/h2/h2.component.d.ts +4 -1
- package/lib/components/hn/h3/h3.component.d.ts +4 -1
- package/lib/components/hn/h4/h4.component.d.ts +4 -1
- package/lib/components/slide-in/slide-in.component.d.ts +14 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.121.tgz +0 -0
- package/wizishop-angular-components-15.1.119.tgz +0 -0
|
@@ -3144,18 +3144,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
3144
3144
|
}] } });
|
|
3145
3145
|
|
|
3146
3146
|
class H1Component {
|
|
3147
|
+
get noMargin() {
|
|
3148
|
+
return this._noMargin;
|
|
3149
|
+
}
|
|
3150
|
+
set noMargin(value) {
|
|
3151
|
+
this._noMargin = value === '' || value === 'noMargin' || value === true;
|
|
3152
|
+
}
|
|
3147
3153
|
constructor() {
|
|
3148
3154
|
this.annotation = '';
|
|
3149
3155
|
this.withImg = false;
|
|
3150
3156
|
this.center = false;
|
|
3151
3157
|
this.color = null;
|
|
3158
|
+
this._noMargin = false;
|
|
3152
3159
|
}
|
|
3153
3160
|
}
|
|
3154
3161
|
H1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H1Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3155
|
-
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H1Component, selector: "wac-h1", inputs: { annotation: "annotation", withImg: "withImg", center: "center", color: "color" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"
|
|
3162
|
+
H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H1Component, selector: "wac-h1", inputs: { annotation: "annotation", withImg: "withImg", center: "center", color: "color", noMargin: "noMargin" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small>\r\n</h1>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3156
3163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H1Component, decorators: [{
|
|
3157
3164
|
type: Component,
|
|
3158
|
-
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\"
|
|
3165
|
+
args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\" [style.color]=\"color?color:''\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small>\r\n</h1>\r\n" }]
|
|
3159
3166
|
}], ctorParameters: function () { return []; }, propDecorators: { annotation: [{
|
|
3160
3167
|
type: Input
|
|
3161
3168
|
}], withImg: [{
|
|
@@ -3164,32 +3171,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
3164
3171
|
type: Input
|
|
3165
3172
|
}], color: [{
|
|
3166
3173
|
type: Input
|
|
3174
|
+
}], noMargin: [{
|
|
3175
|
+
type: Input
|
|
3167
3176
|
}] } });
|
|
3168
3177
|
|
|
3169
3178
|
class H2Component {
|
|
3170
|
-
|
|
3179
|
+
get noMargin() {
|
|
3180
|
+
return this._noMargin;
|
|
3181
|
+
}
|
|
3182
|
+
set noMargin(value) {
|
|
3183
|
+
this._noMargin = value === '' || value === 'noMargin' || value === true;
|
|
3184
|
+
}
|
|
3185
|
+
constructor() {
|
|
3186
|
+
this._noMargin = false;
|
|
3187
|
+
}
|
|
3171
3188
|
ngOnInit() { }
|
|
3172
3189
|
}
|
|
3173
3190
|
H2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3174
|
-
H2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H2Component, selector: "wac-h2", ngImport: i0, template: "<h2 class=\"wac-h2\"
|
|
3191
|
+
H2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H2Component, selector: "wac-h2", inputs: { noMargin: "noMargin" }, ngImport: i0, template: "<h2 class=\"wac-h2\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h2>\r\n" });
|
|
3175
3192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H2Component, decorators: [{
|
|
3176
3193
|
type: Component,
|
|
3177
|
-
args: [{ selector: 'wac-h2', template: "<h2 class=\"wac-h2\"
|
|
3178
|
-
}], ctorParameters: function () { return []; }
|
|
3194
|
+
args: [{ selector: 'wac-h2', template: "<h2 class=\"wac-h2\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h2>\r\n" }]
|
|
3195
|
+
}], ctorParameters: function () { return []; }, propDecorators: { noMargin: [{
|
|
3196
|
+
type: Input
|
|
3197
|
+
}] } });
|
|
3179
3198
|
|
|
3180
3199
|
class H3Component {
|
|
3200
|
+
get noMargin() {
|
|
3201
|
+
return this._noMargin;
|
|
3202
|
+
}
|
|
3203
|
+
set noMargin(value) {
|
|
3204
|
+
this._noMargin = value === '' || value === 'noMargin' || value === true;
|
|
3205
|
+
}
|
|
3181
3206
|
constructor() {
|
|
3182
3207
|
this.grey = false;
|
|
3208
|
+
this._noMargin = false;
|
|
3183
3209
|
}
|
|
3184
3210
|
ngOnInit() { }
|
|
3185
3211
|
}
|
|
3186
3212
|
H3Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3187
|
-
H3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H3Component, selector: "wac-h3", inputs: { grey: "grey" }, ngImport: i0, template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"
|
|
3213
|
+
H3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H3Component, selector: "wac-h3", inputs: { grey: "grey", noMargin: "noMargin" }, ngImport: i0, template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h3>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3188
3214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H3Component, decorators: [{
|
|
3189
3215
|
type: Component,
|
|
3190
|
-
args: [{ selector: 'wac-h3', template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"
|
|
3216
|
+
args: [{ selector: 'wac-h3', template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h3>\r\n" }]
|
|
3191
3217
|
}], ctorParameters: function () { return []; }, propDecorators: { grey: [{
|
|
3192
3218
|
type: Input
|
|
3219
|
+
}], noMargin: [{
|
|
3220
|
+
type: Input
|
|
3193
3221
|
}] } });
|
|
3194
3222
|
|
|
3195
3223
|
class HistoryService {
|
|
@@ -3262,7 +3290,7 @@ class HeaderPageComponent {
|
|
|
3262
3290
|
}
|
|
3263
3291
|
}
|
|
3264
3292
|
HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderPageComponent, deps: [{ token: HistoryService }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
|
|
3265
|
-
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, 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 <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] });
|
|
3293
|
+
HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, 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 <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color", "noMargin"] }] });
|
|
3266
3294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HeaderPageComponent, decorators: [{
|
|
3267
3295
|
type: Component,
|
|
3268
3296
|
args: [{ selector: 'wac-header-page', 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 <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><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" }]
|
|
@@ -3824,18 +3852,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
3824
3852
|
}] } });
|
|
3825
3853
|
|
|
3826
3854
|
class H4Component {
|
|
3855
|
+
get noMargin() {
|
|
3856
|
+
return this._noMargin;
|
|
3857
|
+
}
|
|
3858
|
+
set noMargin(value) {
|
|
3859
|
+
this._noMargin = value === '' || value === 'noMargin' || value === true;
|
|
3860
|
+
}
|
|
3827
3861
|
constructor() {
|
|
3828
3862
|
this.grey = false;
|
|
3863
|
+
this._noMargin = false;
|
|
3829
3864
|
}
|
|
3830
3865
|
ngOnInit() { }
|
|
3831
3866
|
}
|
|
3832
3867
|
H4Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H4Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3833
|
-
H4Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H4Component, selector: "wac-h4", inputs: { grey: "grey" }, ngImport: i0, template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"
|
|
3868
|
+
H4Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: H4Component, selector: "wac-h4", inputs: { grey: "grey", noMargin: "noMargin" }, ngImport: i0, template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h4>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3834
3869
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: H4Component, decorators: [{
|
|
3835
3870
|
type: Component,
|
|
3836
|
-
args: [{ selector: 'wac-h4', template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"
|
|
3871
|
+
args: [{ selector: 'wac-h4', template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\" [class.no-margin]=\"noMargin\">\r\n <ng-content></ng-content>\r\n</h4>\r\n" }]
|
|
3837
3872
|
}], ctorParameters: function () { return []; }, propDecorators: { grey: [{
|
|
3838
3873
|
type: Input
|
|
3874
|
+
}], noMargin: [{
|
|
3875
|
+
type: Input
|
|
3839
3876
|
}] } });
|
|
3840
3877
|
|
|
3841
3878
|
class SelectInTextComponent {
|
|
@@ -4114,7 +4151,7 @@ class MultipleSearchPlusComponent {
|
|
|
4114
4151
|
}
|
|
4115
4152
|
}
|
|
4116
4153
|
MultipleSearchPlusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4117
|
-
MultipleSearchPlusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MultipleSearchPlusComponent, selector: "wac-multiple-search-plus", inputs: { options: "options", searchResults: "searchResults", disabled: "disabled", hideResults: "hideResults" }, outputs: { searchValue: "searchValue", optionsChange: "optionsChange" }, ngImport: i0, template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n <!-- Multiple select with search input -->\r\n <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n <div class=\"wac-multiple-search__wrapper\">\r\n <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n <span>{{ label }}</span>\r\n <i class=\"fal fa-chevron-down\"></i>\r\n <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let option of options; let i = index\"\r\n [attr.data-index]=\"i\"\r\n (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n >\r\n <span>{{ option.label }}</span>\r\n <input type=\"hidden\" value=\"\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n <button><i class=\"fal fa-search\"></i></button>\r\n <input\r\n #inputSearch\r\n type=\"text\"\r\n [placeholder]=\"placeholder\"\r\n debounceKeyUp\r\n [debounceTime]=\"500\"\r\n (onEventChange)=\"setSearchValue($event)\"\r\n />\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let res of searchResults; let i = index\"\r\n (click)=\"addResult(i); inputSearch.value = ''\"\r\n >\r\n <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n </div>\r\n <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n <wac-loader [small]=\"true\"></wac-loader>\r\n </div>\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngIf=\"!searchResults?.length\"\r\n >\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Results checked -->\r\n <div *ngFor=\"let option of options; let i = index\">\r\n <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n <wac-h3>{{ option.title }}</wac-h3>\r\n <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n <wac-text>{{ item.name }}</wac-text>\r\n <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: ImageComponent, selector: "wac-image", inputs: ["src"] }, { kind: "component", type: H3Component, selector: "wac-h3", inputs: ["grey"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
4154
|
+
MultipleSearchPlusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MultipleSearchPlusComponent, selector: "wac-multiple-search-plus", inputs: { options: "options", searchResults: "searchResults", disabled: "disabled", hideResults: "hideResults" }, outputs: { searchValue: "searchValue", optionsChange: "optionsChange" }, ngImport: i0, template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n <!-- Multiple select with search input -->\r\n <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n <div class=\"wac-multiple-search__wrapper\">\r\n <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n <span>{{ label }}</span>\r\n <i class=\"fal fa-chevron-down\"></i>\r\n <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let option of options; let i = index\"\r\n [attr.data-index]=\"i\"\r\n (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n >\r\n <span>{{ option.label }}</span>\r\n <input type=\"hidden\" value=\"\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n <button><i class=\"fal fa-search\"></i></button>\r\n <input\r\n #inputSearch\r\n type=\"text\"\r\n [placeholder]=\"placeholder\"\r\n debounceKeyUp\r\n [debounceTime]=\"500\"\r\n (onEventChange)=\"setSearchValue($event)\"\r\n />\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let res of searchResults; let i = index\"\r\n (click)=\"addResult(i); inputSearch.value = ''\"\r\n >\r\n <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n </div>\r\n <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n <wac-loader [small]=\"true\"></wac-loader>\r\n </div>\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngIf=\"!searchResults?.length\"\r\n >\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Results checked -->\r\n <div *ngFor=\"let option of options; let i = index\">\r\n <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n <wac-h3>{{ option.title }}</wac-h3>\r\n <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n <wac-text>{{ item.name }}</wac-text>\r\n <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: ImageComponent, selector: "wac-image", inputs: ["src"] }, { kind: "component", type: H3Component, selector: "wac-h3", inputs: ["grey", "noMargin"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
4118
4155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MultipleSearchPlusComponent, decorators: [{
|
|
4119
4156
|
type: Component,
|
|
4120
4157
|
args: [{ selector: 'wac-multiple-search-plus', template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\" [ngClass]=\"{ 'disabled': disabled }\">\r\n <!-- Multiple select with search input -->\r\n <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\r\n <div class=\"wac-multiple-search__wrapper\">\r\n <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\r\n <span>{{ label }}</span>\r\n <i class=\"fal fa-chevron-down\"></i>\r\n <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let option of options; let i = index\"\r\n [attr.data-index]=\"i\"\r\n (click)=\"resetAllVue(i); inputSearch.value = ''\"\r\n >\r\n <span>{{ option.label }}</span>\r\n <input type=\"hidden\" value=\"\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\r\n <button><i class=\"fal fa-search\"></i></button>\r\n <input\r\n #inputSearch\r\n type=\"text\"\r\n [placeholder]=\"placeholder\"\r\n debounceKeyUp\r\n [debounceTime]=\"500\"\r\n (onEventChange)=\"setSearchValue($event)\"\r\n />\r\n <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngFor=\"let res of searchResults; let i = index\"\r\n (click)=\"addResult(i); inputSearch.value = ''\"\r\n >\r\n <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\r\n <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\r\n </div>\r\n <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\r\n <wac-loader [small]=\"true\"></wac-loader>\r\n </div>\r\n <div\r\n class=\"wac-multiple-search__wrapper__left__select__item\"\r\n *ngIf=\"!searchResults?.length\"\r\n >\r\n <span>{{'wac.datatable.noresult' | translate}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Results checked -->\r\n <div *ngFor=\"let option of options; let i = index\">\r\n <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length && !hideResults\">\r\n <wac-h3>{{ option.title }}</wac-h3>\r\n <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\r\n <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\r\n <wac-text>{{ item.name }}</wac-text>\r\n <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
@@ -6653,19 +6690,22 @@ class BorderPickerComponent {
|
|
|
6653
6690
|
constructor() {
|
|
6654
6691
|
this.gap = '12px';
|
|
6655
6692
|
this.fontSize = '14px';
|
|
6656
|
-
this.borderRadius = '0px';
|
|
6657
|
-
this.firstBtnOption = 'Small';
|
|
6658
|
-
this.secondBtnOption = 'Medium';
|
|
6659
|
-
this.thirdBtnOption = 'Full';
|
|
6660
6693
|
this.disabled = false;
|
|
6661
|
-
this.value = '';
|
|
6694
|
+
this.value = '0%';
|
|
6662
6695
|
this.blurred = new EventEmitter();
|
|
6663
6696
|
this.borderRadiusChange = new EventEmitter();
|
|
6664
|
-
this.showSlider = false;
|
|
6665
6697
|
this.sliderValue = 0;
|
|
6666
6698
|
this.onChange = () => { };
|
|
6667
6699
|
this.onTouched = () => { };
|
|
6668
6700
|
}
|
|
6701
|
+
ngOnInit() {
|
|
6702
|
+
if (this.value) {
|
|
6703
|
+
const numericValue = parseInt(this.value.replace('%', ''), 10);
|
|
6704
|
+
if (!isNaN(numericValue)) {
|
|
6705
|
+
this.sliderValue = numericValue;
|
|
6706
|
+
}
|
|
6707
|
+
}
|
|
6708
|
+
}
|
|
6669
6709
|
writeValue(value) {
|
|
6670
6710
|
if (value !== undefined) {
|
|
6671
6711
|
this.value = value;
|
|
@@ -6679,39 +6719,49 @@ class BorderPickerComponent {
|
|
|
6679
6719
|
}
|
|
6680
6720
|
setValue(event) {
|
|
6681
6721
|
this.value = event.target.value;
|
|
6722
|
+
const numericValue = parseInt(this.value.replace('%', ''), 10);
|
|
6723
|
+
if (!isNaN(numericValue)) {
|
|
6724
|
+
this.sliderValue = numericValue;
|
|
6725
|
+
this.updateSliderPercentage();
|
|
6726
|
+
}
|
|
6682
6727
|
this.onChange(this.value);
|
|
6683
6728
|
this.borderRadiusChange.emit(this.value);
|
|
6684
6729
|
}
|
|
6685
|
-
|
|
6730
|
+
updateSliderPercentage() {
|
|
6731
|
+
const slider = document.querySelector('.bp-range');
|
|
6732
|
+
if (slider) {
|
|
6733
|
+
slider.style.setProperty('--slider-percentage', `${this.sliderValue}%`);
|
|
6734
|
+
}
|
|
6686
6735
|
}
|
|
6687
|
-
|
|
6688
|
-
this.
|
|
6689
|
-
|
|
6736
|
+
ngAfterViewInit() {
|
|
6737
|
+
this.updateSliderPercentage();
|
|
6738
|
+
}
|
|
6739
|
+
onFocusOut() {
|
|
6740
|
+
if (!this.value.endsWith('%') && this.value) {
|
|
6741
|
+
this.value = this.value + '%';
|
|
6742
|
+
this.onChange(this.value);
|
|
6743
|
+
this.borderRadiusChange.emit(this.value);
|
|
6744
|
+
}
|
|
6690
6745
|
}
|
|
6691
6746
|
updateBorderRadius(value) {
|
|
6692
|
-
this.value = value + '
|
|
6693
|
-
this.
|
|
6747
|
+
this.value = value + '%';
|
|
6748
|
+
this.updateSliderPercentage();
|
|
6749
|
+
this.onChange(this.value);
|
|
6694
6750
|
this.borderRadiusChange.emit(this.value);
|
|
6695
6751
|
}
|
|
6696
6752
|
setBorderRadius(value) {
|
|
6697
6753
|
this.sliderValue = value;
|
|
6698
6754
|
this.updateBorderRadius(value);
|
|
6699
6755
|
}
|
|
6700
|
-
onClickOutside(event) {
|
|
6701
|
-
const target = event.target;
|
|
6702
|
-
if (!target.closest('.w-input')) {
|
|
6703
|
-
this.showSlider = false;
|
|
6704
|
-
}
|
|
6705
|
-
}
|
|
6706
6756
|
}
|
|
6707
6757
|
BorderPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BorderPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6708
|
-
BorderPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BorderPickerComponent, isStandalone: true, selector: "wac-border-picker", inputs: { label: "label", gap: "gap", fontSize: "fontSize",
|
|
6758
|
+
BorderPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: BorderPickerComponent, isStandalone: true, selector: "wac-border-picker", inputs: { label: "label", gap: "gap", fontSize: "fontSize", disabled: "disabled", value: "value" }, outputs: { blurred: "blurred", borderRadiusChange: "borderRadiusChange" }, providers: [
|
|
6709
6759
|
{
|
|
6710
6760
|
provide: NG_VALUE_ACCESSOR,
|
|
6711
6761
|
useExisting: forwardRef(() => BorderPickerComponent),
|
|
6712
6762
|
multi: true
|
|
6713
6763
|
}
|
|
6714
|
-
], ngImport: i0, template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-
|
|
6764
|
+
], ngImport: i0, template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-range\"\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n [(ngModel)]=\"sliderValue\"\r\n (ngModelChange)=\"updateBorderRadius($event)\"\r\n />\r\n\r\n <input\r\n class=\"bp-input\"\r\n id=\"borderPicker\"\r\n [placeholder]=\"sliderValue\"\r\n maxlength=\"5\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (focusout)=\"onFocusOut()\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
6715
6765
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BorderPickerComponent, decorators: [{
|
|
6716
6766
|
type: Component,
|
|
6717
6767
|
args: [{ selector: "wac-border-picker", standalone: true, imports: [
|
|
@@ -6723,21 +6773,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6723
6773
|
useExisting: forwardRef(() => BorderPickerComponent),
|
|
6724
6774
|
multi: true
|
|
6725
6775
|
}
|
|
6726
|
-
], template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-
|
|
6776
|
+
], template: "<div class=\"w-border-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"bp-label\" for=\"borderPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div class=\"border-preview\" [ngStyle]=\"{'border-radius': value}\">\r\n <div class=\"mask1\"></div>\r\n <div class=\"mask2\"></div>\r\n </div>\r\n\r\n <input\r\n class=\"bp-range\"\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n [(ngModel)]=\"sliderValue\"\r\n (ngModelChange)=\"updateBorderRadius($event)\"\r\n />\r\n\r\n <input\r\n class=\"bp-input\"\r\n id=\"borderPicker\"\r\n [placeholder]=\"sliderValue\"\r\n maxlength=\"5\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChange($event)\"\r\n (focusout)=\"onFocusOut()\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
6727
6777
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
6728
6778
|
type: Input
|
|
6729
6779
|
}], gap: [{
|
|
6730
6780
|
type: Input
|
|
6731
6781
|
}], fontSize: [{
|
|
6732
6782
|
type: Input
|
|
6733
|
-
}], borderRadius: [{
|
|
6734
|
-
type: Input
|
|
6735
|
-
}], firstBtnOption: [{
|
|
6736
|
-
type: Input
|
|
6737
|
-
}], secondBtnOption: [{
|
|
6738
|
-
type: Input
|
|
6739
|
-
}], thirdBtnOption: [{
|
|
6740
|
-
type: Input
|
|
6741
6783
|
}], disabled: [{
|
|
6742
6784
|
type: Input
|
|
6743
6785
|
}], value: [{
|
|
@@ -6746,16 +6788,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6746
6788
|
type: Output
|
|
6747
6789
|
}], borderRadiusChange: [{
|
|
6748
6790
|
type: Output
|
|
6749
|
-
}], onClickOutside: [{
|
|
6750
|
-
type: HostListener,
|
|
6751
|
-
args: ['document:click', ['$event']]
|
|
6752
6791
|
}] } });
|
|
6753
6792
|
|
|
6754
6793
|
class SlideInComponent {
|
|
6755
6794
|
constructor() {
|
|
6756
6795
|
this.title = '';
|
|
6757
6796
|
this.isOpen = false;
|
|
6797
|
+
this.hasButton = false;
|
|
6798
|
+
this.primaryButtonText = 'Valider';
|
|
6799
|
+
this.secondaryButtonText = 'Annuler';
|
|
6758
6800
|
this.closed = new EventEmitter();
|
|
6801
|
+
this.primaryButtonClick = new EventEmitter();
|
|
6802
|
+
this.secondaryButtonClick = new EventEmitter();
|
|
6759
6803
|
}
|
|
6760
6804
|
/**
|
|
6761
6805
|
* Ouvre le panneau coulissant
|
|
@@ -6772,18 +6816,40 @@ class SlideInComponent {
|
|
|
6772
6816
|
document.body.classList.remove('slide-in-open');
|
|
6773
6817
|
this.closed.emit();
|
|
6774
6818
|
}
|
|
6819
|
+
/**
|
|
6820
|
+
* Gère le clic sur le bouton primaire
|
|
6821
|
+
*/
|
|
6822
|
+
onPrimaryButtonClick() {
|
|
6823
|
+
this.primaryButtonClick.emit();
|
|
6824
|
+
}
|
|
6825
|
+
/**
|
|
6826
|
+
* Gère le clic sur le bouton secondaire
|
|
6827
|
+
*/
|
|
6828
|
+
onSecondaryButtonClick() {
|
|
6829
|
+
this.secondaryButtonClick.emit();
|
|
6830
|
+
}
|
|
6775
6831
|
}
|
|
6776
6832
|
SlideInComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6777
|
-
SlideInComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SlideInComponent, selector: "wac-slide-in", inputs: { title: "title", isOpen: "isOpen" }, outputs: { closed: "closed" }, ngImport: i0, template: "<ng-container class=\"slide-in\">\r\n <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n \r\n <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n </div>\r\n \r\n <div class=\"slide-in__panel__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n \r\n </div>\r\n</ng-container>",
|
|
6833
|
+
SlideInComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SlideInComponent, selector: "wac-slide-in", inputs: { title: "title", isOpen: "isOpen", hasButton: "hasButton", primaryButtonText: "primaryButtonText", secondaryButtonText: "secondaryButtonText" }, outputs: { closed: "closed", primaryButtonClick: "primaryButtonClick", secondaryButtonClick: "secondaryButtonClick" }, ngImport: i0, template: "<ng-container class=\"slide-in\">\r\n <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n \r\n <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n </div>\r\n \r\n <div class=\"slide-in__panel__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <div class=\"slide-in__panel__footer\" *ngIf=\"hasButton\">\r\n <wac-button \r\n [extraClasses]=\"'is-grey is-outlined'\" \r\n [label]=\"secondaryButtonText\"\r\n (click)=\"onSecondaryButtonClick()\"\r\n ></wac-button>\r\n <wac-button \r\n [extraClasses]=\"'is-info'\" \r\n [label]=\"primaryButtonText\"\r\n (click)=\"onPrimaryButtonClick()\"\r\n ></wac-button>\r\n </div>\r\n \r\n </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] });
|
|
6778
6834
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, decorators: [{
|
|
6779
6835
|
type: Component,
|
|
6780
|
-
args: [{ selector: 'wac-slide-in', template: "<ng-container class=\"slide-in\">\r\n <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n \r\n <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n </div>\r\n \r\n <div class=\"slide-in__panel__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n
|
|
6836
|
+
args: [{ selector: 'wac-slide-in', template: "<ng-container class=\"slide-in\">\r\n <div class=\"slide-in__overlay\" [class.is-visible]=\"isOpen\" (click)=\"close()\"></div>\r\n \r\n <div class=\"slide-in__panel\" [class.is-open]=\"isOpen\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <h2 class=\"slide-in__panel__header__title\">{{ title }}</h2>\r\n <i class=\"slide-in__panel__header__close fa-regular fa-xmark\" (click)=\"close()\"></i>\r\n </div>\r\n \r\n <div class=\"slide-in__panel__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <div class=\"slide-in__panel__footer\" *ngIf=\"hasButton\">\r\n <wac-button \r\n [extraClasses]=\"'is-grey is-outlined'\" \r\n [label]=\"secondaryButtonText\"\r\n (click)=\"onSecondaryButtonClick()\"\r\n ></wac-button>\r\n <wac-button \r\n [extraClasses]=\"'is-info'\" \r\n [label]=\"primaryButtonText\"\r\n (click)=\"onPrimaryButtonClick()\"\r\n ></wac-button>\r\n </div>\r\n \r\n </div>\r\n</ng-container>" }]
|
|
6781
6837
|
}], propDecorators: { title: [{
|
|
6782
6838
|
type: Input
|
|
6783
6839
|
}], isOpen: [{
|
|
6784
6840
|
type: Input
|
|
6841
|
+
}], hasButton: [{
|
|
6842
|
+
type: Input
|
|
6843
|
+
}], primaryButtonText: [{
|
|
6844
|
+
type: Input
|
|
6845
|
+
}], secondaryButtonText: [{
|
|
6846
|
+
type: Input
|
|
6785
6847
|
}], closed: [{
|
|
6786
6848
|
type: Output
|
|
6849
|
+
}], primaryButtonClick: [{
|
|
6850
|
+
type: Output
|
|
6851
|
+
}], secondaryButtonClick: [{
|
|
6852
|
+
type: Output
|
|
6787
6853
|
}] } });
|
|
6788
6854
|
|
|
6789
6855
|
class MenuTileComponent {
|