@dereekb/dbx-web 13.43.0 → 14.0.0
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/eslint/index.esm.js +9 -5
- package/eslint/package.json +9 -9
- package/fesm2022/dereekb-dbx-web-calendar.mjs +14 -13
- package/fesm2022/dereekb-dbx-web-calendar.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-docs.mjs +30 -32
- package/fesm2022/dereekb-dbx-web-docs.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-mapbox.mjs +111 -99
- package/fesm2022/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-style-demo.mjs +90 -91
- package/fesm2022/dereekb-dbx-web-style-demo.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-table.mjs +149 -157
- package/fesm2022/dereekb-dbx-web-table.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web.mjs +2663 -2672
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/package.json +20 -20
- package/types/dereekb-dbx-web-mapbox.d.ts +1 -5
- package/types/dereekb-dbx-web.d.ts +121 -321
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Injectable,
|
|
2
|
+
import { inject, Injectable, Component, Directive, Optional, SkipSelf, Injector, output, viewChild, ElementRef, input, signal, effect, computed, NgModule, provideAppInitializer, makeEnvironmentProviders } from '@angular/core';
|
|
3
3
|
import { asObservable, cleanup, filterMaybe, onTrueToFalse, SubscriptionObject, distinctUntilMapHasDifferentKeys } from '@dereekb/rxjs';
|
|
4
4
|
import { distinctUntilChanged, switchMap, map, combineLatestWith, shareReplay, NEVER, defaultIfEmpty, tap, EMPTY, interval, of, first, combineLatest, filter, startWith, throttleTime, Subject, merge, delay } from 'rxjs';
|
|
5
5
|
import { latLngPoint, LAT_LONG_10M_PRECISION, latLngPointFunction, roundNumberToStepFunction, latLngBoundFunction, latLngBoundFromInput, filterUndefinedValues, diffLatLngBoundPoints, latLngBoundCenterPoint, addLatLngPoints, isSameLatLngPoint, isSameVector, vectorMinimumSizeResizeFunction, isSameLatLngBound, isDefaultLatLngPoint, swMostLatLngPoint, neMostLatLngPoint, latLngBoundWrapsMap, isWithinLatLngBoundFunction, overlapsLatLngBoundFunction, isNotFalse, DestroyFunctionObject, getValueFromGetter, pushItemOrArrayItemsIntoArray, spaceSeparatedCssClasses } from '@dereekb/util';
|
|
@@ -60,10 +60,10 @@ class DbxMapboxService {
|
|
|
60
60
|
center: latLngPoint(this.defaultCenter)
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
64
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
64
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxService });
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxService, decorators: [{
|
|
67
67
|
type: Injectable
|
|
68
68
|
}] });
|
|
69
69
|
|
|
@@ -609,10 +609,10 @@ class DbxMapboxMapStore extends ComponentStore {
|
|
|
609
609
|
_setError = this.updater((state, error) => ({ ...state, error }));
|
|
610
610
|
clearDrawerContent = this.updater((state) => setDrawerContent(state, undefined));
|
|
611
611
|
setDrawerContent = this.updater(setDrawerContent);
|
|
612
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
613
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
612
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
613
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStore });
|
|
614
614
|
}
|
|
615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
615
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStore, decorators: [{
|
|
616
616
|
type: Injectable
|
|
617
617
|
}], ctorParameters: () => [] });
|
|
618
618
|
function setDrawerContent(state, drawerContent) {
|
|
@@ -644,10 +644,10 @@ class DbxMapboxChangeService {
|
|
|
644
644
|
this._applyChanges.complete();
|
|
645
645
|
this._applyChangesSub.destroy();
|
|
646
646
|
}
|
|
647
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
648
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
647
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxChangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
648
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxChangeService, providedIn: null });
|
|
649
649
|
}
|
|
650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxChangeService, decorators: [{
|
|
651
651
|
type: Injectable,
|
|
652
652
|
args: [{
|
|
653
653
|
providedIn: null
|
|
@@ -668,10 +668,10 @@ class DbxMapboxInjectionStore extends ComponentStore {
|
|
|
668
668
|
// MARK: State Changes
|
|
669
669
|
addInjectionConfig = this.updater(updateDbxMapboxMapInjectionStoreStateWithInjectionConfig);
|
|
670
670
|
removeInjectionConfigWithKey = this.updater(updateDbxMapboxMapInjectionStoreStateWithRemovedKey);
|
|
671
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
672
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
671
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
672
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStore });
|
|
673
673
|
}
|
|
674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStore, decorators: [{
|
|
675
675
|
type: Injectable
|
|
676
676
|
}], ctorParameters: () => [] });
|
|
677
677
|
/**
|
|
@@ -708,21 +708,19 @@ function updateDbxMapboxMapInjectionStoreStateWithRemovedKey(state, key) {
|
|
|
708
708
|
class DbxMapboxInjectionComponent {
|
|
709
709
|
dbxMapboxMapKeyInjectionStore = inject(DbxMapboxInjectionStore);
|
|
710
710
|
entriesSignal = toSignal(this.dbxMapboxMapKeyInjectionStore.allInjectionConfigs$);
|
|
711
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
712
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
711
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
712
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxInjectionComponent, isStandalone: true, selector: "dbx-mapbox-injection", ngImport: i0, template: `
|
|
713
713
|
<dbx-injection-array [entries]="entriesSignal()"></dbx-injection-array>
|
|
714
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionArrayComponent, selector: "dbx-injection-array", inputs: ["entries"] }]
|
|
714
|
+
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionArrayComponent, selector: "dbx-injection-array", inputs: ["entries"] }] });
|
|
715
715
|
}
|
|
716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionComponent, decorators: [{
|
|
717
717
|
type: Component,
|
|
718
718
|
args: [{
|
|
719
719
|
selector: 'dbx-mapbox-injection',
|
|
720
720
|
template: `
|
|
721
721
|
<dbx-injection-array [entries]="entriesSignal()"></dbx-injection-array>
|
|
722
722
|
`,
|
|
723
|
-
imports: [DbxInjectionArrayComponent]
|
|
724
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
725
|
-
standalone: true
|
|
723
|
+
imports: [DbxInjectionArrayComponent]
|
|
726
724
|
}]
|
|
727
725
|
}] });
|
|
728
726
|
|
|
@@ -731,22 +729,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
731
729
|
*/
|
|
732
730
|
class DbxMapboxInjectionStoreProviderBlock {
|
|
733
731
|
dbxMapboxInjectionStore = inject(DbxMapboxInjectionStore, { skipSelf: true });
|
|
734
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
735
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
732
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
733
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock });
|
|
736
734
|
}
|
|
737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, decorators: [{
|
|
738
736
|
type: Injectable
|
|
739
737
|
}] });
|
|
740
738
|
class DbxMapboxInjectionStoreInjectionBlockDirective {
|
|
741
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
742
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
739
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
740
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxInjectionStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxInjectionStoreParentBlocker]", providers: [DbxMapboxInjectionStoreProviderBlock], ngImport: i0 });
|
|
743
741
|
}
|
|
744
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, decorators: [{
|
|
745
743
|
type: Directive,
|
|
746
744
|
args: [{
|
|
747
745
|
selector: '[dbxMapboxInjectionStoreParentBlocker]',
|
|
748
|
-
providers: [DbxMapboxInjectionStoreProviderBlock]
|
|
749
|
-
standalone: true
|
|
746
|
+
providers: [DbxMapboxInjectionStoreProviderBlock]
|
|
750
747
|
}]
|
|
751
748
|
}] });
|
|
752
749
|
/**
|
|
@@ -788,8 +785,8 @@ class DbxMapboxMapDirective {
|
|
|
788
785
|
this.dbxMapboxMapStore.setMapService(this.mapService);
|
|
789
786
|
}
|
|
790
787
|
}
|
|
791
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
792
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
788
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
789
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxMapDirective, isStandalone: true, selector: "[dbxMapboxMap]", providers: [
|
|
793
790
|
{
|
|
794
791
|
provide: MAP_COMPONENT_INITIALIZATION_OPTIONS,
|
|
795
792
|
useFactory: (dbxMapboxService) => dbxMapboxService.initializationOptions(),
|
|
@@ -797,7 +794,7 @@ class DbxMapboxMapDirective {
|
|
|
797
794
|
}
|
|
798
795
|
], ngImport: i0 });
|
|
799
796
|
}
|
|
800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapDirective, decorators: [{
|
|
801
798
|
type: Directive,
|
|
802
799
|
args: [{
|
|
803
800
|
selector: '[dbxMapboxMap]',
|
|
@@ -807,8 +804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
807
804
|
useFactory: (dbxMapboxService) => dbxMapboxService.initializationOptions(),
|
|
808
805
|
deps: [DbxMapboxService]
|
|
809
806
|
}
|
|
810
|
-
]
|
|
811
|
-
standalone: true
|
|
807
|
+
]
|
|
812
808
|
}]
|
|
813
809
|
}], ctorParameters: () => [] });
|
|
814
810
|
|
|
@@ -818,14 +814,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
818
814
|
class DbxMapboxLayoutDrawerComponent {
|
|
819
815
|
dbxMapboxMapStore = inject(DbxMapboxMapStore);
|
|
820
816
|
drawerConfigSignal = toSignal(this.dbxMapboxMapStore.drawerContent$);
|
|
821
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
822
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
817
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
818
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxLayoutDrawerComponent, isStandalone: true, selector: "dbx-mapbox-layout-drawer", host: { classAttribute: "dbx-mapbox-layout-drawer" }, ngImport: i0, template: "<div>\n <dbx-injection [config]=\"drawerConfigSignal()\"></dbx-injection>\n</div>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
|
|
823
819
|
}
|
|
824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, decorators: [{
|
|
825
821
|
type: Component,
|
|
826
822
|
args: [{ selector: 'dbx-mapbox-layout-drawer', host: {
|
|
827
823
|
class: 'dbx-mapbox-layout-drawer'
|
|
828
|
-
}, imports: [DbxInjectionComponent],
|
|
824
|
+
}, imports: [DbxInjectionComponent], template: "<div>\n <dbx-injection [config]=\"drawerConfigSignal()\"></dbx-injection>\n</div>\n" }]
|
|
829
825
|
}] });
|
|
830
826
|
|
|
831
827
|
/**
|
|
@@ -841,31 +837,39 @@ class DbxMapboxLayoutComponent {
|
|
|
841
837
|
_viewResized = completeOnDestroy(new Subject());
|
|
842
838
|
_refreshContentMargins = completeOnDestroy(new Subject());
|
|
843
839
|
drawerOpenedChange = output();
|
|
844
|
-
drawerContainer = viewChild.required(MatDrawerContainer
|
|
845
|
-
|
|
846
|
-
|
|
840
|
+
drawerContainer = viewChild.required(MatDrawerContainer, /* @ts-ignore */
|
|
841
|
+
...(ngDevMode ? [{ debugName: "drawerContainer" }] : /* istanbul ignore next */ []));
|
|
842
|
+
drawerContainerElement = viewChild.required(MatDrawerContainer, { ...(ngDevMode ? { debugName: "drawerContainerElement" } : /* istanbul ignore next */ {}), read: (ElementRef) });
|
|
843
|
+
drawerContent = viewChild.required('drawerContent', /* @ts-ignore */
|
|
844
|
+
...(ngDevMode ? [{ debugName: "drawerContent" }] : /* istanbul ignore next */ []));
|
|
847
845
|
side = input('right', { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), transform: (x) => x || 'right' });
|
|
848
846
|
mode = input('side', { ...(ngDevMode ? { debugName: "mode" } : /* istanbul ignore next */ {}), transform: (x) => x || 'side' });
|
|
849
847
|
/**
|
|
850
848
|
* Forces the drawer to assume the drawer has content if true, or assume it has no content if false.
|
|
851
849
|
*/
|
|
852
|
-
forceHasDrawerContent = input(undefined,
|
|
850
|
+
forceHasDrawerContent = input(undefined, /* @ts-ignore */
|
|
851
|
+
...(ngDevMode ? [{ debugName: "forceHasDrawerContent" }] : /* istanbul ignore next */ []));
|
|
853
852
|
drawerButtonColor = input('default', { ...(ngDevMode ? { debugName: "drawerButtonColor" } : /* istanbul ignore next */ {}), transform: (x) => x ?? 'default' });
|
|
854
|
-
openDrawer = input(undefined,
|
|
855
|
-
|
|
853
|
+
openDrawer = input(undefined, /* @ts-ignore */
|
|
854
|
+
...(ngDevMode ? [{ debugName: "openDrawer" }] : /* istanbul ignore next */ [])); // input open/close drawer config
|
|
855
|
+
isDrawerOpenSignal = signal(undefined, /* @ts-ignore */
|
|
856
|
+
...(ngDevMode ? [{ debugName: "isDrawerOpenSignal" }] : /* istanbul ignore next */ [])); // Signal to toggle the drawer
|
|
856
857
|
_openDrawerEffect = effect(() => {
|
|
857
858
|
this.isDrawerOpenSignal.set(this.openDrawer());
|
|
858
|
-
},
|
|
859
|
+
}, /* @ts-ignore */
|
|
860
|
+
...(ngDevMode ? [{ debugName: "_openDrawerEffect" }] : /* istanbul ignore next */ []));
|
|
859
861
|
storeHasDrawerContent = toSignal(this.dbxMapboxMapStore.hasDrawerContent$);
|
|
860
862
|
drawerHasContentSignal = computed(() => {
|
|
861
863
|
const storeHasDrawerContent = this.storeHasDrawerContent();
|
|
862
864
|
return this.forceHasDrawerContent() ?? storeHasDrawerContent;
|
|
863
|
-
},
|
|
865
|
+
}, /* @ts-ignore */
|
|
866
|
+
...(ngDevMode ? [{ debugName: "drawerHasContentSignal" }] : /* istanbul ignore next */ []));
|
|
864
867
|
refreshContentMargins$ = this._refreshContentMargins;
|
|
865
868
|
isOpenAndHasContentSignal = computed(() => {
|
|
866
869
|
const isDrawerOpen = this.isDrawerOpenSignal();
|
|
867
870
|
return this.drawerHasContentSignal() && isDrawerOpen;
|
|
868
|
-
},
|
|
871
|
+
}, /* @ts-ignore */
|
|
872
|
+
...(ngDevMode ? [{ debugName: "isOpenAndHasContentSignal" }] : /* istanbul ignore next */ []));
|
|
869
873
|
viewResized$ = this._viewResized.asObservable();
|
|
870
874
|
side$ = toObservable(this.side);
|
|
871
875
|
mode$ = toObservable(this.mode);
|
|
@@ -873,13 +877,15 @@ class DbxMapboxLayoutComponent {
|
|
|
873
877
|
isOpenAndHasContent$ = toObservable(this.isOpenAndHasContentSignal);
|
|
874
878
|
positionSignal = computed(() => {
|
|
875
879
|
return this.side() === 'right' ? 'end' : 'start';
|
|
876
|
-
},
|
|
880
|
+
}, /* @ts-ignore */
|
|
881
|
+
...(ngDevMode ? [{ debugName: "positionSignal" }] : /* istanbul ignore next */ []));
|
|
877
882
|
drawerClassesSignal = computed(() => {
|
|
878
883
|
const side = this.side();
|
|
879
884
|
const hasContent = this.drawerHasContentSignal();
|
|
880
885
|
const isOpen = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
|
|
881
886
|
return (hasContent ? 'has-drawer-content' : 'no-drawer-content') + ` ${side}-drawer ` + (isOpen ? 'open-drawer' : '');
|
|
882
|
-
},
|
|
887
|
+
}, /* @ts-ignore */
|
|
888
|
+
...(ngDevMode ? [{ debugName: "drawerClassesSignal" }] : /* istanbul ignore next */ []));
|
|
883
889
|
buttonIconSignal = computed(() => {
|
|
884
890
|
const side = this.side();
|
|
885
891
|
const opened = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
|
|
@@ -888,7 +894,8 @@ class DbxMapboxLayoutComponent {
|
|
|
888
894
|
icons = icons.reverse();
|
|
889
895
|
}
|
|
890
896
|
return opened ? icons[0] : icons[1];
|
|
891
|
-
},
|
|
897
|
+
}, /* @ts-ignore */
|
|
898
|
+
...(ngDevMode ? [{ debugName: "buttonIconSignal" }] : /* istanbul ignore next */ []));
|
|
892
899
|
_reszieSyncSub = cleanSubscription();
|
|
893
900
|
_toggleSyncSub = cleanSubscription();
|
|
894
901
|
ngOnInit() {
|
|
@@ -958,12 +965,12 @@ class DbxMapboxLayoutComponent {
|
|
|
958
965
|
open ??= !this.isDrawerOpenSignal();
|
|
959
966
|
this.isDrawerOpenSignal.set(open);
|
|
960
967
|
}
|
|
961
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
962
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
968
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
969
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.4", type: DbxMapboxLayoutComponent, isStandalone: true, selector: "dbx-mapbox-layout", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, forceHasDrawerContent: { classPropertyName: "forceHasDrawerContent", publicName: "forceHasDrawerContent", isSignal: true, isRequired: false, transformFunction: null }, drawerButtonColor: { classPropertyName: "drawerButtonColor", publicName: "drawerButtonColor", isSignal: true, isRequired: false, transformFunction: null }, openDrawer: { classPropertyName: "openDrawer", publicName: "openDrawer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawerOpenedChange: "drawerOpenedChange" }, host: { properties: { "style.--mat-sidenav-container-width": "dbxMapboxService.drawerWidth" } }, viewQueries: [{ propertyName: "drawerContainer", first: true, predicate: MatDrawerContainer, descendants: true, isSignal: true }, { propertyName: "drawerContainerElement", first: true, predicate: MatDrawerContainer, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "drawerContent", first: true, predicate: ["drawerContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-drawer-container #containerElement class=\"dbx-mapbox-layout-container\" [ngClass]=\"drawerClassesSignal()\" [hasBackdrop]=\"false\">\n <mat-drawer class=\"dbx-mapbox-layout-drawer\" #drawer (openedChange)=\"drawerOpened($event)\" [opened]=\"isOpenAndHasContentSignal()\" [mode]=\"mode()\" [position]=\"positionSignal()\">\n <div class=\"dbx-mapbox-layout-drawer-content\" [ngClass]=\"drawerClassesSignal()\">\n <ng-content select=\"[drawer]\"></ng-content>\n <dbx-mapbox-layout-drawer></dbx-mapbox-layout-drawer>\n </div>\n </mat-drawer>\n <mat-drawer-content #content class=\"dbx-mapbox-layout-content\" (dbxResized)=\"viewResized($event)\">\n <button mat-icon-button (click)=\"toggleDrawer()\" class=\"dbx-mapbox-layout-drawer-button\" [dbxColor]=\"drawerButtonColor()\">\n <mat-icon>{{ buttonIconSignal() }}</mat-icon>\n </button>\n <ng-content></ng-content>\n </mat-drawer-content>\n</mat-drawer-container>\n", styles: [".dbx-mapbox-layout-container{height:100%;max-width:100%}.dbx-mapbox-layout-container .mat-drawer-container{height:100%}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer{max-width:calc(100% - var(--dbx-mapbox-min-width-var, 33px))}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer-content{height:100%;width:100%;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{position:absolute;z-index:2;top:40%;border:none;display:flex;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button{padding-left:0}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button ::ng-deep>.mat-mdc-button-persistent-ripple{border-radius:unset}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button.dbx-color{color:var(--dbx-color-current, transparent);background:color-mix(in srgb,var(--dbx-bg-color-current, transparent) var(--dbx-color-bg-tone, 100%),transparent)}.left-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{left:0;border-radius:0 20px 20px 0}.right-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{right:0;border-radius:20px 0 0 20px}.has-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.has-drawer-content.open-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.no-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:0px}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button mat-icon{padding-left:8px}\n"], dependencies: [{ kind: "directive", type: DbxResizedDirective, selector: "[dbxResized]", outputs: ["dbxResized"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DbxMapboxLayoutDrawerComponent, selector: "dbx-mapbox-layout-drawer" }, { kind: "component", type: MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: DbxColorDirective, selector: "[dbxColor]", inputs: ["dbxColor", "dbxColorTone"], outputs: ["dbxColorChange", "dbxColorToneChange"] }] });
|
|
963
970
|
}
|
|
964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
971
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutComponent, decorators: [{
|
|
965
972
|
type: Component,
|
|
966
|
-
args: [{ selector: 'dbx-mapbox-layout', imports: [DbxResizedDirective, NgClass, DbxMapboxLayoutDrawerComponent, MatDrawer, MatDrawerContainer, MatDrawerContent, MatIconModule, MatIconButton, DbxColorDirective],
|
|
973
|
+
args: [{ selector: 'dbx-mapbox-layout', imports: [DbxResizedDirective, NgClass, DbxMapboxLayoutDrawerComponent, MatDrawer, MatDrawerContainer, MatDrawerContent, MatIconModule, MatIconButton, DbxColorDirective], host: {
|
|
967
974
|
'[style.--mat-sidenav-container-width]': 'dbxMapboxService.drawerWidth'
|
|
968
975
|
}, template: "<mat-drawer-container #containerElement class=\"dbx-mapbox-layout-container\" [ngClass]=\"drawerClassesSignal()\" [hasBackdrop]=\"false\">\n <mat-drawer class=\"dbx-mapbox-layout-drawer\" #drawer (openedChange)=\"drawerOpened($event)\" [opened]=\"isOpenAndHasContentSignal()\" [mode]=\"mode()\" [position]=\"positionSignal()\">\n <div class=\"dbx-mapbox-layout-drawer-content\" [ngClass]=\"drawerClassesSignal()\">\n <ng-content select=\"[drawer]\"></ng-content>\n <dbx-mapbox-layout-drawer></dbx-mapbox-layout-drawer>\n </div>\n </mat-drawer>\n <mat-drawer-content #content class=\"dbx-mapbox-layout-content\" (dbxResized)=\"viewResized($event)\">\n <button mat-icon-button (click)=\"toggleDrawer()\" class=\"dbx-mapbox-layout-drawer-button\" [dbxColor]=\"drawerButtonColor()\">\n <mat-icon>{{ buttonIconSignal() }}</mat-icon>\n </button>\n <ng-content></ng-content>\n </mat-drawer-content>\n</mat-drawer-container>\n", styles: [".dbx-mapbox-layout-container{height:100%;max-width:100%}.dbx-mapbox-layout-container .mat-drawer-container{height:100%}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer{max-width:calc(100% - var(--dbx-mapbox-min-width-var, 33px))}.dbx-mapbox-layout-container .dbx-mapbox-layout-drawer-content{height:100%;width:100%;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{position:absolute;z-index:2;top:40%;border:none;display:flex;overflow:hidden}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button{padding-left:0}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button ::ng-deep>.mat-mdc-button-persistent-ripple{border-radius:unset}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button.mat-mdc-icon-button.dbx-color{color:var(--dbx-color-current, transparent);background:color-mix(in srgb,var(--dbx-bg-color-current, transparent) var(--dbx-color-bg-tone, 100%),transparent)}.left-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{left:0;border-radius:0 20px 20px 0}.right-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{right:0;border-radius:20px 0 0 20px}.has-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.has-drawer-content.open-drawer .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:35px}.no-drawer-content .dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button{width:0px}.dbx-mapbox-layout-content>.dbx-mapbox-layout-drawer-button mat-icon{padding-left:8px}\n"] }]
|
|
969
976
|
}], propDecorators: { drawerOpenedChange: [{ type: i0.Output, args: ["drawerOpenedChange"] }], drawerContainer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDrawerContainer), { isSignal: true }] }], drawerContainerElement: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatDrawerContainer), { ...{ read: (ElementRef) }, isSignal: true }] }], drawerContent: [{ type: i0.ViewChild, args: ['drawerContent', { isSignal: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], forceHasDrawerContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceHasDrawerContent", required: false }] }], drawerButtonColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawerButtonColor", required: false }] }], openDrawer: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDrawer", required: false }] }] } });
|
|
@@ -977,8 +984,10 @@ class DbxMapboxMenuComponent {
|
|
|
977
984
|
dbxMapboxMapStore = inject(DbxMapboxMapStore);
|
|
978
985
|
matMenuTrigger = inject(MatMenuTrigger, { host: true });
|
|
979
986
|
active = input(true, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: isNotFalse });
|
|
980
|
-
openCloseSignal = signal(undefined,
|
|
981
|
-
|
|
987
|
+
openCloseSignal = signal(undefined, /* @ts-ignore */
|
|
988
|
+
...(ngDevMode ? [{ debugName: "openCloseSignal" }] : /* istanbul ignore next */ []));
|
|
989
|
+
posSignal = signal({ x: `0`, y: `0` }, /* @ts-ignore */
|
|
990
|
+
...(ngDevMode ? [{ debugName: "posSignal" }] : /* istanbul ignore next */ []));
|
|
982
991
|
_openCloseEffect = effect(() => {
|
|
983
992
|
const openOrClose = this.openCloseSignal();
|
|
984
993
|
switch (openOrClose) {
|
|
@@ -991,7 +1000,8 @@ class DbxMapboxMenuComponent {
|
|
|
991
1000
|
default:
|
|
992
1001
|
break;
|
|
993
1002
|
}
|
|
994
|
-
},
|
|
1003
|
+
}, /* @ts-ignore */
|
|
1004
|
+
...(ngDevMode ? [{ debugName: "_openCloseEffect" }] : /* istanbul ignore next */ []));
|
|
995
1005
|
active$ = toObservable(this.active);
|
|
996
1006
|
_sub = cleanSubscription();
|
|
997
1007
|
_menuCloseSub = cleanSubscription();
|
|
@@ -1029,10 +1039,10 @@ class DbxMapboxMenuComponent {
|
|
|
1029
1039
|
}
|
|
1030
1040
|
});
|
|
1031
1041
|
}
|
|
1032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1033
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1042
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1043
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: DbxMapboxMenuComponent, isStandalone: true, selector: "dbx-mapbox-menu", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.top": "posSignal().y", "style.left": "posSignal().x" }, styleAttribute: "visibility: hidden; position: fixed" }, ngImport: i0, template: '', isInline: true });
|
|
1034
1044
|
}
|
|
1035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMenuComponent, decorators: [{
|
|
1036
1046
|
type: Component,
|
|
1037
1047
|
args: [{
|
|
1038
1048
|
selector: 'dbx-mapbox-menu',
|
|
@@ -1041,9 +1051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1041
1051
|
style: 'visibility: hidden; position: fixed',
|
|
1042
1052
|
'[style.top]': 'posSignal().y',
|
|
1043
1053
|
'[style.left]': 'posSignal().x'
|
|
1044
|
-
}
|
|
1045
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1046
|
-
standalone: true
|
|
1054
|
+
}
|
|
1047
1055
|
}]
|
|
1048
1056
|
}], ctorParameters: () => [], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
|
|
1049
1057
|
|
|
@@ -1052,22 +1060,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1052
1060
|
*/
|
|
1053
1061
|
class DbxMapboxMapStoreProviderBlock {
|
|
1054
1062
|
dbxMapboxMapStore = inject(DbxMapboxMapStore, { skipSelf: true });
|
|
1055
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1056
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1063
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1064
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStoreProviderBlock });
|
|
1057
1065
|
}
|
|
1058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, decorators: [{
|
|
1059
1067
|
type: Injectable
|
|
1060
1068
|
}] });
|
|
1061
1069
|
class DbxMapboxMapStoreInjectionBlockDirective {
|
|
1062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1063
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1070
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1071
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxMapStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxStoreParentBlocker]", providers: [DbxMapboxMapStoreProviderBlock], ngImport: i0 });
|
|
1064
1072
|
}
|
|
1065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1073
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, decorators: [{
|
|
1066
1074
|
type: Directive,
|
|
1067
1075
|
args: [{
|
|
1068
1076
|
selector: '[dbxMapboxStoreParentBlocker]',
|
|
1069
|
-
providers: [DbxMapboxMapStoreProviderBlock]
|
|
1070
|
-
standalone: true
|
|
1077
|
+
providers: [DbxMapboxMapStoreProviderBlock]
|
|
1071
1078
|
}]
|
|
1072
1079
|
}] });
|
|
1073
1080
|
/**
|
|
@@ -1099,12 +1106,15 @@ function provideMapboxStoreIfParentIsUnavailable() {
|
|
|
1099
1106
|
class DbxMapboxMarkerComponent {
|
|
1100
1107
|
_dbxMapboxChangeService = inject(DbxMapboxChangeService, { optional: true });
|
|
1101
1108
|
static _latLngPoint = latLngPointFunction({ wrap: true });
|
|
1102
|
-
marker = input.required(
|
|
1109
|
+
marker = input.required(/* @ts-ignore */
|
|
1110
|
+
...(ngDevMode ? [{ debugName: "marker" }] : /* istanbul ignore next */ []));
|
|
1103
1111
|
latLngSignal = computed(() => {
|
|
1104
1112
|
const marker = this.marker();
|
|
1105
1113
|
return marker?.latLng ? DbxMapboxMarkerComponent._latLngPoint(marker.latLng) : undefined;
|
|
1106
|
-
},
|
|
1107
|
-
|
|
1114
|
+
}, /* @ts-ignore */
|
|
1115
|
+
...(ngDevMode ? [{ debugName: "latLngSignal" }] : /* istanbul ignore next */ []));
|
|
1116
|
+
presentationSignal = computed(() => this.marker()?.presentation ?? 'normal', /* @ts-ignore */
|
|
1117
|
+
...(ngDevMode ? [{ debugName: "presentationSignal" }] : /* istanbul ignore next */ []));
|
|
1108
1118
|
styleSignal = computed(() => {
|
|
1109
1119
|
const marker = this.marker();
|
|
1110
1120
|
let width = 0;
|
|
@@ -1154,7 +1164,8 @@ class DbxMapboxMarkerComponent {
|
|
|
1154
1164
|
style['font-size'] = width + 'px';
|
|
1155
1165
|
}
|
|
1156
1166
|
return style;
|
|
1157
|
-
},
|
|
1167
|
+
}, /* @ts-ignore */
|
|
1168
|
+
...(ngDevMode ? [{ debugName: "styleSignal" }] : /* istanbul ignore next */ []));
|
|
1158
1169
|
presentationCssClassSignal = computed(() => {
|
|
1159
1170
|
const marker = this.marker();
|
|
1160
1171
|
const presentation = this.presentationSignal();
|
|
@@ -1178,12 +1189,13 @@ class DbxMapboxMarkerComponent {
|
|
|
1178
1189
|
pushItemOrArrayItemsIntoArray(cssClasses, markerClasses);
|
|
1179
1190
|
}
|
|
1180
1191
|
return spaceSeparatedCssClasses(cssClasses);
|
|
1181
|
-
},
|
|
1192
|
+
}, /* @ts-ignore */
|
|
1193
|
+
...(ngDevMode ? [{ debugName: "presentationCssClassSignal" }] : /* istanbul ignore next */ []));
|
|
1182
1194
|
ngOnDestroy() {
|
|
1183
1195
|
this._dbxMapboxChangeService?.emitMarkerDestroyed();
|
|
1184
1196
|
}
|
|
1185
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1186
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: DbxMapboxMarkerComponent, isStandalone: true, selector: "dbx-mapbox-marker", inputs: { marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1187
1199
|
<mgl-marker [lngLat]="latLngSignal()">
|
|
1188
1200
|
<dbx-anchor [anchor]="marker()?.anchor">
|
|
1189
1201
|
<div class="dbx-mapbox-marker" [ngClass]="presentationCssClassSignal()">
|
|
@@ -1198,9 +1210,9 @@ class DbxMapboxMarkerComponent {
|
|
|
1198
1210
|
</div>
|
|
1199
1211
|
</dbx-anchor>
|
|
1200
1212
|
</mgl-marker>
|
|
1201
|
-
`, 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-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}\n"], dependencies: [{ kind: "component", type: MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "zIndex", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }]
|
|
1213
|
+
`, 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-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}\n"], dependencies: [{ kind: "component", type: MarkerComponent, selector: "mgl-marker", inputs: ["offset", "anchor", "clickTolerance", "feature", "lngLat", "draggable", "popupShown", "className", "zIndex", "pitchAlignment", "rotationAlignment"], outputs: ["markerDragStart", "markerDragEnd", "markerDrag"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1202
1214
|
}
|
|
1203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
|
|
1204
1216
|
type: Component,
|
|
1205
1217
|
args: [{ selector: 'dbx-mapbox-marker', template: `
|
|
1206
1218
|
<mgl-marker [lngLat]="latLngSignal()">
|
|
@@ -1217,31 +1229,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1217
1229
|
</div>
|
|
1218
1230
|
</dbx-anchor>
|
|
1219
1231
|
</mgl-marker>
|
|
1220
|
-
`, imports: [MarkerComponent, DbxAnchorComponent, MatIconModule, NgStyle, NgClass],
|
|
1232
|
+
`, imports: [MarkerComponent, DbxAnchorComponent, MatIconModule, NgStyle, NgClass], 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-no-icon>.dbx-mapbox-marker-icon-content{display:none}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip.dbx-mapbox-marker-no-icon>.dbx-mapbox-marker-icon-content .dbx-mapbox-marker-label{padding-left:0}.dbx-mapbox-marker.dbx-mapbox-marker-chip.dbx-chip .dbx-mapbox-marker-label{padding-left:4px}\n"] }]
|
|
1221
1233
|
}], propDecorators: { marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: true }] }] } });
|
|
1222
1234
|
|
|
1223
1235
|
/**
|
|
1224
1236
|
* Component used to render a set of DbxMapboxMarker values from the input data and marker factory.
|
|
1225
1237
|
*/
|
|
1226
1238
|
class DbxMapboxMarkersComponent {
|
|
1227
|
-
data = input.required(
|
|
1228
|
-
|
|
1239
|
+
data = input.required(/* @ts-ignore */
|
|
1240
|
+
...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
1241
|
+
markerFactory = input.required(/* @ts-ignore */
|
|
1242
|
+
...(ngDevMode ? [{ debugName: "markerFactory" }] : /* istanbul ignore next */ []));
|
|
1229
1243
|
markersSignal = computed(() => {
|
|
1230
1244
|
const data = this.data();
|
|
1231
1245
|
const markerFactory = this.markerFactory();
|
|
1232
1246
|
return data?.length && markerFactory ? data.map(markerFactory) : [];
|
|
1233
|
-
},
|
|
1247
|
+
}, /* @ts-ignore */
|
|
1248
|
+
...(ngDevMode ? [{ debugName: "markersSignal" }] : /* istanbul ignore next */ []));
|
|
1234
1249
|
trackMarkerById(index, marker) {
|
|
1235
1250
|
return marker.id ?? `__MID__${index}_`;
|
|
1236
1251
|
}
|
|
1237
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1238
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1252
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1253
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: DbxMapboxMarkersComponent, isStandalone: true, selector: "dbx-mapbox-markers", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, markerFactory: { classPropertyName: "markerFactory", publicName: "markerFactory", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1239
1254
|
@for (marker of markersSignal(); track trackMarkerById($index, marker)) {
|
|
1240
1255
|
<dbx-mapbox-marker [marker]="marker"></dbx-mapbox-marker>
|
|
1241
1256
|
}
|
|
1242
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: ["marker"] }]
|
|
1257
|
+
`, isInline: true, dependencies: [{ kind: "component", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: ["marker"] }] });
|
|
1243
1258
|
}
|
|
1244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxMarkersComponent, decorators: [{
|
|
1245
1260
|
type: Component,
|
|
1246
1261
|
args: [{
|
|
1247
1262
|
selector: 'dbx-mapbox-markers',
|
|
@@ -1250,9 +1265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1250
1265
|
<dbx-mapbox-marker [marker]="marker"></dbx-mapbox-marker>
|
|
1251
1266
|
}
|
|
1252
1267
|
`,
|
|
1253
|
-
imports: [DbxMapboxMarkerComponent]
|
|
1254
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1255
|
-
standalone: true
|
|
1268
|
+
imports: [DbxMapboxMarkerComponent]
|
|
1256
1269
|
}]
|
|
1257
1270
|
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], markerFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerFactory", required: true }] }] } });
|
|
1258
1271
|
|
|
@@ -1272,14 +1285,13 @@ class DbxMapboxLayoutVirtualResizeSyncComponent {
|
|
|
1272
1285
|
constructor() {
|
|
1273
1286
|
cleanSubscription(this.dbxMapboxLayoutComponent.dbxMapboxMapStore.setMinimumVirtualViewportSize(this.resizedVector$));
|
|
1274
1287
|
}
|
|
1275
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1276
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1289
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", ngImport: i0 });
|
|
1277
1290
|
}
|
|
1278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, decorators: [{
|
|
1279
1292
|
type: Directive,
|
|
1280
1293
|
args: [{
|
|
1281
|
-
selector: '[dbxMapboxLayoutVirtualResizeSync]'
|
|
1282
|
-
standalone: true
|
|
1294
|
+
selector: '[dbxMapboxLayoutVirtualResizeSync]'
|
|
1283
1295
|
}]
|
|
1284
1296
|
}], ctorParameters: () => [] });
|
|
1285
1297
|
|
|
@@ -1299,8 +1311,8 @@ const importsAndExports = [
|
|
|
1299
1311
|
MarkerComponent
|
|
1300
1312
|
];
|
|
1301
1313
|
class DbxMapboxModule {
|
|
1302
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1303
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1314
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1315
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxModule, imports: [
|
|
1304
1316
|
//
|
|
1305
1317
|
DbxMapboxLayoutVirtualResizeSyncComponent,
|
|
1306
1318
|
DbxMapboxMapDirective,
|
|
@@ -1327,7 +1339,7 @@ class DbxMapboxModule {
|
|
|
1327
1339
|
// ngx-mapbox-gl
|
|
1328
1340
|
MapComponent,
|
|
1329
1341
|
MarkerComponent] });
|
|
1330
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1342
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxModule, imports: [DbxMapboxLayoutComponent,
|
|
1331
1343
|
DbxMapboxLayoutDrawerComponent,
|
|
1332
1344
|
DbxMapboxInjectionComponent,
|
|
1333
1345
|
DbxMapboxMarkerComponent,
|
|
@@ -1336,7 +1348,7 @@ class DbxMapboxModule {
|
|
|
1336
1348
|
MapComponent,
|
|
1337
1349
|
MarkerComponent] });
|
|
1338
1350
|
}
|
|
1339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxMapboxModule, decorators: [{
|
|
1340
1352
|
type: NgModule,
|
|
1341
1353
|
args: [{
|
|
1342
1354
|
imports: importsAndExports,
|