@wizishop/angular-components 15.1.5 → 15.1.7
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 +154 -139
- package/esm2020/lib/components/alert-popup/alert-popup.component.mjs +3 -3
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header.directive.mjs +1 -2
- package/esm2020/lib/components/inputs/input-search/input-search.component.mjs +1 -1
- package/esm2020/lib/components/radio/radio-directive.mjs +3 -3
- package/esm2020/lib/components/radio/radio-group.directive.mjs +4 -4
- package/esm2020/lib/components/search/search.component.mjs +1 -1
- package/esm2020/lib/components/select/call-to-action.model.mjs +2 -0
- package/esm2020/lib/components/select/option/option-selection-handler.interface.mjs +2 -0
- package/esm2020/lib/components/select/option/option-selection-handler.token.mjs +3 -0
- package/esm2020/lib/components/{selects → select}/option/option.component.mjs +1 -1
- package/esm2020/lib/components/select/option/select-option.directive.mjs +97 -0
- package/esm2020/lib/components/{selects → select}/option-call-to-action/option-call-to-action.component.mjs +1 -1
- package/esm2020/lib/components/select/select/select.component.mjs +194 -0
- package/esm2020/lib/components/select/select/select.directive.mjs +164 -0
- package/esm2020/lib/components/select/select/value-change.service.mjs +190 -0
- package/esm2020/lib/components/select/select-items.dto.mjs +2 -0
- package/esm2020/lib/components/{selects → select}/select-search-trigger/select-search-trigger.component.mjs +1 -1
- package/esm2020/lib/components/select-in-text/select-in-text.component.mjs +103 -0
- package/esm2020/lib/components/shared-components.module.mjs +15 -14
- package/esm2020/lib/components/tab/tab.component.mjs +4 -3
- package/esm2020/lib/components/table/directives/checkBoxRow.directive.mjs +4 -7
- package/esm2020/lib/components/table/directives/column.directive.mjs +3 -5
- package/esm2020/lib/components/table/directives/columnHeader.directive.mjs +7 -13
- package/esm2020/lib/directives/copy-to-clipboard/copy-to-clipboard.directive.mjs +32 -0
- package/esm2020/lib/directives/shared-directives.module.mjs +9 -8
- package/esm2020/lib/pipes/select/select-filters.pipe.mjs +1 -1
- package/esm2020/public-api.mjs +12 -11
- package/fesm2015/wizishop-angular-components.mjs +61 -45
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +61 -45
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/radio/radio-directive.d.ts +1 -1
- package/lib/components/radio/radio-group.directive.d.ts +2 -2
- package/lib/components/{selects → select}/call-to-action.model.d.ts +0 -0
- package/lib/components/{selects → select}/option/option-selection-handler.interface.d.ts +0 -0
- package/lib/components/{selects → select}/option/option-selection-handler.token.d.ts +0 -0
- package/lib/components/{selects → select}/option/option.component.d.ts +0 -0
- package/lib/components/{selects → select}/option/select-option.directive.d.ts +0 -0
- package/lib/components/{selects → select}/option-call-to-action/option-call-to-action.component.d.ts +0 -0
- package/lib/components/{selects → select}/select/select.component.d.ts +1 -2
- package/lib/components/{selects → select}/select/select.directive.d.ts +0 -0
- package/lib/components/{selects → select}/select/value-change.service.d.ts +0 -0
- package/lib/components/{selects → select}/select-items.dto.d.ts +0 -0
- package/lib/components/{selects → select}/select-search-trigger/select-search-trigger.component.d.ts +0 -0
- package/lib/components/{selects/select-in-text → select-in-text}/select-in-text.component.d.ts +2 -2
- package/lib/components/shared-components.module.d.ts +88 -88
- package/lib/components/tab/tab.component.d.ts +1 -1
- package/lib/directives/copy-to-clipboard/copy-to-clipboard.directive.d.ts +12 -0
- package/lib/directives/shared-directives.module.d.ts +4 -3
- package/lib/pipes/select/select-filters.pipe.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +11 -10
- package/wizishop-angular-components-15.1.7.tgz +0 -0
- package/esm2020/lib/components/selects/call-to-action.model.mjs +0 -2
- package/esm2020/lib/components/selects/option/option-selection-handler.interface.mjs +0 -2
- package/esm2020/lib/components/selects/option/option-selection-handler.token.mjs +0 -3
- package/esm2020/lib/components/selects/option/select-option.directive.mjs +0 -97
- package/esm2020/lib/components/selects/select/select.component.mjs +0 -197
- package/esm2020/lib/components/selects/select/select.directive.mjs +0 -164
- package/esm2020/lib/components/selects/select/value-change.service.mjs +0 -190
- package/esm2020/lib/components/selects/select-in-text/select-in-text.component.mjs +0 -103
- package/esm2020/lib/components/selects/select-items.dto.mjs +0 -2
- package/wizishop-angular-components-15.1.5.tgz +0 -0
|
@@ -906,6 +906,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
906
906
|
}]
|
|
907
907
|
}], ctorParameters: function () { return [{ type: ValueChangeService }]; } });
|
|
908
908
|
|
|
909
|
+
class CopyToClipBoardDirective {
|
|
910
|
+
constructor(element) {
|
|
911
|
+
this.element = element;
|
|
912
|
+
this.onClick = () => this.copyToClipboard(this.element.nativeElement.outerText);
|
|
913
|
+
this.cursor = 'cursor:pointer';
|
|
914
|
+
this.textCopy = new EventEmitter();
|
|
915
|
+
this.copyToClipboard = (text) => {
|
|
916
|
+
navigator.clipboard.writeText(text);
|
|
917
|
+
this.textCopy.emit(text);
|
|
918
|
+
};
|
|
919
|
+
}
|
|
920
|
+
}
|
|
921
|
+
CopyToClipBoardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyToClipBoardDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
922
|
+
CopyToClipBoardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: CopyToClipBoardDirective, isStandalone: true, selector: "[wacCopyToClipboard]", outputs: { textCopy: "textCopy" }, host: { listeners: { "click": "onClick()" }, properties: { "style": "this.cursor" } }, ngImport: i0 });
|
|
923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyToClipBoardDirective, decorators: [{
|
|
924
|
+
type: Directive,
|
|
925
|
+
args: [{
|
|
926
|
+
selector: '[wacCopyToClipboard]',
|
|
927
|
+
standalone: true
|
|
928
|
+
}]
|
|
929
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onClick: [{
|
|
930
|
+
type: HostListener,
|
|
931
|
+
args: ['click']
|
|
932
|
+
}], cursor: [{
|
|
933
|
+
type: HostBinding,
|
|
934
|
+
args: ['style']
|
|
935
|
+
}], textCopy: [{
|
|
936
|
+
type: Output
|
|
937
|
+
}] } });
|
|
938
|
+
|
|
909
939
|
const directives$2 = [
|
|
910
940
|
DebounceKeyupDirective,
|
|
911
941
|
AbstractDebounceDirective,
|
|
@@ -918,7 +948,7 @@ const directives$2 = [
|
|
|
918
948
|
OnlyNumberDirective,
|
|
919
949
|
TwoDigitDecimalNumberDirective,
|
|
920
950
|
RadioDirective,
|
|
921
|
-
RadioGroupDirective
|
|
951
|
+
RadioGroupDirective,
|
|
922
952
|
];
|
|
923
953
|
class SharedDirectives {
|
|
924
954
|
}
|
|
@@ -934,7 +964,7 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
934
964
|
OnlyNumberDirective,
|
|
935
965
|
TwoDigitDecimalNumberDirective,
|
|
936
966
|
RadioDirective,
|
|
937
|
-
RadioGroupDirective], imports: [CommonModule, FormsModule], exports: [DebounceKeyupDirective,
|
|
967
|
+
RadioGroupDirective], imports: [CommonModule, FormsModule, CopyToClipBoardDirective], exports: [DebounceKeyupDirective,
|
|
938
968
|
AbstractDebounceDirective,
|
|
939
969
|
AutoHideDirective,
|
|
940
970
|
ZindexToggleDirective,
|
|
@@ -945,14 +975,14 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
945
975
|
OnlyNumberDirective,
|
|
946
976
|
TwoDigitDecimalNumberDirective,
|
|
947
977
|
RadioDirective,
|
|
948
|
-
RadioGroupDirective] });
|
|
978
|
+
RadioGroupDirective, CopyToClipBoardDirective] });
|
|
949
979
|
SharedDirectives.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedDirectives, imports: [CommonModule, FormsModule] });
|
|
950
980
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedDirectives, decorators: [{
|
|
951
981
|
type: NgModule,
|
|
952
982
|
args: [{
|
|
953
|
-
imports: [CommonModule, FormsModule],
|
|
983
|
+
imports: [CommonModule, FormsModule, CopyToClipBoardDirective],
|
|
954
984
|
declarations: directives$2,
|
|
955
|
-
exports: directives$2
|
|
985
|
+
exports: [...directives$2, CopyToClipBoardDirective]
|
|
956
986
|
}]
|
|
957
987
|
}] });
|
|
958
988
|
|
|
@@ -1165,14 +1195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
1165
1195
|
type: Inject,
|
|
1166
1196
|
args: [DOCUMENT]
|
|
1167
1197
|
}] }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: TableCheckboxIdService }]; }, propDecorators: { checkBoxId: [{
|
|
1168
|
-
type: Input
|
|
1169
|
-
args: ['checkBoxId']
|
|
1198
|
+
type: Input
|
|
1170
1199
|
}], checkBoxName: [{
|
|
1171
|
-
type: Input
|
|
1172
|
-
args: ['checkBoxName']
|
|
1200
|
+
type: Input
|
|
1173
1201
|
}], checkBoxValue: [{
|
|
1174
|
-
type: Input
|
|
1175
|
-
args: ['checkBoxValue']
|
|
1202
|
+
type: Input
|
|
1176
1203
|
}], checkBoxValueChange: [{
|
|
1177
1204
|
type: Output
|
|
1178
1205
|
}] } });
|
|
@@ -1628,10 +1655,10 @@ class TabComponent {
|
|
|
1628
1655
|
}
|
|
1629
1656
|
}
|
|
1630
1657
|
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1631
|
-
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1658
|
+
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: TabComponent, isStandalone: true, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1632
1659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
1633
1660
|
type: Component,
|
|
1634
|
-
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
1661
|
+
args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n <div class=\"wac-tab__wrapper\">\n <a\n *ngFor=\"let tab of tabs\"\n class=\"wac-tab__wrapper__tab\"\n [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n (click)=\"valueChanged(tab.index)\"\n >\n {{ tab.label }}\n </a>\n </div>\n</div>\n" }]
|
|
1635
1662
|
}], ctorParameters: function () { return []; }, propDecorators: { underline: [{
|
|
1636
1663
|
type: Input
|
|
1637
1664
|
}], button: [{
|
|
@@ -3327,11 +3354,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3327
3354
|
type: Inject,
|
|
3328
3355
|
args: [DOCUMENT]
|
|
3329
3356
|
}] }]; }, propDecorators: { columnSize: [{
|
|
3330
|
-
type: Input
|
|
3331
|
-
args: ['columnSize']
|
|
3357
|
+
type: Input
|
|
3332
3358
|
}], centerCell: [{
|
|
3333
|
-
type: Input
|
|
3334
|
-
args: ['centerCell']
|
|
3359
|
+
type: Input
|
|
3335
3360
|
}] } });
|
|
3336
3361
|
|
|
3337
3362
|
class TableColumnHeader {
|
|
@@ -3509,23 +3534,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3509
3534
|
type: Inject,
|
|
3510
3535
|
args: [DOCUMENT]
|
|
3511
3536
|
}] }, { type: FiltersTableService }]; }, propDecorators: { headerName: [{
|
|
3512
|
-
type: Input
|
|
3513
|
-
args: ['headerName']
|
|
3537
|
+
type: Input
|
|
3514
3538
|
}], columnSize: [{
|
|
3515
|
-
type: Input
|
|
3516
|
-
args: ['columnSize']
|
|
3539
|
+
type: Input
|
|
3517
3540
|
}], filterRouting: [{
|
|
3518
|
-
type: Input
|
|
3519
|
-
args: ['filterRouting']
|
|
3541
|
+
type: Input
|
|
3520
3542
|
}], tableName: [{
|
|
3521
|
-
type: Input
|
|
3522
|
-
args: ['tableName']
|
|
3543
|
+
type: Input
|
|
3523
3544
|
}], sortName: [{
|
|
3524
|
-
type: Input
|
|
3525
|
-
args: ['sortName']
|
|
3545
|
+
type: Input
|
|
3526
3546
|
}], centerCell: [{
|
|
3527
|
-
type: Input
|
|
3528
|
-
args: ['centerCell']
|
|
3547
|
+
type: Input
|
|
3529
3548
|
}], onSortChange: [{
|
|
3530
3549
|
type: Output
|
|
3531
3550
|
}], tableFilters: [{
|
|
@@ -4362,12 +4381,12 @@ class AlertPopupComponent {
|
|
|
4362
4381
|
}
|
|
4363
4382
|
}
|
|
4364
4383
|
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4365
|
-
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4384
|
+
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4366
4385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
4367
4386
|
type: Component,
|
|
4368
4387
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
4369
4388
|
class: 'wac-alert-popup'
|
|
4370
|
-
}, encapsulation: ViewEncapsulation.None, template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n" }]
|
|
4389
|
+
}, encapsulation: ViewEncapsulation.None, template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n" }]
|
|
4371
4390
|
}] });
|
|
4372
4391
|
|
|
4373
4392
|
class AlertPopupService {
|
|
@@ -4912,7 +4931,6 @@ class SelectComponent extends SelectDirective {
|
|
|
4912
4931
|
this.role = 'combobox';
|
|
4913
4932
|
this._openPanel = false;
|
|
4914
4933
|
this.openPanelChange = new EventEmitter();
|
|
4915
|
-
this.enableSearch = false;
|
|
4916
4934
|
this.tabIndex = -1;
|
|
4917
4935
|
this.isDestroyed$ = new Subject();
|
|
4918
4936
|
this.isKeyBoardAction = false;
|
|
@@ -5019,7 +5037,7 @@ class SelectComponent extends SelectDirective {
|
|
|
5019
5037
|
}
|
|
5020
5038
|
}
|
|
5021
5039
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SelectComponent, deps: [{ token: ValueChangeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5022
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: SelectComponent, selector: "wac-select", inputs: { required: "required", keepPanelOpen: "keepPanelOpen", openPanel: "openPanel"
|
|
5040
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: SelectComponent, selector: "wac-select", inputs: { required: "required", keepPanelOpen: "keepPanelOpen", openPanel: "openPanel" }, outputs: { openPanelChange: "openPanelChange" }, host: { properties: { "attr.role": "this.role" } }, providers: [
|
|
5023
5041
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true },
|
|
5024
5042
|
ValueChangeService
|
|
5025
5043
|
], queries: [{ propertyName: "customSearchTrigger", first: true, predicate: SelectSearchTriggerComponent, descendants: true }, { propertyName: "label", first: true, predicate: LabelComponent, descendants: true }], viewQueries: [{ propertyName: "selectHeader", first: true, predicate: ["selectHeader"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<p *ngIf=\"!!label\" class=\"wac-select__label\">\n <ng-content select=\"wac-label, .wac-label\" ></ng-content>\n</p>\n\n<div\n class=\"wac-select\"\n wzAutoHide\n (clickOutside)=\"onClosePanel()\"\n [triggerElement]=\"'wac-select__header__selection'\"\n [zIndexToggle]=\"openPanel\"\n >\n\n <div #selectHeader class=\"wac-select__header\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && onTogglePanel()\" tabindex=\"0\">\n\n <ng-container [ngTemplateOutlet]=\"openPanel ? openPanelTrigger : closePanelTrigger\" >\n\n <ng-template #closePanelTrigger>\n <ng-container [ngTemplateOutlet]=\"defaultTrigger\"></ng-container>\n </ng-template>\n\n <ng-template #openPanelTrigger>\n <ng-content *ngIf=\"!!customSearchTrigger; else defaultTrigger\" select=\"wac-select-search-trigger\" ></ng-content>\n </ng-template>\n\n <ng-template #defaultTrigger>\n <ng-content *ngIf=\"!selectedOptionContent\" select=\"wac-placeholder,[role=placeholder]\"></ng-content>\n <div\n class=\"wac-select__header__selection wac-option__placeholder\"\n *ngIf=\"!!selectedOptionContent\"\n [innerHtml]=\"selectedOptionContent\">\n </div>\n </ng-template>\n\n </ng-container>\n\n <span class=\"wac-select__header__chevron\"><i class=\"fas fa-chevron-down\"></i></span>\n\n </div>\n\n\n <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openPanel, open: openPanel }\">\n\n <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n <ng-content\n select=\"wac-option-call-to-action, wac-option, option, .option, [selectOption]\">\n </ng-content>\n </perfect-scrollbar>\n\n <div *ngIf=\"!optionChildren?.length\" class=\"wac-select__content__empty\">\n <span>{{'wac.datatable.noresult' | translate}}</span>\n </div>\n\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: i4$1.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -5049,8 +5067,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
5049
5067
|
type: Input
|
|
5050
5068
|
}], openPanelChange: [{
|
|
5051
5069
|
type: Output
|
|
5052
|
-
}], enableSearch: [{
|
|
5053
|
-
type: Input
|
|
5054
5070
|
}] } });
|
|
5055
5071
|
|
|
5056
5072
|
class OptionCallToActionComponent {
|
|
@@ -5595,7 +5611,6 @@ const EXPANSION_PANEL_HEADER = new InjectionToken('EXPANSION_PANEL_HEADER');
|
|
|
5595
5611
|
class ExpansionPanelHeaderDirective {
|
|
5596
5612
|
onClick() {
|
|
5597
5613
|
this.toggle();
|
|
5598
|
-
console.log('toggle');
|
|
5599
5614
|
}
|
|
5600
5615
|
constructor(changeDetectorRef) {
|
|
5601
5616
|
this.changeDetectorRef = changeDetectorRef;
|
|
@@ -5922,7 +5937,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
5922
5937
|
|
|
5923
5938
|
const components = [
|
|
5924
5939
|
TagComponent,
|
|
5925
|
-
TabComponent,
|
|
5926
5940
|
ButtonComponent,
|
|
5927
5941
|
InfoComponent,
|
|
5928
5942
|
SettingsComponent,
|
|
@@ -6002,11 +6016,13 @@ const exportsFromModule = [
|
|
|
6002
6016
|
TreeComponent,
|
|
6003
6017
|
...ExpansionExport
|
|
6004
6018
|
];
|
|
6019
|
+
const standaloneComponents = [
|
|
6020
|
+
TabComponent
|
|
6021
|
+
];
|
|
6005
6022
|
class SharedComponentsModule {
|
|
6006
6023
|
}
|
|
6007
6024
|
SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6008
6025
|
SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, declarations: [TagComponent,
|
|
6009
|
-
TabComponent,
|
|
6010
6026
|
ButtonComponent,
|
|
6011
6027
|
InfoComponent,
|
|
6012
6028
|
SettingsComponent,
|
|
@@ -6091,8 +6107,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
6091
6107
|
NgScrollbarModule,
|
|
6092
6108
|
NgScrollbarReachedModule,
|
|
6093
6109
|
TreeModule,
|
|
6094
|
-
ExpansionModule], exports: [TagComponent,
|
|
6095
|
-
TabComponent,
|
|
6110
|
+
ExpansionModule, TabComponent], exports: [TagComponent,
|
|
6096
6111
|
ButtonComponent,
|
|
6097
6112
|
InfoComponent,
|
|
6098
6113
|
SettingsComponent,
|
|
@@ -6166,7 +6181,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
6166
6181
|
CheckboxComponent,
|
|
6167
6182
|
LoaderComponent,
|
|
6168
6183
|
ProgressBarComponent,
|
|
6169
|
-
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective] });
|
|
6184
|
+
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective, TabComponent] });
|
|
6170
6185
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
6171
6186
|
FormsModule,
|
|
6172
6187
|
NwbAllModule,
|
|
@@ -6192,7 +6207,7 @@ SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
6192
6207
|
NgScrollbarModule,
|
|
6193
6208
|
NgScrollbarReachedModule,
|
|
6194
6209
|
TreeModule,
|
|
6195
|
-
ExpansionModule] });
|
|
6210
|
+
ExpansionModule, standaloneComponents] });
|
|
6196
6211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, decorators: [{
|
|
6197
6212
|
type: NgModule,
|
|
6198
6213
|
args: [{
|
|
@@ -6222,10 +6237,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6222
6237
|
NgScrollbarModule,
|
|
6223
6238
|
NgScrollbarReachedModule,
|
|
6224
6239
|
TreeModule,
|
|
6225
|
-
ExpansionModule
|
|
6240
|
+
ExpansionModule,
|
|
6241
|
+
...standaloneComponents
|
|
6226
6242
|
],
|
|
6227
6243
|
declarations: components,
|
|
6228
|
-
exports: [...components, ...exportsFromModule]
|
|
6244
|
+
exports: [...components, ...exportsFromModule, ...standaloneComponents]
|
|
6229
6245
|
}]
|
|
6230
6246
|
}] });
|
|
6231
6247
|
|
|
@@ -6400,5 +6416,5 @@ const switchInOut = trigger('switchInOut', [
|
|
|
6400
6416
|
* Generated bundle index. Do not edit.
|
|
6401
6417
|
*/
|
|
6402
6418
|
|
|
6403
|
-
export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LoaderModule, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, uuid };
|
|
6419
|
+
export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LoaderModule, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, uuid };
|
|
6404
6420
|
//# sourceMappingURL=wizishop-angular-components.mjs.map
|