@dereekb/dbx-web 9.23.2 → 9.23.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/calendar/package.json +2 -2
- package/esm2020/mapbox/lib/mapbox.marker.component.mjs +59 -28
- package/esm2020/mapbox/lib/mapbox.marker.mjs +2 -2
- package/fesm2015/dereekb-dbx-web-mapbox.mjs +61 -26
- package/fesm2015/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web-mapbox.mjs +59 -28
- package/fesm2020/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/mapbox/esm2020/lib/mapbox.marker.component.mjs +59 -28
- package/mapbox/esm2020/lib/mapbox.marker.mjs +2 -2
- package/mapbox/fesm2015/dereekb-dbx-web-mapbox.mjs +61 -26
- package/mapbox/fesm2015/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/mapbox/fesm2020/dereekb-dbx-web-mapbox.mjs +59 -28
- package/mapbox/fesm2020/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/mapbox/lib/mapbox.marker.component.d.ts +3 -6
- package/mapbox/lib/mapbox.marker.d.ts +17 -2
- 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.23.
|
|
3
|
+
"version": "9.23.4",
|
|
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.23.
|
|
11
|
+
"@dereekb/dbx-web": "9.23.4"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0"
|
|
@@ -34,25 +34,30 @@ export class DbxMapboxMarkerComponent {
|
|
|
34
34
|
let width = 0;
|
|
35
35
|
let height = 0;
|
|
36
36
|
const size = this._marker?.size || 'medium';
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
37
|
+
switch (this.presentation) {
|
|
38
|
+
case 'normal':
|
|
39
|
+
if (typeof size === 'number') {
|
|
40
|
+
width = size;
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
switch (size) {
|
|
44
|
+
case 'small':
|
|
45
|
+
width = 18;
|
|
46
|
+
break;
|
|
47
|
+
case 'medium':
|
|
48
|
+
width = 24;
|
|
49
|
+
break;
|
|
50
|
+
case 'large':
|
|
51
|
+
width = 32;
|
|
52
|
+
break;
|
|
53
|
+
case 'tall':
|
|
54
|
+
width = 24;
|
|
55
|
+
height = 32;
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
50
58
|
break;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
height = 32;
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
59
|
+
}
|
|
60
|
+
break;
|
|
56
61
|
}
|
|
57
62
|
if (!height) {
|
|
58
63
|
height = width;
|
|
@@ -61,13 +66,39 @@ export class DbxMapboxMarkerComponent {
|
|
|
61
66
|
const image = imageInput ? (typeof imageInput === 'string' ? imageInput : getValueFromGetter(imageInput, width)) : undefined;
|
|
62
67
|
const style = {
|
|
63
68
|
...this._marker?.style,
|
|
64
|
-
width: width + 'px',
|
|
65
|
-
height: height + 'px',
|
|
66
|
-
'font-size': width + 'px',
|
|
67
69
|
'background-image': image
|
|
68
70
|
};
|
|
71
|
+
if (width && height) {
|
|
72
|
+
style.width = width + 'px';
|
|
73
|
+
style.height = height + 'px';
|
|
74
|
+
style['font-size'] = width + 'px';
|
|
75
|
+
}
|
|
69
76
|
return style;
|
|
70
77
|
}
|
|
78
|
+
get presentation() {
|
|
79
|
+
return this._marker.presentation ?? 'normal';
|
|
80
|
+
}
|
|
81
|
+
get presentationClasses() {
|
|
82
|
+
const presentation = this.presentation;
|
|
83
|
+
const markerClasses = this._marker.markerClasses;
|
|
84
|
+
let cssClasses = '';
|
|
85
|
+
switch (presentation) {
|
|
86
|
+
case 'chip':
|
|
87
|
+
case 'chip-small':
|
|
88
|
+
cssClasses = 'dbx-mapbox-marker-chip dbx-chip mat-standard-chip dbx-bg';
|
|
89
|
+
if (presentation === 'chip-small') {
|
|
90
|
+
cssClasses += ' dbx-chip-small';
|
|
91
|
+
}
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
if (!this.icon) {
|
|
95
|
+
cssClasses += ' dbx-mapbox-marker-no-icon';
|
|
96
|
+
}
|
|
97
|
+
if (markerClasses) {
|
|
98
|
+
cssClasses += markerClasses;
|
|
99
|
+
}
|
|
100
|
+
return cssClasses;
|
|
101
|
+
}
|
|
71
102
|
ngOnDestroy() {
|
|
72
103
|
this._dbxMapboxChangeService?.emitMarkerDestroyed();
|
|
73
104
|
}
|
|
@@ -77,32 +108,32 @@ DbxMapboxMarkerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
|
|
|
77
108
|
DbxMapboxMarkerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: { marker: "marker" }, ngImport: i0, template: `
|
|
78
109
|
<mgl-marker [lngLat]="latLng">
|
|
79
110
|
<dbx-anchor [anchor]="anchor">
|
|
80
|
-
<div class="dbx-mapbox-marker">
|
|
81
|
-
<div class="dbx-mapbox-marker-content" [ngStyle]="style">
|
|
111
|
+
<div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
|
|
112
|
+
<div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
|
|
82
113
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
83
114
|
</div>
|
|
84
115
|
<div class="dbx-mapbox-marker-label dbx-outlined-text" *ngIf="label">{{ label }}</div>
|
|
85
116
|
</div>
|
|
86
117
|
</dbx-anchor>
|
|
87
118
|
</mgl-marker>
|
|
88
|
-
`, isInline: true, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i5.MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag", "dragStart", "dragEnd", "drag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
119
|
+
`, isInline: true, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip{flex-direction:row;font-size:1em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-icon-content{width:18px;height:18px;font-size:18px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-label{padding-left:3px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-icon-content{padding:0!important;width:16px;height:16px;font-size:16px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i5.MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag", "dragStart", "dragEnd", "drag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
89
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
|
|
90
121
|
type: Component,
|
|
91
122
|
args: [{ selector: 'dbx-mapbox-marker', template: `
|
|
92
123
|
<mgl-marker [lngLat]="latLng">
|
|
93
124
|
<dbx-anchor [anchor]="anchor">
|
|
94
|
-
<div class="dbx-mapbox-marker">
|
|
95
|
-
<div class="dbx-mapbox-marker-content" [ngStyle]="style">
|
|
125
|
+
<div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
|
|
126
|
+
<div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
|
|
96
127
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
97
128
|
</div>
|
|
98
129
|
<div class="dbx-mapbox-marker-label dbx-outlined-text" *ngIf="label">{{ label }}</div>
|
|
99
130
|
</div>
|
|
100
131
|
</dbx-anchor>
|
|
101
132
|
</mgl-marker>
|
|
102
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}\n"] }]
|
|
133
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip{flex-direction:row;font-size:1em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-icon-content{width:18px;height:18px;font-size:18px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-label{padding-left:3px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-icon-content{padding:0!important;width:16px;height:16px;font-size:16px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}\n"] }]
|
|
103
134
|
}], ctorParameters: function () { return [{ type: i1.DbxMapboxChangeService, decorators: [{
|
|
104
135
|
type: Optional
|
|
105
136
|
}] }]; }, propDecorators: { marker: [{
|
|
106
137
|
type: Input
|
|
107
138
|
}] } });
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
139
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYm94Lm1hcmtlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL21hcGJveC9zcmMvbGliL21hcGJveC5tYXJrZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7QUFvQmpFLE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsWUFBeUMsdUJBQWdEO1FBQWhELDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBeUI7SUFBRyxDQUFDO0lBRTdGLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBSSxNQUFNLENBQUMsTUFBdUI7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO1FBQ25DLE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUMxRSxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENB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QUFFLElBQUksRUFBRSxDQUFDLENBQUM7c0hBRHZELHdCQUF3QjswR0FBeEIsd0JBQXdCLHVGQWZ6Qjs7Ozs7Ozs7Ozs7R0FXVDs0RkFJVSx3QkFBd0I7a0JBakJwQyxTQUFTOytCQUNFLG1CQUFtQixZQUNuQjs7Ozs7Ozs7Ozs7R0FXVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs7MEJBT2xDLFFBQVE7NENBR2pCLE1BQU07c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRWYWx1ZUZyb21HZXR0ZXIsIGxhdExuZ1BvaW50RnVuY3Rpb24gfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieE1hcGJveENoYW5nZVNlcnZpY2UgfSBmcm9tICcuL21hcGJveC5jaGFuZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBEYnhNYXBib3hNYXJrZXIgfSBmcm9tICcuL21hcGJveC5tYXJrZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtbWFwYm94LW1hcmtlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1nbC1tYXJrZXIgW2xuZ0xhdF09XCJsYXRMbmdcIj5cbiAgICAgIDxkYngtYW5jaG9yIFthbmNob3JdPVwiYW5jaG9yXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkYngtbWFwYm94LW1hcmtlclwiIFtuZ0NsYXNzXT1cInByZXNlbnRhdGlvbkNsYXNzZXNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGJ4LW1hcGJveC1tYXJrZXItaWNvbi1jb250ZW50XCIgW25nU3R5bGVdPVwic3R5bGVcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25cIj57eyBpY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGJ4LW1hcGJveC1tYXJrZXItbGFiZWwgZGJ4LW91dGxpbmVkLXRleHRcIiAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2RieC1hbmNob3I+XG4gICAgPC9tZ2wtbWFya2VyPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9tYXBib3gubWFya2VyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieE1hcGJveE1hcmtlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgc3RhdGljIF9sYXRMbmdQb2ludCA9IGxhdExuZ1BvaW50RnVuY3Rpb24oeyB3cmFwOiB0cnVlIH0pO1xuXG4gIHByaXZhdGUgX21hcmtlciE6IERieE1hcGJveE1hcmtlcjtcblxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcml2YXRlIHJlYWRvbmx5IF9kYnhNYXBib3hDaGFuZ2VTZXJ2aWNlPzogRGJ4TWFwYm94Q2hhbmdlU2VydmljZSkge31cblxuICBASW5wdXQoKVxuICBnZXQgbWFya2VyKCkge1xuICAgIHJldHVybiB0aGlzLl9tYXJrZXI7XG4gIH1cblxuICBzZXQgbWFya2VyKG1hcmtlcjogRGJ4TWFwYm94TWFya2VyKSB7XG4gICAgdGhpcy5fbWFya2VyID0gbWFya2VyO1xuICB9XG5cbiAgZ2V0IGxhdExuZygpIHtcbiAgICBjb25zdCBpbnB1dCA9IHRoaXMuX21hcmtlcj8ubGF0TG5nO1xuICAgIHJldHVybiBpbnB1dCA/IERieE1hcGJveE1hcmtlckNvbXBvbmVudC5fbGF0TG5nUG9pbnQoaW5wdXQpIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgZ2V0IGFuY2hvcigpIHtcbiAgICByZXR1cm4gdGhpcy5fbWFya2VyPy5hbmNob3I7XG4gIH1cblxuICBnZXQgbGFiZWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuX21hcmtlcj8ubGFiZWw7XG4gIH1cblxuICBnZXQgaWNvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fbWFya2VyPy5pY29uO1xuICB9XG5cbiAgZ2V0IHN0eWxlKCkge1xuICAgIGxldCB3aWR0aCA9IDA7XG4gICAgbGV0IGhlaWdodCA9IDA7XG5cbiAgICBjb25zdCBzaXplID0gdGhpcy5fbWFya2VyPy5zaXplIHx8ICdtZWRpdW0nO1xuXG4gICAgc3dpdGNoICh0aGlzLnByZXNlbnRhdGlvbikge1xuICAgICAgY2FzZSAnbm9ybWFsJzpcbiAgICAgICAgaWYgKHR5cGVvZiBzaXplID09PSAnbnVtYmVyJykge1xuICAgICAgICAgIHdpZHRoID0gc2l6ZTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgICAgICAgIGNhc2UgJ3NtYWxsJzpcbiAgICAgICAgICAgICAgd2lkdGggPSAxODtcbiAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdtZWRpdW0nOlxuICAgICAgICAgICAgICB3aWR0aCA9IDI0O1xuICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ2xhcmdlJzpcbiAgICAgICAgICAgICAgd2lkdGggPSAzMjtcbiAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICd0YWxsJzpcbiAgICAgICAgICAgICAgd2lkdGggPSAyNDtcbiAgICAgICAgICAgICAgaGVpZ2h0ID0gMzI7XG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICBpZiAoIWhlaWdodCkge1xuICAgICAgaGVpZ2h0ID0gd2lkdGg7XG4gICAgfVxuXG4gICAgY29uc3QgaW1hZ2VJbnB1dCA9IHRoaXMuX21hcmtlcj8uaW1hZ2U7XG4gICAgY29uc3QgaW1hZ2UgPSBpbWFnZUlucHV0ID8gKHR5cGVvZiBpbWFnZUlucHV0ID09PSAnc3RyaW5nJyA/IGltYWdlSW5wdXQgOiBnZXRWYWx1ZUZyb21HZXR0ZXIoaW1hZ2VJbnB1dCwgd2lkdGgpKSA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHN0eWxlOiBhbnkgPSB7XG4gICAgICAuLi50aGlzLl9tYXJrZXI/LnN0eWxlLFxuICAgICAgJ2JhY2tncm91bmQtaW1hZ2UnOiBpbWFnZVxuICAgIH07XG5cbiAgICBpZiAod2lkdGggJiYgaGVpZ2h0KSB7XG4gICAgICBzdHlsZS53aWR0aCA9IHdpZHRoICsgJ3B4JztcbiAgICAgIHN0eWxlLmhlaWdodCA9IGhlaWdodCArICdweCc7XG4gICAgICBzdHlsZVsnZm9udC1zaXplJ10gPSB3aWR0aCArICdweCc7XG4gICAgfVxuXG4gICAgcmV0dXJuIHN0eWxlO1xuICB9XG5cbiAgZ2V0IHByZXNlbnRhdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5fbWFya2VyLnByZXNlbnRhdGlvbiA/PyAnbm9ybWFsJztcbiAgfVxuXG4gIGdldCBwcmVzZW50YXRpb25DbGFzc2VzKCkge1xuICAgIGNvbnN0IHByZXNlbnRhdGlvbiA9IHRoaXMucHJlc2VudGF0aW9uO1xuICAgIGNvbnN0IG1hcmtlckNsYXNzZXMgPSB0aGlzLl9tYXJrZXIubWFya2VyQ2xhc3NlcztcblxuICAgIGxldCBjc3NDbGFzc2VzOiBzdHJpbmcgPSAnJztcblxuICAgIHN3aXRjaCAocHJlc2VudGF0aW9uKSB7XG4gICAgICBjYXNlICdjaGlwJzpcbiAgICAgIGNhc2UgJ2NoaXAtc21hbGwnOlxuICAgICAgICBjc3NDbGFzc2VzID0gJ2RieC1tYXBib3gtbWFya2VyLWNoaXAgZGJ4LWNoaXAgbWF0LXN0YW5kYXJkLWNoaXAgZGJ4LWJnJztcblxuICAgICAgICBpZiAocHJlc2VudGF0aW9uID09PSAnY2hpcC1zbWFsbCcpIHtcbiAgICAgICAgICBjc3NDbGFzc2VzICs9ICcgZGJ4LWNoaXAtc21hbGwnO1xuICAgICAgICB9XG5cbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmljb24pIHtcbiAgICAgIGNzc0NsYXNzZXMgKz0gJyBkYngtbWFwYm94LW1hcmtlci1uby1pY29uJztcbiAgICB9XG5cbiAgICBpZiAobWFya2VyQ2xhc3Nlcykge1xuICAgICAgY3NzQ2xhc3NlcyArPSBtYXJrZXJDbGFzc2VzO1xuICAgIH1cblxuICAgIHJldHVybiBjc3NDbGFzc2VzO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fZGJ4TWFwYm94Q2hhbmdlU2VydmljZT8uZW1pdE1hcmtlckRlc3Ryb3llZCgpO1xuICB9XG59XG4iXX0=
|
|
@@ -9,8 +9,8 @@ export function dbxMapboxColoredDotStyle(background, color) {
|
|
|
9
9
|
return {
|
|
10
10
|
background,
|
|
11
11
|
padding: '2px',
|
|
12
|
-
color: color
|
|
12
|
+
color: color ?? background ? 'white' : undefined,
|
|
13
13
|
'border-radius': '50%'
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYm94Lm1hcmtlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvbWFwYm94L3NyYy9saWIvbWFwYm94Lm1hcmtlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5REE7Ozs7OztHQU1HO0FBQ0gsTUFBTSxVQUFVLHdCQUF3QixDQUFDLFVBQWtCLEVBQUUsS0FBYztJQUN6RSxPQUFPO1FBQ0wsVUFBVTtRQUNWLE9BQU8sRUFBRSxLQUFLO1FBQ2QsS0FBSyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUztRQUNoRCxlQUFlLEVBQUUsS0FBSztLQUN2QixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsaWNrYWJsZUFuY2hvciB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IFBpeGVscywgRmFjdG9yeVdpdGhSZXF1aXJlZElucHV0LCBMYXRMbmdJbnB1dFJlZiwgVW5pcXVlTW9kZWwgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuLyoqXG4gKiBEYnhNYXBib3hNYXJrZXJTaXplLiBOdW1iZXJzIGFyZSBjb252ZXJ0ZWQgdG8gcGl4ZWxzLlxuICovXG5leHBvcnQgdHlwZSBEYnhNYXBib3hNYXJrZXJTaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd0YWxsJyB8IFBpeGVscztcblxuLyoqXG4gKiBQcmVzZW50YXRpb24gc3R5bGUuXG4gKlxuICogLSBub3JtYWw6IFRleHQgdW5kZXIgZG90IHdpdGggb3B0aW9uYWwgaWNvbiB3aXRoaW4gZG90XG4gKiAtIGNoaXA6IFwiZGJ4LWNoaXBcIi1saWtlIHByZXNlbnRhdGlvblxuICovXG5leHBvcnQgdHlwZSBEYnhNYXBib3hNYXJrZXJQcmVzZW50YXRpb24gPSAnbm9ybWFsJyB8ICdjaGlwJyB8ICdjaGlwLXNtYWxsJztcblxuZXhwb3J0IHR5cGUgRGJ4TWFwYm94TWFya2VyID0gVW5pcXVlTW9kZWwgJlxuICBMYXRMbmdJbnB1dFJlZiAmIHtcbiAgICAvKipcbiAgICAgKiBQcmVzZW50YXRpb24gc3R5bGUuIERlZmF1bHRzIHRvIFwibm9ybWFsXCJcbiAgICAgKi9cbiAgICBwcmVzZW50YXRpb24/OiBEYnhNYXBib3hNYXJrZXJQcmVzZW50YXRpb247XG4gICAgLyoqXG4gICAgICogQWRkaXRpb25hbCBjbGFzc2VzIHRvIGFkZCB0byB0aGUgbWFya2VyLlxuICAgICAqL1xuICAgIG1hcmtlckNsYXNzZXM/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogaWNvblxuICAgICAqL1xuICAgIGljb24/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogbGFiZWxcbiAgICAgKi9cbiAgICBsYWJlbD86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBJbWFnZSBVUkxcbiAgICAgKi9cbiAgICBpbWFnZT86IHN0cmluZyB8IEZhY3RvcnlXaXRoUmVxdWlyZWRJbnB1dDxzdHJpbmcsIFBpeGVscz47XG4gICAgLyoqXG4gICAgICogU2l6ZSBvZiB0aGUgbWFya2VyLlxuICAgICAqL1xuICAgIHNpemU/OiBEYnhNYXBib3hNYXJrZXJTaXplO1xuICAgIC8qKlxuICAgICAqIEFuY2hvclxuICAgICAqL1xuICAgIGFuY2hvcj86IENsaWNrYWJsZUFuY2hvcjtcbiAgICAvKipcbiAgICAgKiBBZGRpdGlvbmFsIGNvbnRlbnQgc3R5bGluZ1xuICAgICAqL1xuICAgIHN0eWxlPzogb2JqZWN0O1xuICB9O1xuXG4vKipcbiAqIE1hcEZ1bmN0aW9uIHRoYXQgY29udmVydHMgdGhlIGlucHV0IGRhdGEgdG8gYSBEYnhNYXBib3hNYXJrZXIuXG4gKi9cbmV4cG9ydCB0eXBlIERieE1hcGJveE1hcmtlckZhY3Rvcnk8VD4gPSAodmFsdWU6IFQsIGluZGV4OiBudW1iZXIpID0+IERieE1hcGJveE1hcmtlcjtcblxuLyoqXG4gKiBDcmVhdGVzIHRoZSBzdHlsaW5nIGZvciByZW5kZXJpbmcgYSBkb3QuXG4gKlxuICogQHBhcmFtIGJhY2tncm91bmRcbiAqIEBwYXJhbSBjb2xvclxuICogQHJldHVybnNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRieE1hcGJveENvbG9yZWREb3RTdHlsZShiYWNrZ3JvdW5kOiBzdHJpbmcsIGNvbG9yPzogc3RyaW5nKSB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZCxcbiAgICBwYWRkaW5nOiAnMnB4JyxcbiAgICBjb2xvcjogY29sb3IgPz8gYmFja2dyb3VuZCA/ICd3aGl0ZScgOiB1bmRlZmluZWQsXG4gICAgJ2JvcmRlci1yYWRpdXMnOiAnNTAlJ1xuICB9O1xufVxuIl19
|
|
@@ -955,34 +955,69 @@ class DbxMapboxMarkerComponent {
|
|
|
955
955
|
let width = 0;
|
|
956
956
|
let height = 0;
|
|
957
957
|
const size = ((_a = this._marker) === null || _a === void 0 ? void 0 : _a.size) || 'medium';
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
958
|
+
switch (this.presentation) {
|
|
959
|
+
case 'normal':
|
|
960
|
+
if (typeof size === 'number') {
|
|
961
|
+
width = size;
|
|
962
|
+
}
|
|
963
|
+
else {
|
|
964
|
+
switch (size) {
|
|
965
|
+
case 'small':
|
|
966
|
+
width = 18;
|
|
967
|
+
break;
|
|
968
|
+
case 'medium':
|
|
969
|
+
width = 24;
|
|
970
|
+
break;
|
|
971
|
+
case 'large':
|
|
972
|
+
width = 32;
|
|
973
|
+
break;
|
|
974
|
+
case 'tall':
|
|
975
|
+
width = 24;
|
|
976
|
+
height = 32;
|
|
977
|
+
break;
|
|
978
|
+
}
|
|
975
979
|
break;
|
|
976
|
-
|
|
980
|
+
}
|
|
981
|
+
break;
|
|
977
982
|
}
|
|
978
983
|
if (!height) {
|
|
979
984
|
height = width;
|
|
980
985
|
}
|
|
981
986
|
const imageInput = (_b = this._marker) === null || _b === void 0 ? void 0 : _b.image;
|
|
982
987
|
const image = imageInput ? (typeof imageInput === 'string' ? imageInput : getValueFromGetter(imageInput, width)) : undefined;
|
|
983
|
-
const style = Object.assign(Object.assign({}, (_c = this._marker) === null || _c === void 0 ? void 0 : _c.style), {
|
|
988
|
+
const style = Object.assign(Object.assign({}, (_c = this._marker) === null || _c === void 0 ? void 0 : _c.style), { 'background-image': image });
|
|
989
|
+
if (width && height) {
|
|
990
|
+
style.width = width + 'px';
|
|
991
|
+
style.height = height + 'px';
|
|
992
|
+
style['font-size'] = width + 'px';
|
|
993
|
+
}
|
|
984
994
|
return style;
|
|
985
995
|
}
|
|
996
|
+
get presentation() {
|
|
997
|
+
var _a;
|
|
998
|
+
return (_a = this._marker.presentation) !== null && _a !== void 0 ? _a : 'normal';
|
|
999
|
+
}
|
|
1000
|
+
get presentationClasses() {
|
|
1001
|
+
const presentation = this.presentation;
|
|
1002
|
+
const markerClasses = this._marker.markerClasses;
|
|
1003
|
+
let cssClasses = '';
|
|
1004
|
+
switch (presentation) {
|
|
1005
|
+
case 'chip':
|
|
1006
|
+
case 'chip-small':
|
|
1007
|
+
cssClasses = 'dbx-mapbox-marker-chip dbx-chip mat-standard-chip dbx-bg';
|
|
1008
|
+
if (presentation === 'chip-small') {
|
|
1009
|
+
cssClasses += ' dbx-chip-small';
|
|
1010
|
+
}
|
|
1011
|
+
break;
|
|
1012
|
+
}
|
|
1013
|
+
if (!this.icon) {
|
|
1014
|
+
cssClasses += ' dbx-mapbox-marker-no-icon';
|
|
1015
|
+
}
|
|
1016
|
+
if (markerClasses) {
|
|
1017
|
+
cssClasses += markerClasses;
|
|
1018
|
+
}
|
|
1019
|
+
return cssClasses;
|
|
1020
|
+
}
|
|
986
1021
|
ngOnDestroy() {
|
|
987
1022
|
var _a;
|
|
988
1023
|
(_a = this._dbxMapboxChangeService) === null || _a === void 0 ? void 0 : _a.emitMarkerDestroyed();
|
|
@@ -993,29 +1028,29 @@ DbxMapboxMarkerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
|
|
|
993
1028
|
DbxMapboxMarkerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: { marker: "marker" }, ngImport: i0, template: `
|
|
994
1029
|
<mgl-marker [lngLat]="latLng">
|
|
995
1030
|
<dbx-anchor [anchor]="anchor">
|
|
996
|
-
<div class="dbx-mapbox-marker">
|
|
997
|
-
<div class="dbx-mapbox-marker-content" [ngStyle]="style">
|
|
1031
|
+
<div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
|
|
1032
|
+
<div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
|
|
998
1033
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
999
1034
|
</div>
|
|
1000
1035
|
<div class="dbx-mapbox-marker-label dbx-outlined-text" *ngIf="label">{{ label }}</div>
|
|
1001
1036
|
</div>
|
|
1002
1037
|
</dbx-anchor>
|
|
1003
1038
|
</mgl-marker>
|
|
1004
|
-
`, isInline: true, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i1.MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag", "dragStart", "dragEnd", "drag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1039
|
+
`, isInline: true, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip{flex-direction:row;font-size:1em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-icon-content{width:18px;height:18px;font-size:18px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-label{padding-left:3px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-icon-content{padding:0!important;width:16px;height:16px;font-size:16px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "component", type: i1.MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag", "dragStart", "dragEnd", "drag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1005
1040
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
|
|
1006
1041
|
type: Component,
|
|
1007
1042
|
args: [{ selector: 'dbx-mapbox-marker', template: `
|
|
1008
1043
|
<mgl-marker [lngLat]="latLng">
|
|
1009
1044
|
<dbx-anchor [anchor]="anchor">
|
|
1010
|
-
<div class="dbx-mapbox-marker">
|
|
1011
|
-
<div class="dbx-mapbox-marker-content" [ngStyle]="style">
|
|
1045
|
+
<div class="dbx-mapbox-marker" [ngClass]="presentationClasses">
|
|
1046
|
+
<div class="dbx-mapbox-marker-icon-content" [ngStyle]="style">
|
|
1012
1047
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
1013
1048
|
</div>
|
|
1014
1049
|
<div class="dbx-mapbox-marker-label dbx-outlined-text" *ngIf="label">{{ label }}</div>
|
|
1015
1050
|
</div>
|
|
1016
1051
|
</dbx-anchor>
|
|
1017
1052
|
</mgl-marker>
|
|
1018
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}\n"] }]
|
|
1053
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".dbx-mapbox-marker{display:flex;align-items:center;flex-direction:column}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content{display:flex;align-items:center;justify-content:center}.dbx-mapbox-marker .dbx-mapbox-marker-icon-content mat-icon{width:100%;height:100%;font-size:inherit}.dbx-mapbox-marker .dbx-mapbox-marker-label{font-size:.9em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip{flex-direction:row;font-size:1em}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-icon-content{width:18px;height:18px;font-size:18px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-label{padding-left:3px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-chip-small .dbx-mapbox-marker-icon-content{padding:0!important;width:16px;height:16px;font-size:16px}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}\n"] }]
|
|
1019
1054
|
}], ctorParameters: function () {
|
|
1020
1055
|
return [{ type: DbxMapboxChangeService, decorators: [{
|
|
1021
1056
|
type: Optional
|
|
@@ -1173,7 +1208,7 @@ function dbxMapboxColoredDotStyle(background, color) {
|
|
|
1173
1208
|
return {
|
|
1174
1209
|
background,
|
|
1175
1210
|
padding: '2px',
|
|
1176
|
-
color: color
|
|
1211
|
+
color: (color !== null && color !== void 0 ? color : background) ? 'white' : undefined,
|
|
1177
1212
|
'border-radius': '50%'
|
|
1178
1213
|
};
|
|
1179
1214
|
}
|