@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
|
|
|
@@ -2858,7 +2858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
2858
2858
|
type: Output
|
|
2859
2859
|
}] } });
|
|
2860
2860
|
|
|
2861
|
-
const directives = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
|
|
2861
|
+
const directives$1 = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
|
|
2862
2862
|
class TableModule {
|
|
2863
2863
|
}
|
|
2864
2864
|
TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2885,8 +2885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
2885
2885
|
CheckboxModule,
|
|
2886
2886
|
PaginationModule
|
|
2887
2887
|
],
|
|
2888
|
-
exports: [TableComponent, ...directives],
|
|
2889
|
-
declarations: [TableComponent, ...directives],
|
|
2888
|
+
exports: [TableComponent, ...directives$1],
|
|
2889
|
+
declarations: [TableComponent, ...directives$1],
|
|
2890
2890
|
providers: [],
|
|
2891
2891
|
}]
|
|
2892
2892
|
}] });
|
|
@@ -4209,8 +4209,8 @@ class ValueChangeService {
|
|
|
4209
4209
|
this.value = selectedOption.value;
|
|
4210
4210
|
}
|
|
4211
4211
|
handleSelectedOptionsEvent() {
|
|
4212
|
-
this.optionSelectedChangeListeners().subscribe((
|
|
4213
|
-
this.value =
|
|
4212
|
+
this.optionSelectedChangeListeners().subscribe((selectEvent) => {
|
|
4213
|
+
this.value = selectEvent.value;
|
|
4214
4214
|
});
|
|
4215
4215
|
}
|
|
4216
4216
|
updateSelectPlaceholder() {
|
|
@@ -5018,6 +5018,323 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5018
5018
|
type: Output
|
|
5019
5019
|
}] } });
|
|
5020
5020
|
|
|
5021
|
+
const ACCORDION_ITEM = new InjectionToken('ACCORDION_ITEM');
|
|
5022
|
+
|
|
5023
|
+
class AccordionComponent {
|
|
5024
|
+
constructor() {
|
|
5025
|
+
this.class = 'wac-accordion';
|
|
5026
|
+
this.keepOnlyOnePanelOpen = false;
|
|
5027
|
+
// Inputs: hideToggle (hide the arrow) // togglePosition
|
|
5028
|
+
this.isDestroyed$ = new Subject();
|
|
5029
|
+
this.resetListeners$ = new Subject();
|
|
5030
|
+
}
|
|
5031
|
+
openAll() {
|
|
5032
|
+
var _a;
|
|
5033
|
+
(_a = this.expansionItems) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
|
|
5034
|
+
item.isExpanded = true;
|
|
5035
|
+
});
|
|
5036
|
+
}
|
|
5037
|
+
closeAll() {
|
|
5038
|
+
var _a;
|
|
5039
|
+
(_a = this.expansionItems) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
|
|
5040
|
+
item.isExpanded = false;
|
|
5041
|
+
});
|
|
5042
|
+
}
|
|
5043
|
+
ngAfterViewInit() {
|
|
5044
|
+
this.expansionItems.changes
|
|
5045
|
+
.pipe(takeUntil$1(this.isDestroyed$), startWith$1(this.expansionItems))
|
|
5046
|
+
.subscribe(() => {
|
|
5047
|
+
this.resetListeners$.next();
|
|
5048
|
+
this.panelExpansionChanges().subscribe(expandedItem => {
|
|
5049
|
+
if (this.keepOnlyOnePanelOpen) {
|
|
5050
|
+
this.keepOnlyOnePanelOpenHandler(expandedItem.index);
|
|
5051
|
+
}
|
|
5052
|
+
});
|
|
5053
|
+
});
|
|
5054
|
+
}
|
|
5055
|
+
panelExpansionChanges() {
|
|
5056
|
+
const panelExpansionChange$ = this.expansionItems.map((expansionItem, index) => {
|
|
5057
|
+
return expansionItem.expandChange.pipe(map$1(() => {
|
|
5058
|
+
return {
|
|
5059
|
+
index,
|
|
5060
|
+
expansionItem
|
|
5061
|
+
};
|
|
5062
|
+
}));
|
|
5063
|
+
});
|
|
5064
|
+
return merge(...panelExpansionChange$).pipe(takeUntil$1(this.resetListeners$));
|
|
5065
|
+
}
|
|
5066
|
+
keepOnlyOnePanelOpenHandler(index) {
|
|
5067
|
+
this.expansionItems.forEach((expansionItem, i) => {
|
|
5068
|
+
if (i !== index) {
|
|
5069
|
+
expansionItem.isExpanded = false;
|
|
5070
|
+
}
|
|
5071
|
+
});
|
|
5072
|
+
}
|
|
5073
|
+
ngOnDestroy() {
|
|
5074
|
+
this.isDestroyed$.next();
|
|
5075
|
+
this.isDestroyed$.complete();
|
|
5076
|
+
this.resetListeners$.next();
|
|
5077
|
+
this.resetListeners$.complete();
|
|
5078
|
+
}
|
|
5079
|
+
}
|
|
5080
|
+
AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5081
|
+
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>" });
|
|
5082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
5083
|
+
type: Component,
|
|
5084
|
+
args: [{ selector: 'wac-accordion', template: "<ng-content></ng-content>" }]
|
|
5085
|
+
}], ctorParameters: function () { return []; }, propDecorators: { class: [{
|
|
5086
|
+
type: HostBinding,
|
|
5087
|
+
args: ['class']
|
|
5088
|
+
}], expansionItems: [{
|
|
5089
|
+
type: ContentChildren,
|
|
5090
|
+
args: [ACCORDION_ITEM]
|
|
5091
|
+
}], keepOnlyOnePanelOpen: [{
|
|
5092
|
+
type: Input
|
|
5093
|
+
}] } });
|
|
5094
|
+
|
|
5095
|
+
class ExpansionPanelHeaderBase {
|
|
5096
|
+
constructor(changeDetectorRef) {
|
|
5097
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5098
|
+
this.disabled = false;
|
|
5099
|
+
this.disabledChange = new EventEmitter();
|
|
5100
|
+
this.hideToggle = false;
|
|
5101
|
+
this.hideToggleChange = new EventEmitter();
|
|
5102
|
+
this.isExpanded = false;
|
|
5103
|
+
this.isExpandedChange = new EventEmitter();
|
|
5104
|
+
}
|
|
5105
|
+
onClick() {
|
|
5106
|
+
this.toggle();
|
|
5107
|
+
}
|
|
5108
|
+
onToggle() {
|
|
5109
|
+
if (this.disabled) {
|
|
5110
|
+
return;
|
|
5111
|
+
}
|
|
5112
|
+
this.isExpanded = !this.isExpanded;
|
|
5113
|
+
this.toggle();
|
|
5114
|
+
}
|
|
5115
|
+
}
|
|
5116
|
+
ExpansionPanelHeaderBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5117
|
+
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 });
|
|
5118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderBase, decorators: [{
|
|
5119
|
+
type: Directive
|
|
5120
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { onClick: [{
|
|
5121
|
+
type: HostListener,
|
|
5122
|
+
args: ['click']
|
|
5123
|
+
}], disabled: [{
|
|
5124
|
+
type: Input
|
|
5125
|
+
}], disabledChange: [{
|
|
5126
|
+
type: Output
|
|
5127
|
+
}], hideToggle: [{
|
|
5128
|
+
type: Input
|
|
5129
|
+
}], hideToggleChange: [{
|
|
5130
|
+
type: Output
|
|
5131
|
+
}], isExpanded: [{
|
|
5132
|
+
type: Input
|
|
5133
|
+
}], isExpandedChange: [{
|
|
5134
|
+
type: Output
|
|
5135
|
+
}] } });
|
|
5136
|
+
|
|
5137
|
+
const EXPANSION_PANEL_HEADER = new InjectionToken('EXPANSION_PANEL_HEADER');
|
|
5138
|
+
|
|
5139
|
+
class ExpansionPanelHeaderComponent extends ExpansionPanelHeaderBase {
|
|
5140
|
+
constructor(changeDetectorRef) {
|
|
5141
|
+
super(changeDetectorRef);
|
|
5142
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5143
|
+
this.class = 'wac-expansion-panel-header';
|
|
5144
|
+
}
|
|
5145
|
+
get isDisabled() {
|
|
5146
|
+
return this.disabled;
|
|
5147
|
+
}
|
|
5148
|
+
}
|
|
5149
|
+
ExpansionPanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5150
|
+
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 });
|
|
5151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
|
|
5152
|
+
type: Component,
|
|
5153
|
+
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>" }]
|
|
5154
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5155
|
+
type: HostBinding,
|
|
5156
|
+
args: ['class']
|
|
5157
|
+
}], isDisabled: [{
|
|
5158
|
+
type: HostBinding,
|
|
5159
|
+
args: ['class.wac-expansion-panel-header--disabled']
|
|
5160
|
+
}] } });
|
|
5161
|
+
|
|
5162
|
+
class ExpansionPanelHeaderDirective extends ExpansionPanelHeaderBase {
|
|
5163
|
+
constructor(changeDetectorRef) {
|
|
5164
|
+
super(changeDetectorRef);
|
|
5165
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5166
|
+
}
|
|
5167
|
+
}
|
|
5168
|
+
ExpansionPanelHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5169
|
+
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 });
|
|
5170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelHeaderDirective, decorators: [{
|
|
5171
|
+
type: Directive,
|
|
5172
|
+
args: [{
|
|
5173
|
+
selector: '[wacExpansionPanelHeader]',
|
|
5174
|
+
providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }],
|
|
5175
|
+
}]
|
|
5176
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5177
|
+
|
|
5178
|
+
class ExpansionPanelBase {
|
|
5179
|
+
constructor(changeDetectorRef) {
|
|
5180
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5181
|
+
this._disabled = false;
|
|
5182
|
+
this._hideToggle = false;
|
|
5183
|
+
this._isExpanded = false;
|
|
5184
|
+
this.isExpandedChange = new EventEmitter();
|
|
5185
|
+
this.expandChange = new EventEmitter(); // used by the accordion component if exists
|
|
5186
|
+
}
|
|
5187
|
+
set disabled(disabled) {
|
|
5188
|
+
this._disabled = disabled;
|
|
5189
|
+
if (this.header) {
|
|
5190
|
+
this.header.disabled = disabled;
|
|
5191
|
+
}
|
|
5192
|
+
}
|
|
5193
|
+
get disabled() {
|
|
5194
|
+
return this._disabled;
|
|
5195
|
+
}
|
|
5196
|
+
set hideToggle(hideToggle) {
|
|
5197
|
+
this._hideToggle = hideToggle;
|
|
5198
|
+
if (this.header) {
|
|
5199
|
+
this.header.hideToggle = hideToggle;
|
|
5200
|
+
}
|
|
5201
|
+
}
|
|
5202
|
+
get hideToggle() {
|
|
5203
|
+
return this._hideToggle;
|
|
5204
|
+
}
|
|
5205
|
+
set isExpanded(isExpanded) {
|
|
5206
|
+
if (this.disabled) {
|
|
5207
|
+
return;
|
|
5208
|
+
}
|
|
5209
|
+
this._isExpanded = isExpanded;
|
|
5210
|
+
if (this.header) {
|
|
5211
|
+
this.header.isExpanded = isExpanded;
|
|
5212
|
+
}
|
|
5213
|
+
this.isExpandedChange.emit(isExpanded);
|
|
5214
|
+
}
|
|
5215
|
+
get isExpanded() {
|
|
5216
|
+
return this._isExpanded;
|
|
5217
|
+
}
|
|
5218
|
+
ngAfterViewInit() {
|
|
5219
|
+
setTimeout(() => {
|
|
5220
|
+
this.header.isExpanded = this.isExpanded;
|
|
5221
|
+
this.header.hideToggle = this.hideToggle;
|
|
5222
|
+
this.header.disabled = this.disabled;
|
|
5223
|
+
this.header.close = () => this.close();
|
|
5224
|
+
this.header.open = () => this.open();
|
|
5225
|
+
this.header.toggle = () => this.toggle();
|
|
5226
|
+
}, 0);
|
|
5227
|
+
}
|
|
5228
|
+
close() {
|
|
5229
|
+
this.isExpanded = false;
|
|
5230
|
+
this.expandChange.emit();
|
|
5231
|
+
}
|
|
5232
|
+
open() {
|
|
5233
|
+
this.isExpanded = true;
|
|
5234
|
+
this.expandChange.emit();
|
|
5235
|
+
}
|
|
5236
|
+
toggle() {
|
|
5237
|
+
this.isExpanded = !this.isExpanded;
|
|
5238
|
+
this.expandChange.emit();
|
|
5239
|
+
}
|
|
5240
|
+
}
|
|
5241
|
+
ExpansionPanelBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5242
|
+
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 });
|
|
5243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelBase, decorators: [{
|
|
5244
|
+
type: Directive
|
|
5245
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { header: [{
|
|
5246
|
+
type: ContentChild,
|
|
5247
|
+
args: [EXPANSION_PANEL_HEADER]
|
|
5248
|
+
}], disabled: [{
|
|
5249
|
+
type: Input
|
|
5250
|
+
}], hideToggle: [{
|
|
5251
|
+
type: Input
|
|
5252
|
+
}], isExpanded: [{
|
|
5253
|
+
type: Input
|
|
5254
|
+
}], isExpandedChange: [{
|
|
5255
|
+
type: Output
|
|
5256
|
+
}] } });
|
|
5257
|
+
|
|
5258
|
+
// https://material.angular.io/components/expansion/api
|
|
5259
|
+
class ExpansionPanelComponent extends ExpansionPanelBase {
|
|
5260
|
+
constructor(changeDetectorRef) {
|
|
5261
|
+
super(changeDetectorRef);
|
|
5262
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5263
|
+
this.class = 'wac-expansion-panel';
|
|
5264
|
+
}
|
|
5265
|
+
get isDisabled() {
|
|
5266
|
+
return this.disabled;
|
|
5267
|
+
}
|
|
5268
|
+
}
|
|
5269
|
+
ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5270
|
+
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"] }] });
|
|
5271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
5272
|
+
type: Component,
|
|
5273
|
+
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>" }]
|
|
5274
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
|
|
5275
|
+
type: HostBinding,
|
|
5276
|
+
args: ['class']
|
|
5277
|
+
}], isDisabled: [{
|
|
5278
|
+
type: HostBinding,
|
|
5279
|
+
args: ['class.wac-expansion-panel--disabled']
|
|
5280
|
+
}] } });
|
|
5281
|
+
|
|
5282
|
+
class ExpansionPanelDirective extends ExpansionPanelBase {
|
|
5283
|
+
constructor(changeDetectorRef) {
|
|
5284
|
+
super(changeDetectorRef);
|
|
5285
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
5286
|
+
}
|
|
5287
|
+
}
|
|
5288
|
+
ExpansionPanelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5289
|
+
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 });
|
|
5290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionPanelDirective, decorators: [{
|
|
5291
|
+
type: Directive,
|
|
5292
|
+
args: [{
|
|
5293
|
+
selector: '[wacExpansionPanel]',
|
|
5294
|
+
providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }]
|
|
5295
|
+
}]
|
|
5296
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
5297
|
+
|
|
5298
|
+
const components$1 = [
|
|
5299
|
+
ExpansionPanelComponent,
|
|
5300
|
+
ExpansionPanelHeaderComponent,
|
|
5301
|
+
AccordionComponent
|
|
5302
|
+
];
|
|
5303
|
+
const directives = [
|
|
5304
|
+
ExpansionPanelDirective,
|
|
5305
|
+
ExpansionPanelHeaderDirective
|
|
5306
|
+
];
|
|
5307
|
+
const ExpansionExport = [
|
|
5308
|
+
...components$1,
|
|
5309
|
+
...directives
|
|
5310
|
+
];
|
|
5311
|
+
class ExpansionModule {
|
|
5312
|
+
}
|
|
5313
|
+
ExpansionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5314
|
+
ExpansionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, declarations: [ExpansionPanelComponent,
|
|
5315
|
+
ExpansionPanelHeaderComponent,
|
|
5316
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5317
|
+
ExpansionPanelHeaderDirective], imports: [CommonModule], exports: [ExpansionPanelComponent,
|
|
5318
|
+
ExpansionPanelHeaderComponent,
|
|
5319
|
+
AccordionComponent, ExpansionPanelDirective,
|
|
5320
|
+
ExpansionPanelHeaderDirective] });
|
|
5321
|
+
ExpansionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, imports: [CommonModule] });
|
|
5322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ExpansionModule, decorators: [{
|
|
5323
|
+
type: NgModule,
|
|
5324
|
+
args: [{
|
|
5325
|
+
imports: [
|
|
5326
|
+
CommonModule,
|
|
5327
|
+
],
|
|
5328
|
+
exports: [
|
|
5329
|
+
...ExpansionExport
|
|
5330
|
+
],
|
|
5331
|
+
declarations: [
|
|
5332
|
+
...ExpansionExport
|
|
5333
|
+
],
|
|
5334
|
+
providers: [],
|
|
5335
|
+
}]
|
|
5336
|
+
}] });
|
|
5337
|
+
|
|
5021
5338
|
const components = [
|
|
5022
5339
|
TagComponent,
|
|
5023
5340
|
TabComponent,
|
|
@@ -5091,7 +5408,8 @@ const exportsFromModule = [
|
|
|
5091
5408
|
CheckboxComponent,
|
|
5092
5409
|
LoaderComponent,
|
|
5093
5410
|
ProgressBarComponent,
|
|
5094
|
-
TreeComponent
|
|
5411
|
+
TreeComponent,
|
|
5412
|
+
...ExpansionExport
|
|
5095
5413
|
];
|
|
5096
5414
|
class SharedComponentsModule {
|
|
5097
5415
|
}
|
|
@@ -5175,7 +5493,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5175
5493
|
AutosizeModule,
|
|
5176
5494
|
NgScrollbarModule,
|
|
5177
5495
|
NgScrollbarReachedModule,
|
|
5178
|
-
TreeModule
|
|
5496
|
+
TreeModule,
|
|
5497
|
+
ExpansionModule], exports: [TagComponent,
|
|
5179
5498
|
TabComponent,
|
|
5180
5499
|
ButtonComponent,
|
|
5181
5500
|
InfoComponent,
|
|
@@ -5244,7 +5563,7 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
5244
5563
|
CheckboxComponent,
|
|
5245
5564
|
LoaderComponent,
|
|
5246
5565
|
ProgressBarComponent,
|
|
5247
|
-
TreeComponent] });
|
|
5566
|
+
TreeComponent, ExpansionPanelComponent, ExpansionPanelHeaderComponent, AccordionComponent, ExpansionPanelDirective, ExpansionPanelHeaderDirective] });
|
|
5248
5567
|
SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
|
|
5249
5568
|
FormsModule,
|
|
5250
5569
|
NwbAllModule,
|
|
@@ -5269,7 +5588,8 @@ SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
|
|
|
5269
5588
|
AutosizeModule,
|
|
5270
5589
|
NgScrollbarModule,
|
|
5271
5590
|
NgScrollbarReachedModule,
|
|
5272
|
-
TreeModule
|
|
5591
|
+
TreeModule,
|
|
5592
|
+
ExpansionModule] });
|
|
5273
5593
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, decorators: [{
|
|
5274
5594
|
type: NgModule,
|
|
5275
5595
|
args: [{
|
|
@@ -5298,7 +5618,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
5298
5618
|
AutosizeModule,
|
|
5299
5619
|
NgScrollbarModule,
|
|
5300
5620
|
NgScrollbarReachedModule,
|
|
5301
|
-
TreeModule
|
|
5621
|
+
TreeModule,
|
|
5622
|
+
ExpansionModule
|
|
5302
5623
|
],
|
|
5303
5624
|
declarations: components,
|
|
5304
5625
|
exports: [...components, ...exportsFromModule]
|
|
@@ -5349,5 +5670,5 @@ class TableFiltersGroup extends NwbFilterGroup {
|
|
|
5349
5670
|
* Generated bundle index. Do not edit.
|
|
5350
5671
|
*/
|
|
5351
5672
|
|
|
5352
|
-
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 };
|
|
5673
|
+
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 };
|
|
5353
5674
|
//# sourceMappingURL=wizishop-angular-components.mjs.map
|