@dereekb/dbx-web 9.22.4 → 9.22.6
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/calendar/package.json +2 -2
- package/esm2020/lib/interaction/filter/filter.popover.component.mjs +12 -4
- package/fesm2015/dereekb-dbx-web.mjs +13 -3
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +11 -3
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/interaction/filter/filter.popover.component.d.ts +15 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
- package/table/package.json +3 -3
|
@@ -1805,12 +1805,14 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
|
|
|
1805
1805
|
return config;
|
|
1806
1806
|
}));
|
|
1807
1807
|
}
|
|
1808
|
-
static openPopover(popupService, { origin, initialFilterObs: inputSource, connector, customFilterComponentClass, presetFilterComponentClass }, popoverKey) {
|
|
1808
|
+
static openPopover(popupService, { origin, header, icon, initialFilterObs: inputSource, connector, customFilterComponentClass, presetFilterComponentClass }, popoverKey) {
|
|
1809
1809
|
return popupService.open({
|
|
1810
1810
|
key: popoverKey ?? DEFAULT_FILTER_POPOVER_KEY,
|
|
1811
1811
|
origin,
|
|
1812
1812
|
componentClass: DbxFilterPopoverComponent,
|
|
1813
1813
|
data: {
|
|
1814
|
+
header,
|
|
1815
|
+
icon,
|
|
1814
1816
|
initialFilterObs: inputSource,
|
|
1815
1817
|
connector,
|
|
1816
1818
|
customFilterComponentClass,
|
|
@@ -1821,6 +1823,12 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
|
|
|
1821
1823
|
get config() {
|
|
1822
1824
|
return this.popover.data;
|
|
1823
1825
|
}
|
|
1826
|
+
get icon() {
|
|
1827
|
+
return this.config.icon ?? 'filter_list';
|
|
1828
|
+
}
|
|
1829
|
+
get header() {
|
|
1830
|
+
return this.config.header ?? 'Filter';
|
|
1831
|
+
}
|
|
1824
1832
|
ngOnInit() {
|
|
1825
1833
|
let showPreset = false;
|
|
1826
1834
|
const { customFilterComponentClass, presetFilterComponentClass } = this.config;
|
|
@@ -1846,10 +1854,10 @@ class DbxFilterPopoverComponent extends AbstractPopoverDirective {
|
|
|
1846
1854
|
}
|
|
1847
1855
|
}
|
|
1848
1856
|
DbxFilterPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterPopoverComponent, deps: [{ token: DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
1849
|
-
DbxFilterPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n <!-- Header -->\n <dbx-popover-header icon=\"
|
|
1857
|
+
DbxFilterPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n <!-- Header -->\n <dbx-popover-header [icon]=\"icon\" [header]=\"header\">\n <ng-container *ngIf=\"showSwitchButtons\" [ngSwitch]=\"showPreset$ | async\">\n <button *ngSwitchCase=\"true\" mat-flat-button color=\"accent\" (click)=\"showCustom()\">Custom</button>\n <button *ngSwitchCase=\"false\" mat-flat-button color=\"accent\" (click)=\"showPresets()\">Presets</button>\n </ng-container>\n </dbx-popover-header>\n <!-- Content -->\n <dbx-popover-scroll-content>\n <dbx-injection [config]=\"config$ | async\"></dbx-injection>\n </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "component", type: DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { kind: "component", type: i1$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
1850
1858
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterPopoverComponent, decorators: [{
|
|
1851
1859
|
type: Component,
|
|
1852
|
-
args: [{ template: "<dbx-popover-content>\n <!-- Header -->\n <dbx-popover-header icon=\"
|
|
1860
|
+
args: [{ template: "<dbx-popover-content>\n <!-- Header -->\n <dbx-popover-header [icon]=\"icon\" [header]=\"header\">\n <ng-container *ngIf=\"showSwitchButtons\" [ngSwitch]=\"showPreset$ | async\">\n <button *ngSwitchCase=\"true\" mat-flat-button color=\"accent\" (click)=\"showCustom()\">Custom</button>\n <button *ngSwitchCase=\"false\" mat-flat-button color=\"accent\" (click)=\"showPresets()\">Presets</button>\n </ng-container>\n </dbx-popover-header>\n <!-- Content -->\n <dbx-popover-scroll-content>\n <dbx-injection [config]=\"config$ | async\"></dbx-injection>\n </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
|
|
1853
1861
|
}], ctorParameters: function () { return [{ type: DbxPopoverComponent }]; } });
|
|
1854
1862
|
|
|
1855
1863
|
class AbstractFilterPopoverButtonDirective extends AbstractSubscriptionDirective {
|