@wizishop/angular-components 14.1.3 → 14.1.4
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/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 +336 -15
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +334 -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.1.4.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() {
|
|
@@ -5006,6 +5006,321 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5006
5006
|
type: Output
|
|
5007
5007
|
}] } });
|
|
5008
5008
|
|
|
5009
|
+
const ACCORDION_ITEM = new InjectionToken('ACCORDION_ITEM');
|
|
5010
|
+
|
|
5011
|
+
class AccordionComponent {
|
|
5012
|
+
constructor() {
|
|
5013
|
+
this.class = 'wac-accordion';
|
|
5014
|
+
this.keepOnlyOnePanelOpen = false;
|
|
5015
|
+
// Inputs: hideToggle (hide the arrow) // togglePosition
|
|
5016
|
+
this.isDestroyed$ = new Subject();
|
|
5017
|
+
this.resetListeners$ = new Subject();
|
|
5018
|
+
}
|
|
5019
|
+
openAll() {
|
|
5020
|
+
this.expansionItems?.forEach((item) => {
|
|
5021
|
+
item.isExpanded = true;
|
|
5022
|
+
});
|
|
5023
|
+
}
|
|
5024
|
+
closeAll() {
|
|
5025
|
+
this.expansionItems?.forEach((item) => {
|
|
5026
|
+
item.isExpanded = false;
|
|
5027
|
+
});
|
|
5028
|
+
}
|
|
5029
|
+
ngAfterViewInit() {
|
|
5030
|
+
this.expansionItems.changes
|
|
5031
|
+
.pipe(takeUntil$1(this.isDestroyed$), startWith$1(this.expansionItems))
|
|
5032
|
+
.subscribe(() => {
|
|
5033
|
+
this.resetListeners$.next();
|
|
5034
|
+
this.panelExpansionChanges().subscribe(expandedItem => {
|
|
5035
|
+
if (this.keepOnlyOnePanelOpen) {
|
|
5036
|
+
this.keepOnlyOnePanelOpenHandler(expandedItem.index);
|
|
5037
|
+
}
|
|
5038
|
+
});
|
|
5039
|
+
});
|
|
5040
|
+
}
|
|
5041
|
+
panelExpansionChanges() {
|
|
5042
|
+
const panelExpansionChange$ = this.expansionItems.map((expansionItem, index) => {
|
|
5043
|
+
return expansionItem.expandChange.pipe(map$1(() => {
|
|
5044
|
+
return {
|
|
5045
|
+
index,
|
|
5046
|
+
expansionItem
|
|
5047
|
+
};
|
|
5048
|
+
}));
|
|
5049
|
+
});
|
|
5050
|
+
return merge(...panelExpansionChange$).pipe(takeUntil$1(this.resetListeners$));
|
|
5051
|
+
}
|
|
5052
|
+
keepOnlyOnePanelOpenHandler(index) {
|
|
5053
|
+
this.expansionItems.forEach((expansionItem, i) => {
|
|
5054
|
+
if (i !== index) {
|
|
5055
|
+
expansionItem.isExpanded = false;
|
|
5056
|
+
}
|
|
5057
|
+
});
|
|
5058
|
+
}
|
|
5059
|
+
ngOnDestroy() {
|
|
5060
|
+
this.isDestroyed$.next();
|
|
5061
|
+
this.isDestroyed$.complete();
|
|
5062
|
+
this.resetListeners$.next();
|
|
5063
|
+
this.resetListeners$.complete();
|
|
5064
|
+
}
|
|
5065
|
+
}
|
|
5066
|
+
AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5067
|
+
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>" });
|
|
5068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
5069
|
+
type: Component,
|
|
5070
|
+
args: [{ selector: 'wac-accordion', template: "<ng-content></ng-content>" }]
|
|
5071
|
+
}], ctorParameters: function () { return []; }, propDecorators: { class: [{
|
|
5072
|
+
type: HostBinding,
|
|
5073
|
+
args: ['class']
|
|
5074
|
+
}], expansionItems: [{
|
|
5075
|
+
type: ContentChildren,
|
|
5076
|
+
args: [ACCORDION_ITEM]
|
|
5077
|
+
}], keepOnlyOnePanelOpen: [{
|
|
5078
|
+
type: Input
|
|
5079
|
+
}] } });
|
|
5080
|
+
|
|
5081
|
+
class ExpansionPanelHeaderBase {
|
|
5082
|
+
constructor(changeDetectorRef) {
|
|
5083
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5084
|
+
this.disabled = false;
|
|
5085
|
+
this.disabledChange = new EventEmitter();
|
|
5086
|
+
this.hideToggle = false;
|
|
5087
|
+
this.hideToggleChange = new EventEmitter();
|
|
5088
|
+
this.isExpanded = false;
|
|
5089
|
+
this.isExpandedChange = new EventEmitter();
|
|
5090
|
+
}
|
|
5091
|
+
onClick() {
|
|
5092
|
+
this.toggle();
|
|
5093
|
+
}
|
|
5094
|
+
onToggle() {
|
|
5095
|
+
if (this.disabled) {
|
|
5096
|
+
return;
|
|
5097
|
+
}
|
|
5098
|
+
this.isExpanded = !this.isExpanded;
|
|
5099
|
+
this.toggle();
|
|
5100
|
+
}
|
|
5101
|
+
}
|
|
5102
|
+
ExpansionPanelHeaderBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5103
|
+
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 });
|
|
5104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, decorators: [{
|
|
5105
|
+
type: Directive
|
|
5106
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { onClick: [{
|
|
5107
|
+
type: HostListener,
|
|
5108
|
+
args: ['click']
|
|
5109
|
+
}], disabled: [{
|
|
5110
|
+
type: Input
|
|
5111
|
+
}], disabledChange: [{
|
|
5112
|
+
type: Output
|
|
5113
|
+
}], hideToggle: [{
|
|
5114
|
+
type: Input
|
|
5115
|
+
}], hideToggleChange: [{
|
|
5116
|
+
type: Output
|
|
5117
|
+
}], isExpanded: [{
|
|
5118
|
+
type: Input
|
|
5119
|
+
}], isExpandedChange: [{
|
|
5120
|
+
type: Output
|
|
5121
|
+
}] } });
|
|
5122
|
+
|
|
5123
|
+
const EXPANSION_PANEL_HEADER = new InjectionToken('EXPANSION_PANEL_HEADER');
|
|
5124
|
+
|
|
5125
|
+
class ExpansionPanelHeaderComponent extends ExpansionPanelHeaderBase {
|
|
5126
|
+
constructor(changeDetectorRef) {
|
|
5127
|
+
super(changeDetectorRef);
|
|
5128
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5129
|
+
this.class = 'wac-expansion-panel-header';
|
|
5130
|
+
}
|
|
5131
|
+
get isDisabled() {
|
|
5132
|
+
return this.disabled;
|
|
5133
|
+
}
|
|
5134
|
+
}
|
|
5135
|
+
ExpansionPanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5136
|
+
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 });
|
|
5137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
|
|
5138
|
+
type: Component,
|
|
5139
|
+
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>" }]
|
|
5140
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5141
|
+
type: HostBinding,
|
|
5142
|
+
args: ['class']
|
|
5143
|
+
}], isDisabled: [{
|
|
5144
|
+
type: HostBinding,
|
|
5145
|
+
args: ['class.wac-expansion-panel-header--disabled']
|
|
5146
|
+
}] } });
|
|
5147
|
+
|
|
5148
|
+
class ExpansionPanelHeaderDirective extends ExpansionPanelHeaderBase {
|
|
5149
|
+
constructor(changeDetectorRef) {
|
|
5150
|
+
super(changeDetectorRef);
|
|
5151
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5152
|
+
}
|
|
5153
|
+
}
|
|
5154
|
+
ExpansionPanelHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5155
|
+
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 });
|
|
5156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, decorators: [{
|
|
5157
|
+
type: Directive,
|
|
5158
|
+
args: [{
|
|
5159
|
+
selector: '[wacExpansionPanelHeader]',
|
|
5160
|
+
providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }],
|
|
5161
|
+
}]
|
|
5162
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5163
|
+
|
|
5164
|
+
class ExpansionPanelBase {
|
|
5165
|
+
constructor(changeDetectorRef) {
|
|
5166
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5167
|
+
this._disabled = false;
|
|
5168
|
+
this._hideToggle = false;
|
|
5169
|
+
this._isExpanded = false;
|
|
5170
|
+
this.isExpandedChange = new EventEmitter();
|
|
5171
|
+
this.expandChange = new EventEmitter(); // used by the accordion component if exists
|
|
5172
|
+
}
|
|
5173
|
+
set disabled(disabled) {
|
|
5174
|
+
this._disabled = disabled;
|
|
5175
|
+
if (this.header) {
|
|
5176
|
+
this.header.disabled = disabled;
|
|
5177
|
+
}
|
|
5178
|
+
}
|
|
5179
|
+
get disabled() {
|
|
5180
|
+
return this._disabled;
|
|
5181
|
+
}
|
|
5182
|
+
set hideToggle(hideToggle) {
|
|
5183
|
+
this._hideToggle = hideToggle;
|
|
5184
|
+
if (this.header) {
|
|
5185
|
+
this.header.hideToggle = hideToggle;
|
|
5186
|
+
}
|
|
5187
|
+
}
|
|
5188
|
+
get hideToggle() {
|
|
5189
|
+
return this._hideToggle;
|
|
5190
|
+
}
|
|
5191
|
+
set isExpanded(isExpanded) {
|
|
5192
|
+
if (this.disabled) {
|
|
5193
|
+
return;
|
|
5194
|
+
}
|
|
5195
|
+
this._isExpanded = isExpanded;
|
|
5196
|
+
if (this.header) {
|
|
5197
|
+
this.header.isExpanded = isExpanded;
|
|
5198
|
+
}
|
|
5199
|
+
this.isExpandedChange.emit(isExpanded);
|
|
5200
|
+
}
|
|
5201
|
+
get isExpanded() {
|
|
5202
|
+
return this._isExpanded;
|
|
5203
|
+
}
|
|
5204
|
+
ngAfterViewInit() {
|
|
5205
|
+
setTimeout(() => {
|
|
5206
|
+
this.header.isExpanded = this.isExpanded;
|
|
5207
|
+
this.header.hideToggle = this.hideToggle;
|
|
5208
|
+
this.header.disabled = this.disabled;
|
|
5209
|
+
this.header.close = () => this.close();
|
|
5210
|
+
this.header.open = () => this.open();
|
|
5211
|
+
this.header.toggle = () => this.toggle();
|
|
5212
|
+
}, 0);
|
|
5213
|
+
}
|
|
5214
|
+
close() {
|
|
5215
|
+
this.isExpanded = false;
|
|
5216
|
+
this.expandChange.emit();
|
|
5217
|
+
}
|
|
5218
|
+
open() {
|
|
5219
|
+
this.isExpanded = true;
|
|
5220
|
+
this.expandChange.emit();
|
|
5221
|
+
}
|
|
5222
|
+
toggle() {
|
|
5223
|
+
this.isExpanded = !this.isExpanded;
|
|
5224
|
+
this.expandChange.emit();
|
|
5225
|
+
}
|
|
5226
|
+
}
|
|
5227
|
+
ExpansionPanelBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5228
|
+
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 });
|
|
5229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, decorators: [{
|
|
5230
|
+
type: Directive
|
|
5231
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { header: [{
|
|
5232
|
+
type: ContentChild,
|
|
5233
|
+
args: [EXPANSION_PANEL_HEADER]
|
|
5234
|
+
}], disabled: [{
|
|
5235
|
+
type: Input
|
|
5236
|
+
}], hideToggle: [{
|
|
5237
|
+
type: Input
|
|
5238
|
+
}], isExpanded: [{
|
|
5239
|
+
type: Input
|
|
5240
|
+
}], isExpandedChange: [{
|
|
5241
|
+
type: Output
|
|
5242
|
+
}] } });
|
|
5243
|
+
|
|
5244
|
+
// https://material.angular.io/components/expansion/api
|
|
5245
|
+
class ExpansionPanelComponent extends ExpansionPanelBase {
|
|
5246
|
+
constructor(changeDetectorRef) {
|
|
5247
|
+
super(changeDetectorRef);
|
|
5248
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5249
|
+
this.class = 'wac-expansion-panel';
|
|
5250
|
+
}
|
|
5251
|
+
get isDisabled() {
|
|
5252
|
+
return this.disabled;
|
|
5253
|
+
}
|
|
5254
|
+
}
|
|
5255
|
+
ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5256
|
+
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"] }] });
|
|
5257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
5258
|
+
type: Component,
|
|
5259
|
+
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>" }]
|
|
5260
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5261
|
+
type: HostBinding,
|
|
5262
|
+
args: ['class']
|
|
5263
|
+
}], isDisabled: [{
|
|
5264
|
+
type: HostBinding,
|
|
5265
|
+
args: ['class.wac-expansion-panel--disabled']
|
|
5266
|
+
}] } });
|
|
5267
|
+
|
|
5268
|
+
class ExpansionPanelDirective extends ExpansionPanelBase {
|
|
5269
|
+
constructor(changeDetectorRef) {
|
|
5270
|
+
super(changeDetectorRef);
|
|
5271
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5272
|
+
}
|
|
5273
|
+
}
|
|
5274
|
+
ExpansionPanelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5275
|
+
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 });
|
|
5276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, decorators: [{
|
|
5277
|
+
type: Directive,
|
|
5278
|
+
args: [{
|
|
5279
|
+
selector: '[wacExpansionPanel]',
|
|
5280
|
+
providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }]
|
|
5281
|
+
}]
|
|
5282
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5283
|
+
|
|
5284
|
+
const components$1 = [
|
|
5285
|
+
ExpansionPanelComponent,
|
|
5286
|
+
ExpansionPanelHeaderComponent,
|
|
5287
|
+
AccordionComponent
|
|
5288
|
+
];
|
|
5289
|
+
const directives = [
|
|
5290
|
+
ExpansionPanelDirective,
|
|
5291
|
+
ExpansionPanelHeaderDirective
|
|
5292
|
+
];
|
|
5293
|
+
const ExpansionExport = [
|
|
5294
|
+
...components$1,
|
|
5295
|
+
...directives
|
|
5296
|
+
];
|
|
5297
|
+
class ExpansionModule {
|
|
5298
|
+
}
|
|
5299
|
+
ExpansionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5300
|
+
ExpansionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, declarations: [ExpansionPanelComponent,
|
|
5301
|
+
ExpansionPanelHeaderComponent,
|
|
5302
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5303
|
+
ExpansionPanelHeaderDirective], imports: [CommonModule], exports: [ExpansionPanelComponent,
|
|
5304
|
+
ExpansionPanelHeaderComponent,
|
|
5305
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5306
|
+
ExpansionPanelHeaderDirective] });
|
|
5307
|
+
ExpansionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, imports: [CommonModule] });
|
|
5308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, decorators: [{
|
|
5309
|
+
type: NgModule,
|
|
5310
|
+
args: [{
|
|
5311
|
+
imports: [
|
|
5312
|
+
CommonModule,
|
|
5313
|
+
],
|
|
5314
|
+
exports: [
|
|
5315
|
+
...ExpansionExport
|
|
5316
|
+
],
|
|
5317
|
+
declarations: [
|
|
5318
|
+
...ExpansionExport
|
|
5319
|
+
],
|
|
5320
|
+
providers: [],
|
|
5321
|
+
}]
|
|
5322
|
+
}] });
|
|
5323
|
+
|
|
5009
5324
|
const components = [
|
|
5010
5325
|
TagComponent,
|
|
5011
5326
|
TabComponent,
|
|
@@ -5079,7 +5394,8 @@ const exportsFromModule = [
|
|
|
5079
5394
|
CheckboxComponent,
|
|
5080
5395
|
LoaderComponent,
|
|
5081
5396
|
ProgressBarComponent,
|
|
5082
|
-
TreeComponent
|
|
5397
|
+
TreeComponent,
|
|
5398
|
+
...ExpansionExport
|
|
5083
5399
|
];
|
|
5084
5400
|
class SharedComponentsModule {
|
|
5085
5401
|
}
|
|
@@ -5163,7 +5479,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5163
5479
|
AutosizeModule,
|
|
5164
5480
|
NgScrollbarModule,
|
|
5165
5481
|
NgScrollbarReachedModule,
|
|
5166
|
-
TreeModule
|
|
5482
|
+
TreeModule,
|
|
5483
|
+
ExpansionModule], exports: [TagComponent,
|
|
5167
5484
|
TabComponent,
|
|
5168
5485
|
ButtonComponent,
|
|
5169
5486
|
InfoComponent,
|
|
@@ -5232,7 +5549,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5232
5549
|
CheckboxComponent,
|
|
5233
5550
|
LoaderComponent,
|
|
5234
5551
|
ProgressBarComponent,
|
|
5235
|
-
TreeComponent] });
|
|
5552
|
+
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective] });
|
|
5236
5553
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
5237
5554
|
FormsModule,
|
|
5238
5555
|
NwbAllModule,
|
|
@@ -5257,7 +5574,8 @@ SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
5257
5574
|
AutosizeModule,
|
|
5258
5575
|
NgScrollbarModule,
|
|
5259
5576
|
NgScrollbarReachedModule,
|
|
5260
|
-
TreeModule
|
|
5577
|
+
TreeModule,
|
|
5578
|
+
ExpansionModule] });
|
|
5261
5579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, decorators: [{
|
|
5262
5580
|
type: NgModule,
|
|
5263
5581
|
args: [{
|
|
@@ -5286,7 +5604,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5286
5604
|
AutosizeModule,
|
|
5287
5605
|
NgScrollbarModule,
|
|
5288
5606
|
NgScrollbarReachedModule,
|
|
5289
|
-
TreeModule
|
|
5607
|
+
TreeModule,
|
|
5608
|
+
ExpansionModule
|
|
5290
5609
|
],
|
|
5291
5610
|
declarations: components,
|
|
5292
5611
|
exports: [...components, ...exportsFromModule]
|
|
@@ -5337,5 +5656,5 @@ class TableFiltersGroup extends NwbFilterGroup {
|
|
|
5337
5656
|
* Generated bundle index. Do not edit.
|
|
5338
5657
|
*/
|
|
5339
5658
|
|
|
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 };
|
|
5659
|
+
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
5660
|
//# sourceMappingURL=wizishop-angular-components.mjs.map
|