@wizishop/angular-components 14.1.3 → 14.2.1
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 +115 -92
- package/esm2020/lib/components/expansion/accordion/accordion-item.interface.mjs +2 -0
- package/esm2020/lib/components/expansion/accordion/accordion-item.token.mjs +3 -0
- package/esm2020/lib/components/expansion/accordion/accordion.component.mjs +74 -0
- package/esm2020/lib/components/expansion/expansion-panel/expansion-panel-base.mjs +83 -0
- package/esm2020/lib/components/expansion/expansion-panel/expansion-panel.component.mjs +29 -0
- package/esm2020/lib/components/expansion/expansion-panel/expansion-panel.directive.mjs +20 -0
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header-base.mjs +44 -0
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header.component.mjs +27 -0
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header.directive.mjs +20 -0
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header.interface.mjs +2 -0
- package/esm2020/lib/components/expansion/expansion-panel-header/expansion-panel-header.token.mjs +3 -0
- package/esm2020/lib/components/expansion/expansion.module.mjs +48 -0
- package/esm2020/lib/components/selects/legacy-select/select.component.mjs +133 -0
- package/esm2020/lib/components/selects/select-test/select.component.mjs +4 -1
- package/esm2020/lib/components/selects/select-test/value-change.service.mjs +3 -3
- package/esm2020/lib/components/shared-components.module.mjs +17 -7
- package/esm2020/public-api.mjs +12 -2
- package/fesm2015/wizishop-angular-components.mjs +339 -15
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +337 -15
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/expansion/accordion/accordion-item.interface.d.ts +10 -0
- package/lib/components/expansion/accordion/accordion-item.token.d.ts +3 -0
- package/lib/components/expansion/accordion/accordion.component.d.ts +19 -0
- package/lib/components/expansion/expansion-panel/expansion-panel-base.d.ts +26 -0
- package/lib/components/expansion/expansion-panel/expansion-panel.component.d.ts +11 -0
- package/lib/components/expansion/expansion-panel/expansion-panel.directive.d.ts +9 -0
- package/lib/components/expansion/expansion-panel-header/expansion-panel-header-base.d.ts +20 -0
- package/lib/components/expansion/expansion-panel-header/expansion-panel-header.component.d.ts +11 -0
- package/lib/components/expansion/expansion-panel-header/expansion-panel-header.directive.d.ts +9 -0
- package/lib/components/expansion/expansion-panel-header/expansion-panel-header.interface.d.ts +8 -0
- package/lib/components/expansion/expansion-panel-header/expansion-panel-header.token.d.ts +3 -0
- package/lib/components/expansion/expansion.module.d.ts +18 -0
- package/lib/components/selects/{select → legacy-select}/select.component.d.ts +0 -0
- package/lib/components/selects/select-test/value-change.service.d.ts +2 -2
- package/lib/components/shared-components.module.d.ts +21 -15
- package/package.json +1 -1
- package/public-api.d.ts +10 -1
- package/wizishop-angular-components-14.2.1.tgz +0 -0
- package/esm2020/lib/components/selects/select/select.component.mjs +0 -133
- package/wizishop-angular-components-14.1.3.tgz +0 -0
|
@@ -8,7 +8,7 @@ import * as i2 from '@angular/forms';
|
|
|
8
8
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
9
|
import * as i4$1 from 'ngx-perfect-scrollbar';
|
|
10
10
|
import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
|
|
11
|
-
import { Subject, merge, fromEvent, ReplaySubject, interval } from 'rxjs';
|
|
11
|
+
import { Subject, merge, fromEvent, ReplaySubject, interval, takeUntil as takeUntil$1, startWith as startWith$1, map as map$1 } from 'rxjs';
|
|
12
12
|
import { takeUntil, debounceTime, distinctUntilChanged, tap, map, takeWhile, startWith } from 'rxjs/operators';
|
|
13
13
|
import * as i1$1 from '@angular/cdk/overlay';
|
|
14
14
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
@@ -404,7 +404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
404
404
|
type: Output
|
|
405
405
|
}] } });
|
|
406
406
|
|
|
407
|
-
const directives$
|
|
407
|
+
const directives$2 = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective, SelectOptionDirective];
|
|
408
408
|
class SharedDirectives {
|
|
409
409
|
}
|
|
410
410
|
SharedDirectives.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedDirectives, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -414,8 +414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
414
414
|
type: NgModule,
|
|
415
415
|
args: [{
|
|
416
416
|
imports: [CommonModule, FormsModule],
|
|
417
|
-
declarations: directives$
|
|
418
|
-
exports: directives$
|
|
417
|
+
declarations: directives$2,
|
|
418
|
+
exports: directives$2
|
|
419
419
|
}]
|
|
420
420
|
}] });
|
|
421
421
|
|
|
@@ -2849,7 +2849,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
2849
2849
|
type: Output
|
|
2850
2850
|
}] } });
|
|
2851
2851
|
|
|
2852
|
-
const directives = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
|
|
2852
|
+
const directives$1 = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
|
|
2853
2853
|
class TableModule {
|
|
2854
2854
|
}
|
|
2855
2855
|
TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2876,8 +2876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
2876
2876
|
CheckboxModule,
|
|
2877
2877
|
PaginationModule
|
|
2878
2878
|
],
|
|
2879
|
-
exports: [TableComponent, ...directives],
|
|
2880
|
-
declarations: [TableComponent, ...directives],
|
|
2879
|
+
exports: [TableComponent, ...directives$1],
|
|
2880
|
+
declarations: [TableComponent, ...directives$1],
|
|
2881
2881
|
providers: [],
|
|
2882
2882
|
}]
|
|
2883
2883
|
}] });
|
|
@@ -4199,8 +4199,8 @@ class ValueChangeService {
|
|
|
4199
4199
|
this.value = selectedOption.value;
|
|
4200
4200
|
}
|
|
4201
4201
|
handleSelectedOptionsEvent() {
|
|
4202
|
-
this.optionSelectedChangeListeners().subscribe((
|
|
4203
|
-
this.value =
|
|
4202
|
+
this.optionSelectedChangeListeners().subscribe((selectEvent) => {
|
|
4203
|
+
this.value = selectEvent.value;
|
|
4204
4204
|
});
|
|
4205
4205
|
}
|
|
4206
4206
|
updateSelectPlaceholder() {
|
|
@@ -4434,6 +4434,9 @@ class SelectTestComponent {
|
|
|
4434
4434
|
this.valueChangeService.selectPreviousOption();
|
|
4435
4435
|
}
|
|
4436
4436
|
writeValue(value) {
|
|
4437
|
+
if (isNaN(value)) {
|
|
4438
|
+
return;
|
|
4439
|
+
}
|
|
4437
4440
|
this.value = value;
|
|
4438
4441
|
}
|
|
4439
4442
|
registerOnChange(fn) {
|
|
@@ -5006,6 +5009,321 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5006
5009
|
type: Output
|
|
5007
5010
|
}] } });
|
|
5008
5011
|
|
|
5012
|
+
const ACCORDION_ITEM = new InjectionToken('ACCORDION_ITEM');
|
|
5013
|
+
|
|
5014
|
+
class AccordionComponent {
|
|
5015
|
+
constructor() {
|
|
5016
|
+
this.class = 'wac-accordion';
|
|
5017
|
+
this.keepOnlyOnePanelOpen = false;
|
|
5018
|
+
// Inputs: hideToggle (hide the arrow) // togglePosition
|
|
5019
|
+
this.isDestroyed$ = new Subject();
|
|
5020
|
+
this.resetListeners$ = new Subject();
|
|
5021
|
+
}
|
|
5022
|
+
openAll() {
|
|
5023
|
+
this.expansionItems?.forEach((item) => {
|
|
5024
|
+
item.isExpanded = true;
|
|
5025
|
+
});
|
|
5026
|
+
}
|
|
5027
|
+
closeAll() {
|
|
5028
|
+
this.expansionItems?.forEach((item) => {
|
|
5029
|
+
item.isExpanded = false;
|
|
5030
|
+
});
|
|
5031
|
+
}
|
|
5032
|
+
ngAfterViewInit() {
|
|
5033
|
+
this.expansionItems.changes
|
|
5034
|
+
.pipe(takeUntil$1(this.isDestroyed$), startWith$1(this.expansionItems))
|
|
5035
|
+
.subscribe(() => {
|
|
5036
|
+
this.resetListeners$.next();
|
|
5037
|
+
this.panelExpansionChanges().subscribe(expandedItem => {
|
|
5038
|
+
if (this.keepOnlyOnePanelOpen) {
|
|
5039
|
+
this.keepOnlyOnePanelOpenHandler(expandedItem.index);
|
|
5040
|
+
}
|
|
5041
|
+
});
|
|
5042
|
+
});
|
|
5043
|
+
}
|
|
5044
|
+
panelExpansionChanges() {
|
|
5045
|
+
const panelExpansionChange$ = this.expansionItems.map((expansionItem, index) => {
|
|
5046
|
+
return expansionItem.expandChange.pipe(map$1(() => {
|
|
5047
|
+
return {
|
|
5048
|
+
index,
|
|
5049
|
+
expansionItem
|
|
5050
|
+
};
|
|
5051
|
+
}));
|
|
5052
|
+
});
|
|
5053
|
+
return merge(...panelExpansionChange$).pipe(takeUntil$1(this.resetListeners$));
|
|
5054
|
+
}
|
|
5055
|
+
keepOnlyOnePanelOpenHandler(index) {
|
|
5056
|
+
this.expansionItems.forEach((expansionItem, i) => {
|
|
5057
|
+
if (i !== index) {
|
|
5058
|
+
expansionItem.isExpanded = false;
|
|
5059
|
+
}
|
|
5060
|
+
});
|
|
5061
|
+
}
|
|
5062
|
+
ngOnDestroy() {
|
|
5063
|
+
this.isDestroyed$.next();
|
|
5064
|
+
this.isDestroyed$.complete();
|
|
5065
|
+
this.resetListeners$.next();
|
|
5066
|
+
this.resetListeners$.complete();
|
|
5067
|
+
}
|
|
5068
|
+
}
|
|
5069
|
+
AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5070
|
+
AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: AccordionComponent, selector: "wac-accordion", inputs: { keepOnlyOnePanelOpen: "keepOnlyOnePanelOpen" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "expansionItems", predicate: ACCORDION_ITEM }], ngImport: i0, template: "<ng-content></ng-content>" });
|
|
5071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
5072
|
+
type: Component,
|
|
5073
|
+
args: [{ selector: 'wac-accordion', template: "<ng-content></ng-content>" }]
|
|
5074
|
+
}], ctorParameters: function () { return []; }, propDecorators: { class: [{
|
|
5075
|
+
type: HostBinding,
|
|
5076
|
+
args: ['class']
|
|
5077
|
+
}], expansionItems: [{
|
|
5078
|
+
type: ContentChildren,
|
|
5079
|
+
args: [ACCORDION_ITEM]
|
|
5080
|
+
}], keepOnlyOnePanelOpen: [{
|
|
5081
|
+
type: Input
|
|
5082
|
+
}] } });
|
|
5083
|
+
|
|
5084
|
+
class ExpansionPanelHeaderBase {
|
|
5085
|
+
constructor(changeDetectorRef) {
|
|
5086
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5087
|
+
this.disabled = false;
|
|
5088
|
+
this.disabledChange = new EventEmitter();
|
|
5089
|
+
this.hideToggle = false;
|
|
5090
|
+
this.hideToggleChange = new EventEmitter();
|
|
5091
|
+
this.isExpanded = false;
|
|
5092
|
+
this.isExpandedChange = new EventEmitter();
|
|
5093
|
+
}
|
|
5094
|
+
onClick() {
|
|
5095
|
+
this.toggle();
|
|
5096
|
+
}
|
|
5097
|
+
onToggle() {
|
|
5098
|
+
if (this.disabled) {
|
|
5099
|
+
return;
|
|
5100
|
+
}
|
|
5101
|
+
this.isExpanded = !this.isExpanded;
|
|
5102
|
+
this.toggle();
|
|
5103
|
+
}
|
|
5104
|
+
}
|
|
5105
|
+
ExpansionPanelHeaderBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5106
|
+
ExpansionPanelHeaderBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelHeaderBase, inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { disabledChange: "disabledChange", hideToggleChange: "hideToggleChange", isExpandedChange: "isExpandedChange" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
5107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, decorators: [{
|
|
5108
|
+
type: Directive
|
|
5109
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { onClick: [{
|
|
5110
|
+
type: HostListener,
|
|
5111
|
+
args: ['click']
|
|
5112
|
+
}], disabled: [{
|
|
5113
|
+
type: Input
|
|
5114
|
+
}], disabledChange: [{
|
|
5115
|
+
type: Output
|
|
5116
|
+
}], hideToggle: [{
|
|
5117
|
+
type: Input
|
|
5118
|
+
}], hideToggleChange: [{
|
|
5119
|
+
type: Output
|
|
5120
|
+
}], isExpanded: [{
|
|
5121
|
+
type: Input
|
|
5122
|
+
}], isExpandedChange: [{
|
|
5123
|
+
type: Output
|
|
5124
|
+
}] } });
|
|
5125
|
+
|
|
5126
|
+
const EXPANSION_PANEL_HEADER = new InjectionToken('EXPANSION_PANEL_HEADER');
|
|
5127
|
+
|
|
5128
|
+
class ExpansionPanelHeaderComponent extends ExpansionPanelHeaderBase {
|
|
5129
|
+
constructor(changeDetectorRef) {
|
|
5130
|
+
super(changeDetectorRef);
|
|
5131
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5132
|
+
this.class = 'wac-expansion-panel-header';
|
|
5133
|
+
}
|
|
5134
|
+
get isDisabled() {
|
|
5135
|
+
return this.disabled;
|
|
5136
|
+
}
|
|
5137
|
+
}
|
|
5138
|
+
ExpansionPanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5139
|
+
ExpansionPanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelHeaderComponent, selector: "wac-expansion-panel-header", host: { properties: { "class": "this.class", "class.wac-expansion-panel-header--disabled": "this.isDisabled" } }, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<i class=\"wac-expansion-panel-header__icon\" [class]=\"isExpanded ? 'fas fa-angle-down' : 'fas fa-angle-up'\"></i>", encapsulation: i0.ViewEncapsulation.None });
|
|
5140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
|
|
5141
|
+
type: Component,
|
|
5142
|
+
args: [{ selector: 'wac-expansion-panel-header', encapsulation: ViewEncapsulation.None, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderComponent }], template: "<ng-content></ng-content>\n<i class=\"wac-expansion-panel-header__icon\" [class]=\"isExpanded ? 'fas fa-angle-down' : 'fas fa-angle-up'\"></i>" }]
|
|
5143
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5144
|
+
type: HostBinding,
|
|
5145
|
+
args: ['class']
|
|
5146
|
+
}], isDisabled: [{
|
|
5147
|
+
type: HostBinding,
|
|
5148
|
+
args: ['class.wac-expansion-panel-header--disabled']
|
|
5149
|
+
}] } });
|
|
5150
|
+
|
|
5151
|
+
class ExpansionPanelHeaderDirective extends ExpansionPanelHeaderBase {
|
|
5152
|
+
constructor(changeDetectorRef) {
|
|
5153
|
+
super(changeDetectorRef);
|
|
5154
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5155
|
+
}
|
|
5156
|
+
}
|
|
5157
|
+
ExpansionPanelHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5158
|
+
ExpansionPanelHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelHeaderDirective, selector: "[wacExpansionPanelHeader]", providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }], usesInheritance: true, ngImport: i0 });
|
|
5159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, decorators: [{
|
|
5160
|
+
type: Directive,
|
|
5161
|
+
args: [{
|
|
5162
|
+
selector: '[wacExpansionPanelHeader]',
|
|
5163
|
+
providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }],
|
|
5164
|
+
}]
|
|
5165
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5166
|
+
|
|
5167
|
+
class ExpansionPanelBase {
|
|
5168
|
+
constructor(changeDetectorRef) {
|
|
5169
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5170
|
+
this._disabled = false;
|
|
5171
|
+
this._hideToggle = false;
|
|
5172
|
+
this._isExpanded = false;
|
|
5173
|
+
this.isExpandedChange = new EventEmitter();
|
|
5174
|
+
this.expandChange = new EventEmitter(); // used by the accordion component if exists
|
|
5175
|
+
}
|
|
5176
|
+
set disabled(disabled) {
|
|
5177
|
+
this._disabled = disabled;
|
|
5178
|
+
if (this.header) {
|
|
5179
|
+
this.header.disabled = disabled;
|
|
5180
|
+
}
|
|
5181
|
+
}
|
|
5182
|
+
get disabled() {
|
|
5183
|
+
return this._disabled;
|
|
5184
|
+
}
|
|
5185
|
+
set hideToggle(hideToggle) {
|
|
5186
|
+
this._hideToggle = hideToggle;
|
|
5187
|
+
if (this.header) {
|
|
5188
|
+
this.header.hideToggle = hideToggle;
|
|
5189
|
+
}
|
|
5190
|
+
}
|
|
5191
|
+
get hideToggle() {
|
|
5192
|
+
return this._hideToggle;
|
|
5193
|
+
}
|
|
5194
|
+
set isExpanded(isExpanded) {
|
|
5195
|
+
if (this.disabled) {
|
|
5196
|
+
return;
|
|
5197
|
+
}
|
|
5198
|
+
this._isExpanded = isExpanded;
|
|
5199
|
+
if (this.header) {
|
|
5200
|
+
this.header.isExpanded = isExpanded;
|
|
5201
|
+
}
|
|
5202
|
+
this.isExpandedChange.emit(isExpanded);
|
|
5203
|
+
}
|
|
5204
|
+
get isExpanded() {
|
|
5205
|
+
return this._isExpanded;
|
|
5206
|
+
}
|
|
5207
|
+
ngAfterViewInit() {
|
|
5208
|
+
setTimeout(() => {
|
|
5209
|
+
this.header.isExpanded = this.isExpanded;
|
|
5210
|
+
this.header.hideToggle = this.hideToggle;
|
|
5211
|
+
this.header.disabled = this.disabled;
|
|
5212
|
+
this.header.close = () => this.close();
|
|
5213
|
+
this.header.open = () => this.open();
|
|
5214
|
+
this.header.toggle = () => this.toggle();
|
|
5215
|
+
}, 0);
|
|
5216
|
+
}
|
|
5217
|
+
close() {
|
|
5218
|
+
this.isExpanded = false;
|
|
5219
|
+
this.expandChange.emit();
|
|
5220
|
+
}
|
|
5221
|
+
open() {
|
|
5222
|
+
this.isExpanded = true;
|
|
5223
|
+
this.expandChange.emit();
|
|
5224
|
+
}
|
|
5225
|
+
toggle() {
|
|
5226
|
+
this.isExpanded = !this.isExpanded;
|
|
5227
|
+
this.expandChange.emit();
|
|
5228
|
+
}
|
|
5229
|
+
}
|
|
5230
|
+
ExpansionPanelBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5231
|
+
ExpansionPanelBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelBase, inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { isExpandedChange: "isExpandedChange" }, queries: [{ propertyName: "header", first: true, predicate: EXPANSION_PANEL_HEADER, descendants: true }], ngImport: i0 });
|
|
5232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, decorators: [{
|
|
5233
|
+
type: Directive
|
|
5234
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { header: [{
|
|
5235
|
+
type: ContentChild,
|
|
5236
|
+
args: [EXPANSION_PANEL_HEADER]
|
|
5237
|
+
}], disabled: [{
|
|
5238
|
+
type: Input
|
|
5239
|
+
}], hideToggle: [{
|
|
5240
|
+
type: Input
|
|
5241
|
+
}], isExpanded: [{
|
|
5242
|
+
type: Input
|
|
5243
|
+
}], isExpandedChange: [{
|
|
5244
|
+
type: Output
|
|
5245
|
+
}] } });
|
|
5246
|
+
|
|
5247
|
+
// https://material.angular.io/components/expansion/api
|
|
5248
|
+
class ExpansionPanelComponent extends ExpansionPanelBase {
|
|
5249
|
+
constructor(changeDetectorRef) {
|
|
5250
|
+
super(changeDetectorRef);
|
|
5251
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5252
|
+
this.class = 'wac-expansion-panel';
|
|
5253
|
+
}
|
|
5254
|
+
get isDisabled() {
|
|
5255
|
+
return this.disabled;
|
|
5256
|
+
}
|
|
5257
|
+
}
|
|
5258
|
+
ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5259
|
+
ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelComponent, selector: "wac-expansion-panel", host: { properties: { "class": "this.class", "class.wac-expansion-panel--disabled": "this.isDisabled" } }, providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"wac-expansion-panel-header, wacExpansionPanelHeader\"></ng-content>\n<div *ngIf=\"isExpanded\">\n <ng-content></ng-content>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
5261
|
+
type: Component,
|
|
5262
|
+
args: [{ selector: 'wac-expansion-panel', providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelComponent }], template: "<ng-content select=\"wac-expansion-panel-header, wacExpansionPanelHeader\"></ng-content>\n<div *ngIf=\"isExpanded\">\n <ng-content></ng-content>\n</div>" }]
|
|
5263
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5264
|
+
type: HostBinding,
|
|
5265
|
+
args: ['class']
|
|
5266
|
+
}], isDisabled: [{
|
|
5267
|
+
type: HostBinding,
|
|
5268
|
+
args: ['class.wac-expansion-panel--disabled']
|
|
5269
|
+
}] } });
|
|
5270
|
+
|
|
5271
|
+
class ExpansionPanelDirective extends ExpansionPanelBase {
|
|
5272
|
+
constructor(changeDetectorRef) {
|
|
5273
|
+
super(changeDetectorRef);
|
|
5274
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5275
|
+
}
|
|
5276
|
+
}
|
|
5277
|
+
ExpansionPanelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5278
|
+
ExpansionPanelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: ExpansionPanelDirective, selector: "[wacExpansionPanel]", providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }], usesInheritance: true, ngImport: i0 });
|
|
5279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, decorators: [{
|
|
5280
|
+
type: Directive,
|
|
5281
|
+
args: [{
|
|
5282
|
+
selector: '[wacExpansionPanel]',
|
|
5283
|
+
providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }]
|
|
5284
|
+
}]
|
|
5285
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5286
|
+
|
|
5287
|
+
const components$1 = [
|
|
5288
|
+
ExpansionPanelComponent,
|
|
5289
|
+
ExpansionPanelHeaderComponent,
|
|
5290
|
+
AccordionComponent
|
|
5291
|
+
];
|
|
5292
|
+
const directives = [
|
|
5293
|
+
ExpansionPanelDirective,
|
|
5294
|
+
ExpansionPanelHeaderDirective
|
|
5295
|
+
];
|
|
5296
|
+
const ExpansionExport = [
|
|
5297
|
+
...components$1,
|
|
5298
|
+
...directives
|
|
5299
|
+
];
|
|
5300
|
+
class ExpansionModule {
|
|
5301
|
+
}
|
|
5302
|
+
ExpansionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5303
|
+
ExpansionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, declarations: [ExpansionPanelComponent,
|
|
5304
|
+
ExpansionPanelHeaderComponent,
|
|
5305
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5306
|
+
ExpansionPanelHeaderDirective], imports: [CommonModule], exports: [ExpansionPanelComponent,
|
|
5307
|
+
ExpansionPanelHeaderComponent,
|
|
5308
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5309
|
+
ExpansionPanelHeaderDirective] });
|
|
5310
|
+
ExpansionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, imports: [CommonModule] });
|
|
5311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, decorators: [{
|
|
5312
|
+
type: NgModule,
|
|
5313
|
+
args: [{
|
|
5314
|
+
imports: [
|
|
5315
|
+
CommonModule,
|
|
5316
|
+
],
|
|
5317
|
+
exports: [
|
|
5318
|
+
...ExpansionExport
|
|
5319
|
+
],
|
|
5320
|
+
declarations: [
|
|
5321
|
+
...ExpansionExport
|
|
5322
|
+
],
|
|
5323
|
+
providers: [],
|
|
5324
|
+
}]
|
|
5325
|
+
}] });
|
|
5326
|
+
|
|
5009
5327
|
const components = [
|
|
5010
5328
|
TagComponent,
|
|
5011
5329
|
TabComponent,
|
|
@@ -5079,7 +5397,8 @@ const exportsFromModule = [
|
|
|
5079
5397
|
CheckboxComponent,
|
|
5080
5398
|
LoaderComponent,
|
|
5081
5399
|
ProgressBarComponent,
|
|
5082
|
-
TreeComponent
|
|
5400
|
+
TreeComponent,
|
|
5401
|
+
...ExpansionExport
|
|
5083
5402
|
];
|
|
5084
5403
|
class SharedComponentsModule {
|
|
5085
5404
|
}
|
|
@@ -5163,7 +5482,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5163
5482
|
AutosizeModule,
|
|
5164
5483
|
NgScrollbarModule,
|
|
5165
5484
|
NgScrollbarReachedModule,
|
|
5166
|
-
TreeModule
|
|
5485
|
+
TreeModule,
|
|
5486
|
+
ExpansionModule], exports: [TagComponent,
|
|
5167
5487
|
TabComponent,
|
|
5168
5488
|
ButtonComponent,
|
|
5169
5489
|
InfoComponent,
|
|
@@ -5232,7 +5552,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5232
5552
|
CheckboxComponent,
|
|
5233
5553
|
LoaderComponent,
|
|
5234
5554
|
ProgressBarComponent,
|
|
5235
|
-
TreeComponent] });
|
|
5555
|
+
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective] });
|
|
5236
5556
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
5237
5557
|
FormsModule,
|
|
5238
5558
|
NwbAllModule,
|
|
@@ -5257,7 +5577,8 @@ SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
5257
5577
|
AutosizeModule,
|
|
5258
5578
|
NgScrollbarModule,
|
|
5259
5579
|
NgScrollbarReachedModule,
|
|
5260
|
-
TreeModule
|
|
5580
|
+
TreeModule,
|
|
5581
|
+
ExpansionModule] });
|
|
5261
5582
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, decorators: [{
|
|
5262
5583
|
type: NgModule,
|
|
5263
5584
|
args: [{
|
|
@@ -5286,7 +5607,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5286
5607
|
AutosizeModule,
|
|
5287
5608
|
NgScrollbarModule,
|
|
5288
5609
|
NgScrollbarReachedModule,
|
|
5289
|
-
TreeModule
|
|
5610
|
+
TreeModule,
|
|
5611
|
+
ExpansionModule
|
|
5290
5612
|
],
|
|
5291
5613
|
declarations: components,
|
|
5292
5614
|
exports: [...components, ...exportsFromModule]
|
|
@@ -5337,5 +5659,5 @@ class TableFiltersGroup extends NwbFilterGroup {
|
|
|
5337
5659
|
* Generated bundle index. Do not edit.
|
|
5338
5660
|
*/
|
|
5339
5661
|
|
|
5340
|
-
export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, FilterOptionsPipe, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectTestComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective };
|
|
5662
|
+
export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpansionExport, ExpansionModule, ExpansionPanelBase, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectTestComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective };
|
|
5341
5663
|
//# sourceMappingURL=wizishop-angular-components.mjs.map
|