@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
|
@@ -908,6 +908,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
908
908
|
}]
|
|
909
909
|
}], ctorParameters: function () { return [{ type: ValueChangeService }]; } });
|
|
910
910
|
|
|
911
|
+
class CopyToClipBoardDirective {
|
|
912
|
+
constructor(element) {
|
|
913
|
+
this.element = element;
|
|
914
|
+
this.onClick = () => this.copyToClipboard(this.element.nativeElement.outerText);
|
|
915
|
+
this.cursor = 'cursor:pointer';
|
|
916
|
+
this.textCopy = new EventEmitter();
|
|
917
|
+
this.copyToClipboard = (text) => {
|
|
918
|
+
navigator.clipboard.writeText(text);
|
|
919
|
+
this.textCopy.emit(text);
|
|
920
|
+
};
|
|
921
|
+
}
|
|
922
|
+
}
|
|
923
|
+
CopyToClipBoardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyToClipBoardDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
924
|
+
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 });
|
|
925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyToClipBoardDirective, decorators: [{
|
|
926
|
+
type: Directive,
|
|
927
|
+
args: [{
|
|
928
|
+
selector: '[wacCopyToClipboard]',
|
|
929
|
+
standalone: true
|
|
930
|
+
}]
|
|
931
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onClick: [{
|
|
932
|
+
type: HostListener,
|
|
933
|
+
args: ['click']
|
|
934
|
+
}], cursor: [{
|
|
935
|
+
type: HostBinding,
|
|
936
|
+
args: ['style']
|
|
937
|
+
}], textCopy: [{
|
|
938
|
+
type: Output
|
|
939
|
+
}] } });
|
|
940
|
+
|
|
911
941
|
const directives$2 = [
|
|
912
942
|
DebounceKeyupDirective,
|
|
913
943
|
AbstractDebounceDirective,
|
|
@@ -920,7 +950,7 @@ const directives$2 = [
|
|
|
920
950
|
OnlyNumberDirective,
|
|
921
951
|
TwoDigitDecimalNumberDirective,
|
|
922
952
|
RadioDirective,
|
|
923
|
-
RadioGroupDirective
|
|
953
|
+
RadioGroupDirective,
|
|
924
954
|
];
|
|
925
955
|
class SharedDirectives {
|
|
926
956
|
}
|
|
@@ -936,7 +966,7 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
936
966
|
OnlyNumberDirective,
|
|
937
967
|
TwoDigitDecimalNumberDirective,
|
|
938
968
|
RadioDirective,
|
|
939
|
-
RadioGroupDirective], imports: [CommonModule, FormsModule], exports: [DebounceKeyupDirective,
|
|
969
|
+
RadioGroupDirective], imports: [CommonModule, FormsModule, CopyToClipBoardDirective], exports: [DebounceKeyupDirective,
|
|
940
970
|
AbstractDebounceDirective,
|
|
941
971
|
AutoHideDirective,
|
|
942
972
|
ZindexToggleDirective,
|
|
@@ -947,14 +977,14 @@ SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
947
977
|
OnlyNumberDirective,
|
|
948
978
|
TwoDigitDecimalNumberDirective,
|
|
949
979
|
RadioDirective,
|
|
950
|
-
RadioGroupDirective] });
|
|
980
|
+
RadioGroupDirective, CopyToClipBoardDirective] });
|
|
951
981
|
SharedDirectives.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedDirectives, imports: [CommonModule, FormsModule] });
|
|
952
982
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedDirectives, decorators: [{
|
|
953
983
|
type: NgModule,
|
|
954
984
|
args: [{
|
|
955
|
-
imports: [CommonModule, FormsModule],
|
|
985
|
+
imports: [CommonModule, FormsModule, CopyToClipBoardDirective],
|
|
956
986
|
declarations: directives$2,
|
|
957
|
-
exports: directives$2
|
|
987
|
+
exports: [...directives$2, CopyToClipBoardDirective]
|
|
958
988
|
}]
|
|
959
989
|
}] });
|
|
960
990
|
|
|
@@ -1169,14 +1199,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
1169
1199
|
args: [DOCUMENT]
|
|
1170
1200
|
}] }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: TableCheckboxIdService }];
|
|
1171
1201
|
}, propDecorators: { checkBoxId: [{
|
|
1172
|
-
type: Input
|
|
1173
|
-
args: ['checkBoxId']
|
|
1202
|
+
type: Input
|
|
1174
1203
|
}], checkBoxName: [{
|
|
1175
|
-
type: Input
|
|
1176
|
-
args: ['checkBoxName']
|
|
1204
|
+
type: Input
|
|
1177
1205
|
}], checkBoxValue: [{
|
|
1178
|
-
type: Input
|
|
1179
|
-
args: ['checkBoxValue']
|
|
1206
|
+
type: Input
|
|
1180
1207
|
}], checkBoxValueChange: [{
|
|
1181
1208
|
type: Output
|
|
1182
1209
|
}] } });
|
|
@@ -1635,10 +1662,10 @@ class TabComponent {
|
|
|
1635
1662
|
}
|
|
1636
1663
|
}
|
|
1637
1664
|
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1638
|
-
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 });
|
|
1665
|
+
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 });
|
|
1639
1666
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
1640
1667
|
type: Component,
|
|
1641
|
-
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" }]
|
|
1668
|
+
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" }]
|
|
1642
1669
|
}], ctorParameters: function () { return []; }, propDecorators: { underline: [{
|
|
1643
1670
|
type: Input
|
|
1644
1671
|
}], button: [{
|
|
@@ -3340,11 +3367,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3340
3367
|
args: [DOCUMENT]
|
|
3341
3368
|
}] }];
|
|
3342
3369
|
}, propDecorators: { columnSize: [{
|
|
3343
|
-
type: Input
|
|
3344
|
-
args: ['columnSize']
|
|
3370
|
+
type: Input
|
|
3345
3371
|
}], centerCell: [{
|
|
3346
|
-
type: Input
|
|
3347
|
-
args: ['centerCell']
|
|
3372
|
+
type: Input
|
|
3348
3373
|
}] } });
|
|
3349
3374
|
|
|
3350
3375
|
class TableColumnHeader {
|
|
@@ -3524,23 +3549,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3524
3549
|
args: [DOCUMENT]
|
|
3525
3550
|
}] }, { type: FiltersTableService }];
|
|
3526
3551
|
}, propDecorators: { headerName: [{
|
|
3527
|
-
type: Input
|
|
3528
|
-
args: ['headerName']
|
|
3552
|
+
type: Input
|
|
3529
3553
|
}], columnSize: [{
|
|
3530
|
-
type: Input
|
|
3531
|
-
args: ['columnSize']
|
|
3554
|
+
type: Input
|
|
3532
3555
|
}], filterRouting: [{
|
|
3533
|
-
type: Input
|
|
3534
|
-
args: ['filterRouting']
|
|
3556
|
+
type: Input
|
|
3535
3557
|
}], tableName: [{
|
|
3536
|
-
type: Input
|
|
3537
|
-
args: ['tableName']
|
|
3558
|
+
type: Input
|
|
3538
3559
|
}], sortName: [{
|
|
3539
|
-
type: Input
|
|
3540
|
-
args: ['sortName']
|
|
3560
|
+
type: Input
|
|
3541
3561
|
}], centerCell: [{
|
|
3542
|
-
type: Input
|
|
3543
|
-
args: ['centerCell']
|
|
3562
|
+
type: Input
|
|
3544
3563
|
}], onSortChange: [{
|
|
3545
3564
|
type: Output
|
|
3546
3565
|
}], tableFilters: [{
|
|
@@ -4378,12 +4397,12 @@ class AlertPopupComponent {
|
|
|
4378
4397
|
}
|
|
4379
4398
|
}
|
|
4380
4399
|
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4381
|
-
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 });
|
|
4400
|
+
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 });
|
|
4382
4401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
4383
4402
|
type: Component,
|
|
4384
4403
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
4385
4404
|
class: 'wac-alert-popup'
|
|
4386
|
-
}, 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" }]
|
|
4405
|
+
}, 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" }]
|
|
4387
4406
|
}] });
|
|
4388
4407
|
|
|
4389
4408
|
class AlertPopupService {
|
|
@@ -4930,7 +4949,6 @@ class SelectComponent extends SelectDirective {
|
|
|
4930
4949
|
this.role = 'combobox';
|
|
4931
4950
|
this._openPanel = false;
|
|
4932
4951
|
this.openPanelChange = new EventEmitter();
|
|
4933
|
-
this.enableSearch = false;
|
|
4934
4952
|
this.tabIndex = -1;
|
|
4935
4953
|
this.isDestroyed$ = new Subject();
|
|
4936
4954
|
this.isKeyBoardAction = false;
|
|
@@ -5037,7 +5055,7 @@ class SelectComponent extends SelectDirective {
|
|
|
5037
5055
|
}
|
|
5038
5056
|
}
|
|
5039
5057
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SelectComponent, deps: [{ token: ValueChangeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
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"
|
|
5058
|
+
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: [
|
|
5041
5059
|
{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true },
|
|
5042
5060
|
ValueChangeService
|
|
5043
5061
|
], 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 });
|
|
@@ -5067,8 +5085,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
5067
5085
|
type: Input
|
|
5068
5086
|
}], openPanelChange: [{
|
|
5069
5087
|
type: Output
|
|
5070
|
-
}], enableSearch: [{
|
|
5071
|
-
type: Input
|
|
5072
5088
|
}] } });
|
|
5073
5089
|
|
|
5074
5090
|
class OptionCallToActionComponent {
|
|
@@ -5615,7 +5631,6 @@ const EXPANSION_PANEL_HEADER = new InjectionToken('EXPANSION_PANEL_HEADER');
|
|
|
5615
5631
|
class ExpansionPanelHeaderDirective {
|
|
5616
5632
|
onClick() {
|
|
5617
5633
|
this.toggle();
|
|
5618
|
-
console.log('toggle');
|
|
5619
5634
|
}
|
|
5620
5635
|
constructor(changeDetectorRef) {
|
|
5621
5636
|
this.changeDetectorRef = changeDetectorRef;
|
|
@@ -5942,7 +5957,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
5942
5957
|
|
|
5943
5958
|
const components = [
|
|
5944
5959
|
TagComponent,
|
|
5945
|
-
TabComponent,
|
|
5946
5960
|
ButtonComponent,
|
|
5947
5961
|
InfoComponent,
|
|
5948
5962
|
SettingsComponent,
|
|
@@ -6022,11 +6036,13 @@ const exportsFromModule = [
|
|
|
6022
6036
|
TreeComponent,
|
|
6023
6037
|
...ExpansionExport
|
|
6024
6038
|
];
|
|
6039
|
+
const standaloneComponents = [
|
|
6040
|
+
TabComponent
|
|
6041
|
+
];
|
|
6025
6042
|
class SharedComponentsModule {
|
|
6026
6043
|
}
|
|
6027
6044
|
SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6028
6045
|
SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, declarations: [TagComponent,
|
|
6029
|
-
TabComponent,
|
|
6030
6046
|
ButtonComponent,
|
|
6031
6047
|
InfoComponent,
|
|
6032
6048
|
SettingsComponent,
|
|
@@ -6111,8 +6127,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
6111
6127
|
NgScrollbarModule,
|
|
6112
6128
|
NgScrollbarReachedModule,
|
|
6113
6129
|
TreeModule,
|
|
6114
|
-
ExpansionModule], exports: [TagComponent,
|
|
6115
|
-
TabComponent,
|
|
6130
|
+
ExpansionModule, TabComponent], exports: [TagComponent,
|
|
6116
6131
|
ButtonComponent,
|
|
6117
6132
|
InfoComponent,
|
|
6118
6133
|
SettingsComponent,
|
|
@@ -6186,7 +6201,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
6186
6201
|
CheckboxComponent,
|
|
6187
6202
|
LoaderComponent,
|
|
6188
6203
|
ProgressBarComponent,
|
|
6189
|
-
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective] });
|
|
6204
|
+
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective, TabComponent] });
|
|
6190
6205
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
6191
6206
|
FormsModule,
|
|
6192
6207
|
NwbAllModule,
|
|
@@ -6212,7 +6227,7 @@ SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
6212
6227
|
NgScrollbarModule,
|
|
6213
6228
|
NgScrollbarReachedModule,
|
|
6214
6229
|
TreeModule,
|
|
6215
|
-
ExpansionModule] });
|
|
6230
|
+
ExpansionModule, standaloneComponents] });
|
|
6216
6231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: SharedComponentsModule, decorators: [{
|
|
6217
6232
|
type: NgModule,
|
|
6218
6233
|
args: [{
|
|
@@ -6242,10 +6257,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
6242
6257
|
NgScrollbarModule,
|
|
6243
6258
|
NgScrollbarReachedModule,
|
|
6244
6259
|
TreeModule,
|
|
6245
|
-
ExpansionModule
|
|
6260
|
+
ExpansionModule,
|
|
6261
|
+
...standaloneComponents
|
|
6246
6262
|
],
|
|
6247
6263
|
declarations: components,
|
|
6248
|
-
exports: [...components, ...exportsFromModule]
|
|
6264
|
+
exports: [...components, ...exportsFromModule, ...standaloneComponents]
|
|
6249
6265
|
}]
|
|
6250
6266
|
}] });
|
|
6251
6267
|
|
|
@@ -6420,5 +6436,5 @@ const switchInOut = trigger('switchInOut', [
|
|
|
6420
6436
|
* Generated bundle index. Do not edit.
|
|
6421
6437
|
*/
|
|
6422
6438
|
|
|
6423
|
-
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 };
|
|
6439
|
+
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 };
|
|
6424
6440
|
//# sourceMappingURL=wizishop-angular-components.mjs.map
|