@dereekb/dbx-web 13.4.2 → 13.5.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/_index.scss +6 -1
- package/fesm2022/dereekb-dbx-web-calendar.mjs +10 -11
- package/fesm2022/dereekb-dbx-web-calendar.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-mapbox.mjs +76 -76
- package/fesm2022/dereekb-dbx-web-mapbox.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web-table.mjs +100 -100
- package/fesm2022/dereekb-dbx-web-table.mjs.map +1 -1
- package/fesm2022/dereekb-dbx-web.mjs +1701 -1585
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/action/_action.scss +0 -1
- package/lib/action/snackbar/_snackbar.scss +0 -19
- package/lib/button/_button.scss +0 -18
- package/lib/button/progress/bar.button.component.scss +6 -0
- package/lib/error/_error.scss +0 -18
- package/lib/extension/_extension.scss +0 -31
- package/lib/extension/calendar/_calendar.scss +25 -74
- package/lib/extension/calendar/style/month/calendar-month-view.scss +1 -1
- package/lib/extension/help/_help.scss +0 -20
- package/lib/extension/table/_table.scss +0 -19
- package/lib/extension/zip/_zip.scss +5 -20
- package/lib/interaction/_interaction.scss +0 -8
- package/lib/interaction/dialog/_dialog.scss +4 -19
- package/lib/interaction/filter/_filter.scss +0 -19
- package/lib/interaction/iframe/_iframe.scss +0 -19
- package/lib/interaction/popover/_popover.scss +7 -17
- package/lib/interaction/popup/_popup.scss +2 -26
- package/lib/interaction/prompt/_prompt.scss +0 -19
- package/lib/interaction/style/_style.scss +4 -35
- package/lib/interaction/upload/_upload.scss +4 -45
- package/lib/layout/_layout.scss +0 -14
- package/lib/layout/avatar/_avatar.scss +2 -29
- package/lib/layout/bar/_bar.scss +10 -43
- package/lib/layout/block/_block.scss +0 -19
- package/lib/layout/card/_card.scss +0 -19
- package/lib/layout/column/_column.scss +2 -17
- package/lib/layout/content/_content.scss +7 -55
- package/lib/layout/flag/_flag.scss +0 -19
- package/lib/layout/flex/_flex.scss +0 -19
- package/lib/layout/item/_item.scss +0 -19
- package/lib/layout/list/_list.scss +3 -26
- package/lib/layout/section/_section.scss +7 -17
- package/lib/layout/step/_step.scss +0 -19
- package/lib/layout/style/_style.scss +1 -18
- package/lib/layout/text/_text.scss +8 -46
- package/lib/loading/_loading.scss +0 -19
- package/lib/router/_router.scss +0 -4
- package/lib/router/layout/anchor/_anchor.scss +0 -19
- package/lib/router/layout/anchorlist/_anchorlist.scss +4 -32
- package/lib/router/layout/navbar/_navbar.scss +0 -18
- package/lib/router/layout/sidenav/_sidenav.scss +22 -102
- package/lib/style/_all-typography.scss +0 -16
- package/lib/style/_m2-visual-compat.scss +120 -0
- package/lib/style/_root-variables.scss +37 -47
- package/lib/style/_theming.scss +1 -202
- package/lib/style/_variables.scss +35 -2
- package/package.json +13 -13
- package/types/dereekb-dbx-web-table.d.ts +6 -6
- package/types/dereekb-dbx-web.d.ts +109 -21
|
@@ -48,10 +48,10 @@ class DbxMapboxService {
|
|
|
48
48
|
center: latLngPoint(this.defaultCenter)
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
52
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
52
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService });
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxService, decorators: [{
|
|
55
55
|
type: Injectable
|
|
56
56
|
}] });
|
|
57
57
|
|
|
@@ -635,10 +635,10 @@ class DbxMapboxMapStore extends ComponentStore {
|
|
|
635
635
|
_setError = this.updater((state, error) => ({ ...state, error }));
|
|
636
636
|
clearDrawerContent = this.updater((state) => setDrawerContent(state, undefined));
|
|
637
637
|
setDrawerContent = this.updater(setDrawerContent);
|
|
638
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
639
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
638
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
639
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore });
|
|
640
640
|
}
|
|
641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStore, decorators: [{
|
|
642
642
|
type: Injectable
|
|
643
643
|
}], ctorParameters: () => [] });
|
|
644
644
|
function setDrawerContent(state, drawerContent) {
|
|
@@ -670,10 +670,10 @@ class DbxMapboxChangeService {
|
|
|
670
670
|
this._applyChanges.complete();
|
|
671
671
|
this._applyChangesSub.destroy();
|
|
672
672
|
}
|
|
673
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
674
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
673
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
674
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, providedIn: null });
|
|
675
675
|
}
|
|
676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxChangeService, decorators: [{
|
|
677
677
|
type: Injectable,
|
|
678
678
|
args: [{
|
|
679
679
|
providedIn: null
|
|
@@ -694,10 +694,10 @@ class DbxMapboxInjectionStore extends ComponentStore {
|
|
|
694
694
|
// MARK: State Changes
|
|
695
695
|
addInjectionConfig = this.updater(updateDbxMapboxMapInjectionStoreStateWithInjectionConfig);
|
|
696
696
|
removeInjectionConfigWithKey = this.updater(updateDbxMapboxMapInjectionStoreStateWithRemovedKey);
|
|
697
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
698
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
697
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
698
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore });
|
|
699
699
|
}
|
|
700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStore, decorators: [{
|
|
701
701
|
type: Injectable
|
|
702
702
|
}], ctorParameters: () => [] });
|
|
703
703
|
/**
|
|
@@ -734,12 +734,12 @@ function updateDbxMapboxMapInjectionStoreStateWithRemovedKey(state, key) {
|
|
|
734
734
|
class DbxMapboxInjectionComponent {
|
|
735
735
|
dbxMapboxMapKeyInjectionStore = inject(DbxMapboxInjectionStore);
|
|
736
736
|
entriesSignal = toSignal(this.dbxMapboxMapKeyInjectionStore.allInjectionConfigs$);
|
|
737
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
738
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
737
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
738
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxInjectionComponent, isStandalone: true, selector: "dbx-mapbox-injection", ngImport: i0, template: `
|
|
739
739
|
<dbx-injection-array [entries]="entriesSignal()"></dbx-injection-array>
|
|
740
740
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionArrayComponent, selector: "dbx-injection-array", inputs: ["entries"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
741
741
|
}
|
|
742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionComponent, decorators: [{
|
|
743
743
|
type: Component,
|
|
744
744
|
args: [{
|
|
745
745
|
selector: 'dbx-mapbox-injection',
|
|
@@ -757,17 +757,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
757
757
|
*/
|
|
758
758
|
class DbxMapboxInjectionStoreProviderBlock {
|
|
759
759
|
dbxMapboxInjectionStore = inject(DbxMapboxInjectionStore, { skipSelf: true });
|
|
760
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
761
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
760
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
761
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock });
|
|
762
762
|
}
|
|
763
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreProviderBlock, decorators: [{
|
|
764
764
|
type: Injectable
|
|
765
765
|
}] });
|
|
766
766
|
class DbxMapboxInjectionStoreInjectionBlockDirective {
|
|
767
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
768
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
767
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
768
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxInjectionStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxInjectionStoreParentBlocker]", providers: [DbxMapboxInjectionStoreProviderBlock], ngImport: i0 });
|
|
769
769
|
}
|
|
770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxInjectionStoreInjectionBlockDirective, decorators: [{
|
|
771
771
|
type: Directive,
|
|
772
772
|
args: [{
|
|
773
773
|
selector: '[dbxMapboxInjectionStoreParentBlocker]',
|
|
@@ -810,8 +810,8 @@ class DbxMapboxMapDirective {
|
|
|
810
810
|
this.dbxMapboxMapStore.setMapService(this.mapService);
|
|
811
811
|
}
|
|
812
812
|
}
|
|
813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
814
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
813
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
814
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxMapDirective, isStandalone: true, selector: "[dbxMapboxMap]", providers: [
|
|
815
815
|
{
|
|
816
816
|
provide: MAP_COMPONENT_INITIALIZATION_OPTIONS,
|
|
817
817
|
useFactory: (dbxMapboxService) => dbxMapboxService.initializationOptions(),
|
|
@@ -819,7 +819,7 @@ class DbxMapboxMapDirective {
|
|
|
819
819
|
}
|
|
820
820
|
], ngImport: i0 });
|
|
821
821
|
}
|
|
822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapDirective, decorators: [{
|
|
823
823
|
type: Directive,
|
|
824
824
|
args: [{
|
|
825
825
|
selector: '[dbxMapboxMap]',
|
|
@@ -840,10 +840,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
840
840
|
class DbxMapboxLayoutDrawerComponent {
|
|
841
841
|
dbxMapboxMapStore = inject(DbxMapboxMapStore);
|
|
842
842
|
drawerConfigSignal = toSignal(this.dbxMapboxMapStore.drawerContent$);
|
|
843
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
844
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
843
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
844
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.3", 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"] }] });
|
|
845
845
|
}
|
|
846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutDrawerComponent, decorators: [{
|
|
847
847
|
type: Component,
|
|
848
848
|
args: [{ selector: 'dbx-mapbox-layout-drawer', host: {
|
|
849
849
|
class: 'dbx-mapbox-layout-drawer'
|
|
@@ -865,24 +865,24 @@ class DbxMapboxLayoutComponent {
|
|
|
865
865
|
drawerContainer = viewChild.required(MatDrawerContainer);
|
|
866
866
|
drawerContainerElement = viewChild.required(MatDrawerContainer, { read: (ElementRef) });
|
|
867
867
|
drawerContent = viewChild.required('drawerContent');
|
|
868
|
-
side = input('right', { ...(ngDevMode ? { debugName: "side" } : {}), transform: (x) => x || 'right' });
|
|
869
|
-
mode = input('side', { ...(ngDevMode ? { debugName: "mode" } : {}), transform: (x) => x || 'side' });
|
|
868
|
+
side = input('right', { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), transform: (x) => x || 'right' });
|
|
869
|
+
mode = input('side', { ...(ngDevMode ? { debugName: "mode" } : /* istanbul ignore next */ {}), transform: (x) => x || 'side' });
|
|
870
870
|
/**
|
|
871
871
|
* Forces the drawer to assume the drawer has content if true, or assume it has no content if false.
|
|
872
872
|
*/
|
|
873
|
-
forceHasDrawerContent = input(undefined, ...(ngDevMode ? [{ debugName: "forceHasDrawerContent" }] : []));
|
|
874
|
-
drawerButtonColor = input('default', { ...(ngDevMode ? { debugName: "drawerButtonColor" } : {}), transform: (x) => x ?? 'default' });
|
|
875
|
-
openDrawer = input(undefined, ...(ngDevMode ? [{ debugName: "openDrawer" }] : [])); // input open/close drawer config
|
|
876
|
-
isDrawerOpenSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "isDrawerOpenSignal" }] : [])); // Signal to toggle the drawer
|
|
873
|
+
forceHasDrawerContent = input(undefined, ...(ngDevMode ? [{ debugName: "forceHasDrawerContent" }] : /* istanbul ignore next */ []));
|
|
874
|
+
drawerButtonColor = input('default', { ...(ngDevMode ? { debugName: "drawerButtonColor" } : /* istanbul ignore next */ {}), transform: (x) => x ?? 'default' });
|
|
875
|
+
openDrawer = input(undefined, ...(ngDevMode ? [{ debugName: "openDrawer" }] : /* istanbul ignore next */ [])); // input open/close drawer config
|
|
876
|
+
isDrawerOpenSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "isDrawerOpenSignal" }] : /* istanbul ignore next */ [])); // Signal to toggle the drawer
|
|
877
877
|
_openDrawerEffect = effect(() => {
|
|
878
878
|
this.isDrawerOpenSignal.set(this.openDrawer());
|
|
879
|
-
}, ...(ngDevMode ? [{ debugName: "_openDrawerEffect" }] : []));
|
|
879
|
+
}, ...(ngDevMode ? [{ debugName: "_openDrawerEffect" }] : /* istanbul ignore next */ []));
|
|
880
880
|
storeHasDrawerContent = toSignal(this.dbxMapboxMapStore.hasDrawerContent$);
|
|
881
|
-
drawerHasContentSignal = computed(() => this.forceHasDrawerContent() ?? this.storeHasDrawerContent(), ...(ngDevMode ? [{ debugName: "drawerHasContentSignal" }] : []));
|
|
881
|
+
drawerHasContentSignal = computed(() => this.forceHasDrawerContent() ?? this.storeHasDrawerContent(), ...(ngDevMode ? [{ debugName: "drawerHasContentSignal" }] : /* istanbul ignore next */ []));
|
|
882
882
|
refreshContentMargins$ = this._refreshContentMargins;
|
|
883
883
|
isOpenAndHasContentSignal = computed(() => {
|
|
884
884
|
return this.drawerHasContentSignal() && this.isDrawerOpenSignal();
|
|
885
|
-
}, ...(ngDevMode ? [{ debugName: "isOpenAndHasContentSignal" }] : []));
|
|
885
|
+
}, ...(ngDevMode ? [{ debugName: "isOpenAndHasContentSignal" }] : /* istanbul ignore next */ []));
|
|
886
886
|
viewResized$ = this._viewResized.asObservable();
|
|
887
887
|
side$ = toObservable(this.side);
|
|
888
888
|
mode$ = toObservable(this.mode);
|
|
@@ -890,13 +890,13 @@ class DbxMapboxLayoutComponent {
|
|
|
890
890
|
isOpenAndHasContent$ = toObservable(this.isOpenAndHasContentSignal);
|
|
891
891
|
positionSignal = computed(() => {
|
|
892
892
|
return this.side() === 'right' ? 'end' : 'start';
|
|
893
|
-
}, ...(ngDevMode ? [{ debugName: "positionSignal" }] : []));
|
|
893
|
+
}, ...(ngDevMode ? [{ debugName: "positionSignal" }] : /* istanbul ignore next */ []));
|
|
894
894
|
drawerClassesSignal = computed(() => {
|
|
895
895
|
const side = this.side();
|
|
896
896
|
const hasContent = this.drawerHasContentSignal();
|
|
897
897
|
const isOpen = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
|
|
898
898
|
return (hasContent ? 'has-drawer-content' : 'no-drawer-content') + ` ${side}-drawer ` + (isOpen ? 'open-drawer' : '');
|
|
899
|
-
}, ...(ngDevMode ? [{ debugName: "drawerClassesSignal" }] : []));
|
|
899
|
+
}, ...(ngDevMode ? [{ debugName: "drawerClassesSignal" }] : /* istanbul ignore next */ []));
|
|
900
900
|
buttonIconSignal = computed(() => {
|
|
901
901
|
const side = this.side();
|
|
902
902
|
const opened = this.isDrawerOpenSignal(); // NOTE: isOpenAndHasContentSignal is not used here
|
|
@@ -905,7 +905,7 @@ class DbxMapboxLayoutComponent {
|
|
|
905
905
|
icons = icons.reverse();
|
|
906
906
|
}
|
|
907
907
|
return opened ? icons[0] : icons[1];
|
|
908
|
-
}, ...(ngDevMode ? [{ debugName: "buttonIconSignal" }] : []));
|
|
908
|
+
}, ...(ngDevMode ? [{ debugName: "buttonIconSignal" }] : /* istanbul ignore next */ []));
|
|
909
909
|
_reszieSyncSub = new SubscriptionObject();
|
|
910
910
|
_toggleSyncSub = new SubscriptionObject();
|
|
911
911
|
ngOnInit() {
|
|
@@ -983,10 +983,10 @@ class DbxMapboxLayoutComponent {
|
|
|
983
983
|
}
|
|
984
984
|
this.isDrawerOpenSignal.set(open);
|
|
985
985
|
}
|
|
986
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
987
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
986
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
987
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.3", 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" }, 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}.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
988
988
|
}
|
|
989
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutComponent, decorators: [{
|
|
990
990
|
type: Component,
|
|
991
991
|
args: [{ selector: 'dbx-mapbox-layout', imports: [DbxResizedDirective, NgClass, DbxMapboxLayoutDrawerComponent, MatDrawer, MatDrawerContainer, MatDrawerContent, MatIconModule, MatIconButton, DbxColorDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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}.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"] }]
|
|
992
992
|
}], 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 }] }] } });
|
|
@@ -999,9 +999,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
999
999
|
class DbxMapboxMenuComponent {
|
|
1000
1000
|
dbxMapboxMapStore = inject(DbxMapboxMapStore);
|
|
1001
1001
|
matMenuTrigger = inject(MatMenuTrigger, { host: true });
|
|
1002
|
-
active = input(true, { ...(ngDevMode ? { debugName: "active" } : {}), transform: isNotFalse });
|
|
1003
|
-
openCloseSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "openCloseSignal" }] : []));
|
|
1004
|
-
posSignal = signal({ x: `0`, y: `0` }, ...(ngDevMode ? [{ debugName: "posSignal" }] : []));
|
|
1002
|
+
active = input(true, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: isNotFalse });
|
|
1003
|
+
openCloseSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "openCloseSignal" }] : /* istanbul ignore next */ []));
|
|
1004
|
+
posSignal = signal({ x: `0`, y: `0` }, ...(ngDevMode ? [{ debugName: "posSignal" }] : /* istanbul ignore next */ []));
|
|
1005
1005
|
_openCloseEffect = effect(() => {
|
|
1006
1006
|
const openOrClose = this.openCloseSignal();
|
|
1007
1007
|
switch (openOrClose) {
|
|
@@ -1014,7 +1014,7 @@ class DbxMapboxMenuComponent {
|
|
|
1014
1014
|
default:
|
|
1015
1015
|
break;
|
|
1016
1016
|
}
|
|
1017
|
-
}, ...(ngDevMode ? [{ debugName: "_openCloseEffect" }] : []));
|
|
1017
|
+
}, ...(ngDevMode ? [{ debugName: "_openCloseEffect" }] : /* istanbul ignore next */ []));
|
|
1018
1018
|
active$ = toObservable(this.active);
|
|
1019
1019
|
_sub = cleanSubscription();
|
|
1020
1020
|
_menuCloseSub = new SubscriptionObject();
|
|
@@ -1057,10 +1057,10 @@ class DbxMapboxMenuComponent {
|
|
|
1057
1057
|
}
|
|
1058
1058
|
});
|
|
1059
1059
|
}
|
|
1060
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1061
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1060
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1061
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1062
1062
|
}
|
|
1063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1063
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMenuComponent, decorators: [{
|
|
1064
1064
|
type: Component,
|
|
1065
1065
|
args: [{
|
|
1066
1066
|
selector: 'dbx-mapbox-menu',
|
|
@@ -1080,17 +1080,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1080
1080
|
*/
|
|
1081
1081
|
class DbxMapboxMapStoreProviderBlock {
|
|
1082
1082
|
dbxMapboxMapStore = inject(DbxMapboxMapStore, { skipSelf: true });
|
|
1083
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1084
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1083
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1084
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock });
|
|
1085
1085
|
}
|
|
1086
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1086
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreProviderBlock, decorators: [{
|
|
1087
1087
|
type: Injectable
|
|
1088
1088
|
}] });
|
|
1089
1089
|
class DbxMapboxMapStoreInjectionBlockDirective {
|
|
1090
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1091
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1090
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1091
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxMapStoreInjectionBlockDirective, isStandalone: true, selector: "[dbxMapboxStoreParentBlocker]", providers: [DbxMapboxMapStoreProviderBlock], ngImport: i0 });
|
|
1092
1092
|
}
|
|
1093
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1093
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMapStoreInjectionBlockDirective, decorators: [{
|
|
1094
1094
|
type: Directive,
|
|
1095
1095
|
args: [{
|
|
1096
1096
|
selector: '[dbxMapboxStoreParentBlocker]',
|
|
@@ -1123,12 +1123,12 @@ function provideMapboxStoreIfParentIsUnavailable() {
|
|
|
1123
1123
|
class DbxMapboxMarkerComponent {
|
|
1124
1124
|
_dbxMapboxChangeService = inject(DbxMapboxChangeService, { optional: true });
|
|
1125
1125
|
static _latLngPoint = latLngPointFunction({ wrap: true });
|
|
1126
|
-
marker = input.required(...(ngDevMode ? [{ debugName: "marker" }] : []));
|
|
1126
|
+
marker = input.required(...(ngDevMode ? [{ debugName: "marker" }] : /* istanbul ignore next */ []));
|
|
1127
1127
|
latLngSignal = computed(() => {
|
|
1128
1128
|
const marker = this.marker();
|
|
1129
1129
|
return marker?.latLng ? DbxMapboxMarkerComponent._latLngPoint(marker.latLng) : undefined;
|
|
1130
|
-
}, ...(ngDevMode ? [{ debugName: "latLngSignal" }] : []));
|
|
1131
|
-
presentationSignal = computed(() => this.marker()?.presentation ?? 'normal', ...(ngDevMode ? [{ debugName: "presentationSignal" }] : []));
|
|
1130
|
+
}, ...(ngDevMode ? [{ debugName: "latLngSignal" }] : /* istanbul ignore next */ []));
|
|
1131
|
+
presentationSignal = computed(() => this.marker()?.presentation ?? 'normal', ...(ngDevMode ? [{ debugName: "presentationSignal" }] : /* istanbul ignore next */ []));
|
|
1132
1132
|
styleSignal = computed(() => {
|
|
1133
1133
|
const marker = this.marker();
|
|
1134
1134
|
let width = 0;
|
|
@@ -1178,7 +1178,7 @@ class DbxMapboxMarkerComponent {
|
|
|
1178
1178
|
style['font-size'] = width + 'px';
|
|
1179
1179
|
}
|
|
1180
1180
|
return style;
|
|
1181
|
-
}, ...(ngDevMode ? [{ debugName: "styleSignal" }] : []));
|
|
1181
|
+
}, ...(ngDevMode ? [{ debugName: "styleSignal" }] : /* istanbul ignore next */ []));
|
|
1182
1182
|
presentationCssClassSignal = computed(() => {
|
|
1183
1183
|
const marker = this.marker();
|
|
1184
1184
|
const presentation = this.presentationSignal();
|
|
@@ -1202,12 +1202,12 @@ class DbxMapboxMarkerComponent {
|
|
|
1202
1202
|
pushItemOrArrayItemsIntoArray(cssClasses, markerClasses);
|
|
1203
1203
|
}
|
|
1204
1204
|
return spaceSeparatedCssClasses(cssClasses);
|
|
1205
|
-
}, ...(ngDevMode ? [{ debugName: "presentationCssClassSignal" }] : []));
|
|
1205
|
+
}, ...(ngDevMode ? [{ debugName: "presentationCssClassSignal" }] : /* istanbul ignore next */ []));
|
|
1206
1206
|
ngOnDestroy() {
|
|
1207
1207
|
this._dbxMapboxChangeService?.emitMarkerDestroyed();
|
|
1208
1208
|
}
|
|
1209
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1210
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1209
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: DbxMapboxMarkerComponent, isStandalone: true, selector: "dbx-mapbox-marker", inputs: { marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
1211
1211
|
<mgl-marker [lngLat]="latLngSignal()">
|
|
1212
1212
|
<dbx-anchor [anchor]="marker()?.anchor">
|
|
1213
1213
|
<div class="dbx-mapbox-marker" [ngClass]="presentationCssClassSignal()">
|
|
@@ -1224,7 +1224,7 @@ class DbxMapboxMarkerComponent {
|
|
|
1224
1224
|
</mgl-marker>
|
|
1225
1225
|
`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1226
1226
|
}
|
|
1227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkerComponent, decorators: [{
|
|
1228
1228
|
type: Component,
|
|
1229
1229
|
args: [{ selector: 'dbx-mapbox-marker', template: `
|
|
1230
1230
|
<mgl-marker [lngLat]="latLngSignal()">
|
|
@@ -1248,8 +1248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1248
1248
|
* Component used to render a set of DbxMapboxMarker values from the input data and marker factory.
|
|
1249
1249
|
*/
|
|
1250
1250
|
class DbxMapboxMarkersComponent {
|
|
1251
|
-
data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
1252
|
-
markerFactory = input.required(...(ngDevMode ? [{ debugName: "markerFactory" }] : []));
|
|
1251
|
+
data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
1252
|
+
markerFactory = input.required(...(ngDevMode ? [{ debugName: "markerFactory" }] : /* istanbul ignore next */ []));
|
|
1253
1253
|
markersSignal = computed(() => {
|
|
1254
1254
|
const data = this.data();
|
|
1255
1255
|
const markerFactory = this.markerFactory();
|
|
@@ -1259,18 +1259,18 @@ class DbxMapboxMarkersComponent {
|
|
|
1259
1259
|
else {
|
|
1260
1260
|
return [];
|
|
1261
1261
|
}
|
|
1262
|
-
}, ...(ngDevMode ? [{ debugName: "markersSignal" }] : []));
|
|
1262
|
+
}, ...(ngDevMode ? [{ debugName: "markersSignal" }] : /* istanbul ignore next */ []));
|
|
1263
1263
|
trackMarkerById(index, marker) {
|
|
1264
1264
|
return marker.id ?? `__MID__${index}_`;
|
|
1265
1265
|
}
|
|
1266
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1267
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1266
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1267
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", 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: `
|
|
1268
1268
|
@for (marker of markersSignal(); track trackMarkerById($index, marker)) {
|
|
1269
1269
|
<dbx-mapbox-marker [marker]="marker"></dbx-mapbox-marker>
|
|
1270
1270
|
}
|
|
1271
1271
|
`, isInline: true, dependencies: [{ kind: "component", type: DbxMapboxMarkerComponent, selector: "dbx-mapbox-marker", inputs: ["marker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1272
1272
|
}
|
|
1273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1273
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxMarkersComponent, decorators: [{
|
|
1274
1274
|
type: Component,
|
|
1275
1275
|
args: [{
|
|
1276
1276
|
selector: 'dbx-mapbox-markers',
|
|
@@ -1301,10 +1301,10 @@ class DbxMapboxLayoutVirtualResizeSyncComponent {
|
|
|
1301
1301
|
constructor() {
|
|
1302
1302
|
cleanSubscription(this.dbxMapboxLayoutComponent.dbxMapboxMapStore.setMinimumVirtualViewportSize(this.resizedVector$));
|
|
1303
1303
|
}
|
|
1304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1305
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1304
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1305
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.3", type: DbxMapboxLayoutVirtualResizeSyncComponent, isStandalone: true, selector: "[dbxMapboxLayoutVirtualResizeSync]", ngImport: i0 });
|
|
1306
1306
|
}
|
|
1307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxLayoutVirtualResizeSyncComponent, decorators: [{
|
|
1308
1308
|
type: Directive,
|
|
1309
1309
|
args: [{
|
|
1310
1310
|
selector: '[dbxMapboxLayoutVirtualResizeSync]',
|
|
@@ -1328,8 +1328,8 @@ const importsAndExports = [
|
|
|
1328
1328
|
MarkerComponent
|
|
1329
1329
|
];
|
|
1330
1330
|
class DbxMapboxModule {
|
|
1331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1332
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
1331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1332
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, imports: [
|
|
1333
1333
|
//
|
|
1334
1334
|
DbxMapboxLayoutVirtualResizeSyncComponent,
|
|
1335
1335
|
DbxMapboxMapDirective,
|
|
@@ -1356,7 +1356,7 @@ class DbxMapboxModule {
|
|
|
1356
1356
|
// ngx-mapbox-gl
|
|
1357
1357
|
MapComponent,
|
|
1358
1358
|
MarkerComponent] });
|
|
1359
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
1359
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, imports: [DbxMapboxLayoutComponent,
|
|
1360
1360
|
DbxMapboxLayoutDrawerComponent,
|
|
1361
1361
|
DbxMapboxInjectionComponent,
|
|
1362
1362
|
DbxMapboxMarkerComponent,
|
|
@@ -1365,7 +1365,7 @@ class DbxMapboxModule {
|
|
|
1365
1365
|
MapComponent,
|
|
1366
1366
|
MarkerComponent] });
|
|
1367
1367
|
}
|
|
1368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: DbxMapboxModule, decorators: [{
|
|
1369
1369
|
type: NgModule,
|
|
1370
1370
|
args: [{
|
|
1371
1371
|
imports: importsAndExports,
|