@dereekb/dbx-web 9.22.2 → 9.22.3
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.button.component.mjs +52 -14
- package/fesm2015/dereekb-dbx-web.mjs +89 -53
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +89 -53
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/interaction/filter/filter.popover.button.component.d.ts +8 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
- package/table/package.json +3 -3
package/calendar/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/calendar",
|
|
3
|
-
"version": "9.22.
|
|
3
|
+
"version": "9.22.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.2.0",
|
|
6
6
|
"@angular/core": "^14.2.0",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"rxjs": "^7.5.0",
|
|
9
9
|
"@angular/material": "^14.2.0",
|
|
10
10
|
"angular-calendar": "^0.30.1",
|
|
11
|
-
"@dereekb/dbx-web": "9.22.
|
|
11
|
+
"@dereekb/dbx-web": "9.22.3"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0"
|
|
@@ -1,32 +1,70 @@
|
|
|
1
|
-
import { Component, ElementRef, ViewChild } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import { AbstractFilterPopoverButtonDirective } from './filter.popover.button.directive';
|
|
3
|
+
import { dbxButtonDisplayContentType } from '@dereekb/dbx-core';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/
|
|
5
|
-
import * as i2 from "@angular/material/
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@angular/material/icon";
|
|
7
|
+
import * as i3 from "@angular/material/button";
|
|
8
|
+
const DEFAULT_FILTER_POPOVER_BUTTON_DISPLAY_CONTENT = {
|
|
9
|
+
icon: 'filter_list'
|
|
10
|
+
};
|
|
6
11
|
export class DbxFilterPopoverButtonComponent extends AbstractFilterPopoverButtonDirective {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this._buttonDisplay = DEFAULT_FILTER_POPOVER_BUTTON_DISPLAY_CONTENT;
|
|
15
|
+
this._buttonDisplayType = 'icon_button';
|
|
16
|
+
}
|
|
17
|
+
get buttonDisplay() {
|
|
18
|
+
return this._buttonDisplay;
|
|
19
|
+
}
|
|
20
|
+
set buttonDisplay(buttonDisplay) {
|
|
21
|
+
if (!buttonDisplay) {
|
|
22
|
+
buttonDisplay = DEFAULT_FILTER_POPOVER_BUTTON_DISPLAY_CONTENT;
|
|
23
|
+
}
|
|
24
|
+
this._buttonDisplay = buttonDisplay;
|
|
25
|
+
this._buttonDisplayType = dbxButtonDisplayContentType(buttonDisplay);
|
|
26
|
+
}
|
|
27
|
+
get buttonDisplayType() {
|
|
28
|
+
return this._buttonDisplayType;
|
|
29
|
+
}
|
|
7
30
|
showFilterPopover() {
|
|
8
31
|
const origin = this.buttonElement.nativeElement;
|
|
9
32
|
this.showFilterPopoverAtOrigin(origin);
|
|
10
33
|
}
|
|
11
34
|
}
|
|
12
35
|
DbxFilterPopoverButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
DbxFilterPopoverButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterPopoverButtonComponent, selector: "dbx-filter-popover-button", viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
14
|
-
<
|
|
15
|
-
<mat-
|
|
16
|
-
|
|
17
|
-
|
|
36
|
+
DbxFilterPopoverButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFilterPopoverButtonComponent, selector: "dbx-filter-popover-button", inputs: { buttonDisplay: "buttonDisplay" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
37
|
+
<ng-container [ngSwitch]="buttonDisplayType">
|
|
38
|
+
<button *ngSwitchCase="'text_button'" #button mat-button (click)="showFilterPopover()" class="dbx-preset-filter-menu-button" aria-label="open filter">
|
|
39
|
+
<mat-icon class="dbx-icon-spacer" *ngIf="buttonDisplay.icon">{{ buttonDisplay.icon }}</mat-icon>
|
|
40
|
+
<span>{{ buttonDisplay.text }}</span>
|
|
41
|
+
</button>
|
|
42
|
+
<button *ngSwitchCase="'icon_button'" #button mat-icon-button (click)="showFilterPopover()" aria-label="open filter" matTooltip="Filter" matTooltipPosition="above">
|
|
43
|
+
<mat-icon>{{ buttonDisplay.icon }}</mat-icon>
|
|
44
|
+
</button>
|
|
45
|
+
</ng-container>
|
|
46
|
+
`, isInline: true, 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: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
18
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFilterPopoverButtonComponent, decorators: [{
|
|
19
48
|
type: Component,
|
|
20
49
|
args: [{
|
|
21
50
|
selector: 'dbx-filter-popover-button',
|
|
22
51
|
template: `
|
|
23
|
-
<
|
|
24
|
-
<mat-
|
|
25
|
-
|
|
26
|
-
|
|
52
|
+
<ng-container [ngSwitch]="buttonDisplayType">
|
|
53
|
+
<button *ngSwitchCase="'text_button'" #button mat-button (click)="showFilterPopover()" class="dbx-preset-filter-menu-button" aria-label="open filter">
|
|
54
|
+
<mat-icon class="dbx-icon-spacer" *ngIf="buttonDisplay.icon">{{ buttonDisplay.icon }}</mat-icon>
|
|
55
|
+
<span>{{ buttonDisplay.text }}</span>
|
|
56
|
+
</button>
|
|
57
|
+
<button *ngSwitchCase="'icon_button'" #button mat-icon-button (click)="showFilterPopover()" aria-label="open filter" matTooltip="Filter" matTooltipPosition="above">
|
|
58
|
+
<mat-icon>{{ buttonDisplay.icon }}</mat-icon>
|
|
59
|
+
</button>
|
|
60
|
+
</ng-container>
|
|
61
|
+
`,
|
|
62
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
27
63
|
}]
|
|
28
|
-
}], propDecorators: {
|
|
64
|
+
}], propDecorators: { buttonDisplay: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], buttonElement: [{
|
|
29
67
|
type: ViewChild,
|
|
30
68
|
args: ['button', { read: ElementRef, static: false }]
|
|
31
69
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLnBvcG92ZXIuYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9pbnRlcmFjdGlvbi9maWx0ZXIvZmlsdGVyLnBvcG92ZXIuYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3pGLE9BQU8sRUFBMkIsMkJBQTJCLEVBQXlELE1BQU0sbUJBQW1CLENBQUM7Ozs7O0FBR2hKLE1BQU0sNkNBQTZDLEdBQTRCO0lBQzdFLElBQUksRUFBRSxhQUFhO0NBQ3BCLENBQUM7QUFpQkYsTUFBTSxPQUFPLCtCQUEyRCxTQUFRLG9DQUF1QztJQWZ2SDs7UUFnQlUsbUJBQWMsR0FBNEIsNkNBQTZDLENBQUM7UUFDeEYsdUJBQWtCLEdBQWdDLGFBQWEsQ0FBQztLQTJCekU7SUF6QkMsSUFDSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFJLGFBQWEsQ0FBQyxhQUE2QztRQUM3RCxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2xCLGFBQWEsR0FBRyw2Q0FBNkMsQ0FBQztTQUMvRDtRQUVELElBQUksQ0FBQyxjQUFjLEdBQUcsYUFBYSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxrQkFBa0IsR0FBRywyQkFBMkIsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsSUFBSSxpQkFBaUI7UUFDbkIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUtELGlCQUFpQjtRQUNmLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1FBQ2hELElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6QyxDQUFDOzs2SEE1QlUsK0JBQStCO2lIQUEvQiwrQkFBK0IsaU1Bc0JiLFVBQVUsb0RBbkM3Qjs7Ozs7Ozs7OztHQVVUOzRGQUdVLCtCQUErQjtrQkFmM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OEJBTUssYUFBYTtzQkFEaEIsS0FBSztnQkFtQk4sYUFBYTtzQkFEWixTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc2hhcmVSZXBsYXksIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RGaWx0ZXJQb3BvdmVyQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi9maWx0ZXIucG9wb3Zlci5idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IERieEJ1dHRvbkRpc3BsYXlDb250ZW50LCBkYnhCdXR0b25EaXNwbGF5Q29udGVudFR5cGUsIERieEJ1dHRvbkRpc3BsYXlDb250ZW50VHlwZSwgRGJ4QnV0dG9uRGlzcGxheURlbGVnYXRlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuY29uc3QgREVGQVVMVF9GSUxURVJfUE9QT1ZFUl9CVVRUT05fRElTUExBWV9DT05URU5UOiBEYnhCdXR0b25EaXNwbGF5Q29udGVudCA9IHtcbiAgaWNvbjogJ2ZpbHRlcl9saXN0J1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWZpbHRlci1wb3BvdmVyLWJ1dHRvbicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiYnV0dG9uRGlzcGxheVR5cGVcIj5cbiAgICAgIDxidXR0b24gKm5nU3dpdGNoQ2FzZT1cIid0ZXh0X2J1dHRvbidcIiAjYnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cInNob3dGaWx0ZXJQb3BvdmVyKClcIiBjbGFzcz1cImRieC1wcmVzZXQtZmlsdGVyLW1lbnUtYnV0dG9uXCIgYXJpYS1sYWJlbD1cIm9wZW4gZmlsdGVyXCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImRieC1pY29uLXNwYWNlclwiICpuZ0lmPVwiYnV0dG9uRGlzcGxheS5pY29uXCI+e3sgYnV0dG9uRGlzcGxheS5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgPHNwYW4+e3sgYnV0dG9uRGlzcGxheS50ZXh0IH19PC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uICpuZ1N3aXRjaENhc2U9XCInaWNvbl9idXR0b24nXCIgI2J1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInNob3dGaWx0ZXJQb3BvdmVyKClcIiBhcmlhLWxhYmVsPVwib3BlbiBmaWx0ZXJcIiBtYXRUb29sdGlwPVwiRmlsdGVyXCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIj5cbiAgICAgICAgPG1hdC1pY29uPnt7IGJ1dHRvbkRpc3BsYXkuaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGJ4RmlsdGVyUG9wb3ZlckJ1dHRvbkNvbXBvbmVudDxGIGV4dGVuZHMgb2JqZWN0ID0gb2JqZWN0PiBleHRlbmRzIEFic3RyYWN0RmlsdGVyUG9wb3ZlckJ1dHRvbkRpcmVjdGl2ZTxGPiB7XG4gIHByaXZhdGUgX2J1dHRvbkRpc3BsYXk6IERieEJ1dHRvbkRpc3BsYXlDb250ZW50ID0gREVGQVVMVF9GSUxURVJfUE9QT1ZFUl9CVVRUT05fRElTUExBWV9DT05URU5UO1xuICBwcml2YXRlIF9idXR0b25EaXNwbGF5VHlwZTogRGJ4QnV0dG9uRGlzcGxheUNvbnRlbnRUeXBlID0gJ2ljb25fYnV0dG9uJztcblxuICBASW5wdXQoKVxuICBnZXQgYnV0dG9uRGlzcGxheSgpOiBEYnhCdXR0b25EaXNwbGF5Q29udGVudCB7XG4gICAgcmV0dXJuIHRoaXMuX2J1dHRvbkRpc3BsYXk7XG4gIH1cblxuICBzZXQgYnV0dG9uRGlzcGxheShidXR0b25EaXNwbGF5OiBNYXliZTxEYnhCdXR0b25EaXNwbGF5Q29udGVudD4pIHtcbiAgICBpZiAoIWJ1dHRvbkRpc3BsYXkpIHtcbiAgICAgIGJ1dHRvbkRpc3BsYXkgPSBERUZBVUxUX0ZJTFRFUl9QT1BPVkVSX0JVVFRPTl9ESVNQTEFZX0NPTlRFTlQ7XG4gICAgfVxuXG4gICAgdGhpcy5fYnV0dG9uRGlzcGxheSA9IGJ1dHRvbkRpc3BsYXk7XG4gICAgdGhpcy5fYnV0dG9uRGlzcGxheVR5cGUgPSBkYnhCdXR0b25EaXNwbGF5Q29udGVudFR5cGUoYnV0dG9uRGlzcGxheSk7XG4gIH1cblxuICBnZXQgYnV0dG9uRGlzcGxheVR5cGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2J1dHRvbkRpc3BsYXlUeXBlO1xuICB9XG5cbiAgQFZpZXdDaGlsZCgnYnV0dG9uJywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IGZhbHNlIH0pXG4gIGJ1dHRvbkVsZW1lbnQhOiBFbGVtZW50UmVmO1xuXG4gIHNob3dGaWx0ZXJQb3BvdmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IG9yaWdpbiA9IHRoaXMuYnV0dG9uRWxlbWVudC5uYXRpdmVFbGVtZW50O1xuICAgIHRoaXMuc2hvd0ZpbHRlclBvcG92ZXJBdE9yaWdpbihvcmlnaW4pO1xuICB9XG59XG4iXX0=
|