@wizishop/angular-components 15.1.131 → 15.1.133
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 +27 -4
- package/esm2020/lib/components/color-picker/color-picker.component.mjs +10 -23
- package/esm2020/lib/components/info/info.component.mjs +14 -6
- package/esm2020/lib/components/menu-tile/menu-tile.component.mjs +2 -2
- package/esm2020/lib/components/shared-components.module.mjs +7 -7
- package/esm2020/lib/components/slide-in/slide-in.component.mjs +8 -3
- package/fesm2015/wizishop-angular-components.mjs +31 -32
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +31 -32
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/color-picker/color-picker.component.d.ts +3 -1
- package/lib/components/info/info.component.d.ts +3 -1
- package/lib/components/shared-components.module.d.ts +36 -36
- package/lib/components/slide-in/slide-in.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.133.tgz +0 -0
- package/wizishop-angular-components-15.1.131.tgz +0 -0
|
@@ -2386,14 +2386,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
2386
2386
|
}] } });
|
|
2387
2387
|
|
|
2388
2388
|
class InfoComponent {
|
|
2389
|
-
|
|
2389
|
+
get isColorPickerEnabled() {
|
|
2390
|
+
return this.colorPicker === true || this.colorPicker === 'true';
|
|
2391
|
+
}
|
|
2392
|
+
constructor() {
|
|
2393
|
+
this.colorPicker = false;
|
|
2394
|
+
}
|
|
2390
2395
|
}
|
|
2391
2396
|
InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2392
|
-
InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: InfoComponent, selector: "wac-info", ngImport: i0, template: "<div class=\"wac-info\">\r\n <div class=\"wac-info__wrapper\">\r\n <i class=\"fas fa-info-circle\"></i>\r\n <div class=\"wac-info__wrapper__sublevel\">\r\n <div class=\"wac-info__wrapper__sublevel__container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" });
|
|
2397
|
+
InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: InfoComponent, selector: "wac-info", inputs: { colorPicker: "colorPicker" }, ngImport: i0, template: "<div class=\"wac-info\" [ngClass]=\"{'wac-info__color-picker': isColorPickerEnabled}\">\r\n <div class=\"wac-info__wrapper\">\r\n <i class=\"fas fa-info-circle\"></i>\r\n <div class=\"wac-info__wrapper__sublevel\">\r\n <div class=\"wac-info__wrapper__sublevel__container\">\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"] }] });
|
|
2393
2398
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: InfoComponent, decorators: [{
|
|
2394
2399
|
type: Component,
|
|
2395
|
-
args: [{ selector: 'wac-info', template: "<div class=\"wac-info\">\r\n <div class=\"wac-info__wrapper\">\r\n <i class=\"fas fa-info-circle\"></i>\r\n <div class=\"wac-info__wrapper__sublevel\">\r\n <div class=\"wac-info__wrapper__sublevel__container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
2396
|
-
}], ctorParameters: function () { return []; }
|
|
2400
|
+
args: [{ selector: 'wac-info', template: "<div class=\"wac-info\" [ngClass]=\"{'wac-info__color-picker': isColorPickerEnabled}\">\r\n <div class=\"wac-info__wrapper\">\r\n <i class=\"fas fa-info-circle\"></i>\r\n <div class=\"wac-info__wrapper__sublevel\">\r\n <div class=\"wac-info__wrapper__sublevel__container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
2401
|
+
}], ctorParameters: function () { return []; }, propDecorators: { colorPicker: [{
|
|
2402
|
+
type: Input
|
|
2403
|
+
}] } });
|
|
2397
2404
|
|
|
2398
2405
|
class SettingsComponent {
|
|
2399
2406
|
constructor() { }
|
|
@@ -6587,6 +6594,7 @@ class ColorPickerComponent {
|
|
|
6587
6594
|
this.value = '';
|
|
6588
6595
|
this.gap = '12px';
|
|
6589
6596
|
this.fontSize = '14px';
|
|
6597
|
+
this.id = 'colorPicker';
|
|
6590
6598
|
this.colorChange = new EventEmitter();
|
|
6591
6599
|
this.onChange = () => { };
|
|
6592
6600
|
this.onTouched = () => { };
|
|
@@ -6638,26 +6646,10 @@ class ColorPickerComponent {
|
|
|
6638
6646
|
}
|
|
6639
6647
|
}
|
|
6640
6648
|
ColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6641
|
-
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent,
|
|
6642
|
-
{
|
|
6643
|
-
provide: NG_VALUE_ACCESSOR,
|
|
6644
|
-
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6645
|
-
multi: true
|
|
6646
|
-
}
|
|
6647
|
-
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"cp-label\" for=\"colorPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n id=\"colorPicker\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", styles: [".w-color-picker{display:flex;flex-direction:column}.w-color-picker .cp-label{font-weight:500}.w-color-picker .w-input{position:relative;width:210px;height:40px;display:flex;align-items:center;gap:10px;padding:5px;border:1px solid #dee2ed;border-radius:3px}.w-color-picker .w-input .color-preview{width:30px;height:30px;border:1px solid #dee2ed;border-radius:3px}.w-color-picker .w-input .color-picker{left:0!important}.w-color-picker .w-input .color-picker .arrow-bottom{left:14px!important}.w-color-picker .w-input .cp-input{width:70%;height:100%;border:none;font-size:14px;color:#1d2a3b;font-weight:400}\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.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"] }, { kind: "ngmodule", type: ColorPickerModule }, { kind: "directive", type: i3$3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }] });
|
|
6649
|
+
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent, selector: "wac-color-picker", inputs: { label: "label", value: "value", gap: "gap", fontSize: "fontSize", id: "id", info: "info" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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"] }, { kind: "directive", type: i3$3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: InfoComponent, selector: "wac-info", inputs: ["colorPicker"] }] });
|
|
6648
6650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
6649
6651
|
type: Component,
|
|
6650
|
-
args: [{ selector: "wac-color-picker",
|
|
6651
|
-
CommonModule,
|
|
6652
|
-
FormsModule,
|
|
6653
|
-
ColorPickerModule
|
|
6654
|
-
], providers: [
|
|
6655
|
-
{
|
|
6656
|
-
provide: NG_VALUE_ACCESSOR,
|
|
6657
|
-
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6658
|
-
multi: true
|
|
6659
|
-
}
|
|
6660
|
-
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <label class=\"cp-label\" for=\"colorPicker\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n id=\"colorPicker\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", styles: [".w-color-picker{display:flex;flex-direction:column}.w-color-picker .cp-label{font-weight:500}.w-color-picker .w-input{position:relative;width:210px;height:40px;display:flex;align-items:center;gap:10px;padding:5px;border:1px solid #dee2ed;border-radius:3px}.w-color-picker .w-input .color-preview{width:30px;height:30px;border:1px solid #dee2ed;border-radius:3px}.w-color-picker .w-input .color-picker{left:0!important}.w-color-picker .w-input .color-picker .arrow-bottom{left:14px!important}.w-color-picker .w-input .cp-input{width:70%;height:100%;border:none;font-size:14px;color:#1d2a3b;font-weight:400}\n"] }]
|
|
6652
|
+
args: [{ selector: "wac-color-picker", template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
6661
6653
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
6662
6654
|
type: Input
|
|
6663
6655
|
}], value: [{
|
|
@@ -6666,6 +6658,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6666
6658
|
type: Input
|
|
6667
6659
|
}], fontSize: [{
|
|
6668
6660
|
type: Input
|
|
6661
|
+
}], id: [{
|
|
6662
|
+
type: Input
|
|
6663
|
+
}], info: [{
|
|
6664
|
+
type: Input
|
|
6669
6665
|
}], colorChange: [{
|
|
6670
6666
|
type: Output
|
|
6671
6667
|
}] } });
|
|
@@ -6799,6 +6795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
6799
6795
|
class SlideInComponent {
|
|
6800
6796
|
constructor() {
|
|
6801
6797
|
this.title = '';
|
|
6798
|
+
this.subtitle = '';
|
|
6802
6799
|
this.isOpen = false;
|
|
6803
6800
|
this.hasButton = false;
|
|
6804
6801
|
this.primaryButtonText = 'Valider';
|
|
@@ -6837,12 +6834,14 @@ class SlideInComponent {
|
|
|
6837
6834
|
}
|
|
6838
6835
|
}
|
|
6839
6836
|
SlideInComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6840
|
-
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", maxWidth: "maxWidth" }, 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\" [style.max-width]=\"maxWidth ? maxWidth : '534px'\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <
|
|
6837
|
+
SlideInComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: SlideInComponent, selector: "wac-slide-in", inputs: { title: "title", subtitle: "subtitle", isOpen: "isOpen", hasButton: "hasButton", primaryButtonText: "primaryButtonText", secondaryButtonText: "secondaryButtonText", maxWidth: "maxWidth" }, 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\" [style.max-width]=\"maxWidth ? maxWidth : '534px'\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <div class=\"w-title\">\r\n <wac-h1 noMargin class=\"slide-in__panel__header__title\">{{ title }}</wac-h1>\r\n <wac-text *ngIf=\"subtitle\" noMargin [textClass]=\"'grey'\">{{ subtitle }}</wac-text>\r\n </div>\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"] }, { kind: "component", type: H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color", "noMargin"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
6841
6838
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SlideInComponent, decorators: [{
|
|
6842
6839
|
type: Component,
|
|
6843
|
-
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\" [style.max-width]=\"maxWidth ? maxWidth : '534px'\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <
|
|
6840
|
+
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\" [style.max-width]=\"maxWidth ? maxWidth : '534px'\">\r\n \r\n <div class=\"slide-in__panel__header\">\r\n <div class=\"w-title\">\r\n <wac-h1 noMargin class=\"slide-in__panel__header__title\">{{ title }}</wac-h1>\r\n <wac-text *ngIf=\"subtitle\" noMargin [textClass]=\"'grey'\">{{ subtitle }}</wac-text>\r\n </div>\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>" }]
|
|
6844
6841
|
}], propDecorators: { title: [{
|
|
6845
6842
|
type: Input
|
|
6843
|
+
}], subtitle: [{
|
|
6844
|
+
type: Input
|
|
6846
6845
|
}], isOpen: [{
|
|
6847
6846
|
type: Input
|
|
6848
6847
|
}], hasButton: [{
|
|
@@ -6894,10 +6893,10 @@ class MenuTileComponent {
|
|
|
6894
6893
|
}
|
|
6895
6894
|
}
|
|
6896
6895
|
MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
6897
|
-
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:
|
|
6896
|
+
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
6898
6897
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
|
|
6899
6898
|
type: Component,
|
|
6900
|
-
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:
|
|
6899
|
+
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
6901
6900
|
}], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { col: [{
|
|
6902
6901
|
type: Input
|
|
6903
6902
|
}], hostClasses: [{
|
|
@@ -6988,7 +6987,8 @@ const components = [
|
|
|
6988
6987
|
TagDropdownComponent,
|
|
6989
6988
|
SlideInComponent,
|
|
6990
6989
|
OptionGroupComponent,
|
|
6991
|
-
MenuTileComponent
|
|
6990
|
+
MenuTileComponent,
|
|
6991
|
+
ColorPickerComponent
|
|
6992
6992
|
];
|
|
6993
6993
|
const exportsFromModule = [
|
|
6994
6994
|
PaginationComponent,
|
|
@@ -7016,7 +7016,6 @@ const standaloneComponents = [
|
|
|
7016
7016
|
InputWithSelectComponent,
|
|
7017
7017
|
BlockTitleLegacyComponent,
|
|
7018
7018
|
BlockSeparatorComponent,
|
|
7019
|
-
ColorPickerComponent,
|
|
7020
7019
|
BorderPickerComponent
|
|
7021
7020
|
];
|
|
7022
7021
|
class SharedComponentsModule {
|
|
@@ -7088,7 +7087,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
7088
7087
|
TagDropdownComponent,
|
|
7089
7088
|
SlideInComponent,
|
|
7090
7089
|
OptionGroupComponent,
|
|
7091
|
-
MenuTileComponent
|
|
7090
|
+
MenuTileComponent,
|
|
7091
|
+
ColorPickerComponent], imports: [CommonModule,
|
|
7092
7092
|
FormsModule,
|
|
7093
7093
|
NwbAllModule,
|
|
7094
7094
|
TranslateModule,
|
|
@@ -7122,7 +7122,6 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
7122
7122
|
InputWithSelectComponent,
|
|
7123
7123
|
BlockTitleLegacyComponent,
|
|
7124
7124
|
BlockSeparatorComponent,
|
|
7125
|
-
ColorPickerComponent,
|
|
7126
7125
|
BorderPickerComponent], exports: [GridComponent,
|
|
7127
7126
|
TagComponent,
|
|
7128
7127
|
ButtonComponent,
|
|
@@ -7189,7 +7188,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
7189
7188
|
TagDropdownComponent,
|
|
7190
7189
|
SlideInComponent,
|
|
7191
7190
|
OptionGroupComponent,
|
|
7192
|
-
MenuTileComponent,
|
|
7191
|
+
MenuTileComponent,
|
|
7192
|
+
ColorPickerComponent, PaginationComponent,
|
|
7193
7193
|
TableComponent,
|
|
7194
7194
|
TableColumn,
|
|
7195
7195
|
CheckBoxRow,
|
|
@@ -7210,7 +7210,6 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
7210
7210
|
InputWithSelectComponent,
|
|
7211
7211
|
BlockTitleLegacyComponent,
|
|
7212
7212
|
BlockSeparatorComponent,
|
|
7213
|
-
ColorPickerComponent,
|
|
7214
7213
|
BorderPickerComponent] });
|
|
7215
7214
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
7216
7215
|
FormsModule,
|