Angular v19
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
import { Component, ElementRef, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-attribution',
|
||||
template: '<ng-content></ng-content>',
|
||||
selector: 'aol-attribution',
|
||||
template: '<ng-content></ng-content>',
|
||||
standalone: false
|
||||
})
|
||||
export class AttributionComponent implements OnInit {
|
||||
label: string;
|
||||
|
||||
@@ -3,8 +3,9 @@ import { SourceComponent } from './sources/source.component';
|
||||
import { AttributionComponent } from './attribution.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-attributions',
|
||||
template: '<ng-content></ng-content>',
|
||||
selector: 'aol-attributions',
|
||||
template: '<ng-content></ng-content>',
|
||||
standalone: false
|
||||
})
|
||||
export class AttributionsComponent implements AfterViewInit {
|
||||
@ContentChildren(AttributionComponent)
|
||||
|
||||
@@ -9,8 +9,9 @@ import { Coordinate } from 'ol/coordinate';
|
||||
import { transform } from 'ol/proj';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-collection-coordinates',
|
||||
template: ` <div class="aol-collection-coordinates"></div> `,
|
||||
selector: 'aol-collection-coordinates',
|
||||
template: ` <div class="aol-collection-coordinates"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class CollectionCoordinatesComponent implements OnChanges, OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import { Component, ElementRef } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-content',
|
||||
template: '<ng-content></ng-content>',
|
||||
selector: 'aol-content',
|
||||
template: '<ng-content></ng-content>',
|
||||
standalone: false
|
||||
})
|
||||
export class ContentComponent {
|
||||
constructor(public elementRef: ElementRef) {}
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Attribution } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-attribution',
|
||||
template: ``,
|
||||
selector: 'aol-control-attribution',
|
||||
template: ``,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlAttributionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { ContentComponent } from '../content.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlComponent implements OnInit, OnDestroy {
|
||||
@ContentChild(ContentComponent, { static: true })
|
||||
|
||||
@@ -8,8 +8,9 @@ import { Options as ZoomOptions } from 'ol/control/Zoom';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-defaults',
|
||||
template: '',
|
||||
selector: 'aol-control-defaults',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DefaultControlComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { FullScreen } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-fullscreen',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-fullscreen',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlFullScreenComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { CoordinateFormat } from 'ol/coordinate';
|
||||
import { ProjectionLike } from 'ol/proj';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-mouseposition',
|
||||
template: ``,
|
||||
selector: 'aol-control-mouseposition',
|
||||
template: ``,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlMousePositionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { OverviewMap } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-overviewmap',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-overviewmap',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlOverviewMapComponent implements OnInit, OnChanges, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Rotate } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-rotate',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-rotate',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlRotateComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Units } from 'ol/control/ScaleLine';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-scaleline',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-scaleline',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlScaleLineComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Zoom } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-zoom',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-zoom',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlZoomComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { ZoomSlider } from 'ol/control';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-zoomslider',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-zoomslider',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlZoomSliderComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Extent } from 'ol/extent';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-control-zoomtoextent',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-control-zoomtoextent',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ControlZoomToExtentComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -7,8 +7,9 @@ import { ViewComponent } from './view.component';
|
||||
import { OverlayComponent } from './overlay.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-coordinate',
|
||||
template: ` <div class="aol-coordinate"></div> `,
|
||||
selector: 'aol-coordinate',
|
||||
template: ` <div class="aol-coordinate"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class CoordinateComponent implements OnChanges, OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Feature } from 'ol';
|
||||
import { SourceVectorComponent } from './sources/vector.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-feature',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-feature',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class FeatureComponent implements OnInit, OnDestroy, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -4,9 +4,10 @@ import { MVT } from 'ol/format';
|
||||
import { FeatureClass } from 'ol/Feature';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-format-mvt',
|
||||
template: '',
|
||||
providers: [{ provide: FormatComponent, useExisting: forwardRef(() => FormatMVTComponent) }],
|
||||
selector: 'aol-format-mvt',
|
||||
template: '',
|
||||
providers: [{ provide: FormatComponent, useExisting: forwardRef(() => FormatMVTComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class FormatMVTComponent extends FormatComponent {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { SimpleGeometryComponent } from './simplegeometry.component';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-circle',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-circle',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryCircleComponent extends SimpleGeometryComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { LineString } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-linestring',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-linestring',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryLinestringComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-linestring';
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { MultiLineString } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-multilinestring',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-multilinestring',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryMultiLinestringComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-multilinestring';
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { MultiPoint } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-multipoint',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-multipoint',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryMultiPointComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-multipoint';
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { MultiPolygon } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-multipolygon',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-multipolygon',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryMultiPolygonComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-multipolygon';
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Point } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-point',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-point',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryPointComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-point';
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Polygon } from 'ol/geom';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-geometry-polygon',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-geometry-polygon',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class GeometryPolygonComponent extends SimpleGeometryComponent implements OnInit {
|
||||
public componentType = 'geometry-polygon';
|
||||
|
||||
@@ -4,8 +4,9 @@ import { Stroke } from 'ol/style';
|
||||
import { MapComponent } from './map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-graticule',
|
||||
template: '<ng-content></ng-content>',
|
||||
selector: 'aol-graticule',
|
||||
template: '<ng-content></ng-content>',
|
||||
standalone: false
|
||||
})
|
||||
export class GraticuleComponent implements AfterContentInit, OnChanges, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { Collection } from 'ol';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-default',
|
||||
template: '',
|
||||
selector: 'aol-interaction-default',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DefaultInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { DoubleClickZoom } from 'ol/interaction';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-doubleclickzoom',
|
||||
template: '',
|
||||
selector: 'aol-interaction-doubleclickzoom',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DoubleClickZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { ProjectionLike } from 'ol/proj';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-draganddrop',
|
||||
template: '',
|
||||
selector: 'aol-interaction-draganddrop',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragAndDropInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { Condition } from 'ol/events/condition';
|
||||
import { EndCondition } from 'ol/interaction/DragBox';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-dragbox',
|
||||
template: '',
|
||||
selector: 'aol-interaction-dragbox',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragBoxInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Condition } from 'ol/events/condition';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-dragpan',
|
||||
template: '',
|
||||
selector: 'aol-interaction-dragpan',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragPanInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Condition } from 'ol/events/condition';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-dragrotate',
|
||||
template: '',
|
||||
selector: 'aol-interaction-dragrotate',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragRotateInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Condition } from 'ol/events/condition';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-dragrotateandzoom',
|
||||
template: '',
|
||||
selector: 'aol-interaction-dragrotateandzoom',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragRotateAndZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { MapComponent } from '../map.component';
|
||||
import { Condition } from 'ol/events/condition';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-dragzoom',
|
||||
template: '',
|
||||
selector: 'aol-interaction-dragzoom',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DragZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -12,8 +12,9 @@ import { ObjectEvent } from 'ol/Object';
|
||||
import BaseEvent from 'ol/events/Event';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-draw',
|
||||
template: '',
|
||||
selector: 'aol-interaction-draw',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class DrawInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { KeyboardPan } from 'ol/interaction';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-keyboardpan',
|
||||
template: '',
|
||||
selector: 'aol-interaction-keyboardpan',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class KeyboardPanInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { KeyboardZoom } from 'ol/interaction';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-keyboardpan',
|
||||
template: '',
|
||||
selector: 'aol-interaction-keyboardpan',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class KeyboardZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -12,8 +12,9 @@ import { DrawEvent } from 'ol/interaction/Draw';
|
||||
import BaseEvent from 'ol/events/Event';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-modify',
|
||||
template: '',
|
||||
selector: 'aol-interaction-modify',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class ModifyInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { MouseWheelZoom } from 'ol/interaction';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-mousewheelzoom',
|
||||
template: '',
|
||||
selector: 'aol-interaction-mousewheelzoom',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class MouseWheelZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { PinchZoom } from 'ol/interaction';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-pinchzoom',
|
||||
template: '',
|
||||
selector: 'aol-interaction-pinchzoom',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class PinchZoomInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -11,8 +11,9 @@ import { ObjectEvent } from 'ol/Object';
|
||||
import BaseEvent from 'ol/events/Event';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-select',
|
||||
template: '',
|
||||
selector: 'aol-interaction-select',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class SelectInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -8,8 +8,9 @@ import BaseEvent from 'ol/events/Event';
|
||||
import { ObjectEvent } from 'ol/Object';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-interaction-translate',
|
||||
template: '',
|
||||
selector: 'aol-interaction-translate',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class TranslateInteractionComponent implements OnInit, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import { LayerComponent } from './layer.component';
|
||||
import { MapComponent } from '../map.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-layer-group',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-layer-group',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class LayerGroupComponent extends LayerComponent implements OnInit, OnDestroy {
|
||||
public instance: Group;
|
||||
|
||||
@@ -6,8 +6,9 @@ import { LayerGroupComponent } from './layergroup.component';
|
||||
import { Extent } from 'ol/extent';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-layer-image',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-layer-image',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class LayerImageComponent extends LayerComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { LayerComponent } from './layer.component';
|
||||
import { LayerGroupComponent } from './layergroup.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-layer-tile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-layer-tile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class LayerTileComponent extends LayerComponent implements OnInit, OnDestroy, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -7,8 +7,9 @@ import { LayerComponent } from './layer.component';
|
||||
import { LayerGroupComponent } from './layergroup.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-layer-vector',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-layer-vector',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class LayerVectorComponent extends LayerComponent implements OnInit, OnDestroy, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -8,8 +8,9 @@ import { LayerGroupComponent } from './layergroup.component';
|
||||
import { StyleFunction } from 'ol/style/Style';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-layer-vectortile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-layer-vectortile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class LayerVectorTileComponent extends LayerComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -20,11 +20,12 @@ import { DrawEvent } from 'ol/interaction/Draw';
|
||||
import BaseEvent from 'ol/events/Event';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-map',
|
||||
template: `
|
||||
selector: 'aol-map',
|
||||
template: `
|
||||
<div [style.width]="width" [style.height]="height"></div>
|
||||
<ng-content></ng-content>
|
||||
`,
|
||||
standalone: false
|
||||
})
|
||||
export class MapComponent implements OnInit, AfterViewInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -4,8 +4,9 @@ import Overlay, { PanOptions, Positioning } from 'ol/Overlay';
|
||||
import { ContentComponent } from './content.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-overlay',
|
||||
template: '<ng-content></ng-content>',
|
||||
selector: 'aol-overlay',
|
||||
template: '<ng-content></ng-content>',
|
||||
standalone: false
|
||||
})
|
||||
export class OverlayComponent implements OnInit, OnDestroy {
|
||||
@ContentChild(ContentComponent, { static: true })
|
||||
|
||||
@@ -5,9 +5,10 @@ import { LayerTileComponent } from '../layers/layertile.component';
|
||||
import { LoadFunction } from 'ol/Tile';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-bingmaps',
|
||||
template: ` <div class="aol-source-bingmaps"></div> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceBingmapsComponent) }],
|
||||
selector: 'aol-source-bingmaps',
|
||||
template: ` <div class="aol-source-bingmaps"></div> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceBingmapsComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceBingmapsComponent extends SourceComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -17,9 +17,10 @@ import { SourceComponent } from './source.component';
|
||||
import { SourceVectorComponent } from './vector.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-cluster',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceClusterComponent) }],
|
||||
selector: 'aol-source-cluster',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceClusterComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceClusterComponent extends SourceComponent implements AfterContentInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -7,9 +7,10 @@ import { GeoJSON } from 'ol/format';
|
||||
import { ProjectionLike } from 'ol/proj';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-geojson',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceGeoJSONComponent) }],
|
||||
selector: 'aol-source-geojson',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceGeoJSONComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceGeoJSONComponent extends SourceComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -18,9 +18,10 @@ import { LoadFunction } from 'ol/Image';
|
||||
import { ImageSourceEvent } from 'ol/source/Image';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-imagearcgisrest',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageArcGISRestComponent) }],
|
||||
selector: 'aol-source-imagearcgisrest',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageArcGISRestComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceImageArcGISRestComponent extends SourceComponent implements OnInit, OnChanges {
|
||||
@Input() projection: ProjectionLike | string;
|
||||
|
||||
@@ -20,9 +20,10 @@ import { Size } from 'ol/size';
|
||||
import { ImageSourceEvent } from 'ol/source/Image';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-imagestatic',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageStaticComponent) }],
|
||||
selector: 'aol-source-imagestatic',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageStaticComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceImageStaticComponent extends SourceComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -19,9 +19,10 @@ import { ImageSourceEvent } from 'ol/source/Image';
|
||||
import { ServerType } from 'ol/source/wms';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-imagewms',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageWMSComponent) }],
|
||||
selector: 'aol-source-imagewms',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceImageWMSComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceImageWMSComponent extends SourceComponent implements OnChanges, OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -8,9 +8,10 @@ import { SourceComponent } from './source.component';
|
||||
import { SourceXYZComponent } from './xyz.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-osm',
|
||||
template: ` <div class="aol-source-osm"></div> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceOsmComponent) }],
|
||||
selector: 'aol-source-osm',
|
||||
template: ` <div class="aol-source-osm"></div> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceOsmComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceOsmComponent extends SourceXYZComponent implements AfterContentInit {
|
||||
@Input()
|
||||
|
||||
@@ -15,14 +15,15 @@ import { LayerImageComponent } from '../layers/layerimage.component';
|
||||
import { SourceComponent } from './source.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-raster',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [
|
||||
{
|
||||
provide: SourceComponent,
|
||||
useExisting: forwardRef(() => SourceRasterComponent),
|
||||
},
|
||||
],
|
||||
selector: 'aol-source-raster',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [
|
||||
{
|
||||
provide: SourceComponent,
|
||||
useExisting: forwardRef(() => SourceRasterComponent),
|
||||
},
|
||||
],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceRasterComponent extends SourceComponent implements AfterContentInit {
|
||||
@Input()
|
||||
|
||||
@@ -4,9 +4,10 @@ import { LayerTileComponent } from '../layers/layertile.component';
|
||||
import { SourceComponent } from './source.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-tilejson',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileJSONComponent) }],
|
||||
selector: 'aol-source-tilejson',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileJSONComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceTileJSONComponent extends SourceComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -7,9 +7,10 @@ import { LoadFunction } from 'ol/Tile';
|
||||
import { ServerType } from 'ol/source/wms';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-tilewms',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMSComponent) }],
|
||||
selector: 'aol-source-tilewms',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMSComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceTileWMSComponent extends SourceComponent implements OnChanges, OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -21,9 +21,10 @@ import { TileSourceEvent } from 'ol/source/Tile';
|
||||
import { RequestEncoding } from 'ol/source/WMTS';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-tilewmts',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMTSComponent) }],
|
||||
selector: 'aol-source-tilewmts',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceTileWMTSComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceTileWMTSComponent extends SourceComponent implements AfterContentInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -5,9 +5,10 @@ import { UTFGrid } from 'ol/source';
|
||||
import { Config } from 'ol/source/TileJSON';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-utfgrid',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceUTFGridComponent) }],
|
||||
selector: 'aol-source-utfgrid',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceUTFGridComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceUTFGridComponent extends SourceComponent implements OnInit {
|
||||
@Input() tileJSON: Config;
|
||||
|
||||
@@ -6,9 +6,10 @@ import { SourceComponent } from './source.component';
|
||||
import { LoadingStrategy } from 'ol/source/Vector';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-vector',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceVectorComponent) }],
|
||||
selector: 'aol-source-vector',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceVectorComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceVectorComponent extends SourceComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -10,9 +10,10 @@ import { ProjectionLike } from 'ol/proj';
|
||||
import { UrlFunction } from 'ol/Tile';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-vectortile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceVectorTileComponent) }],
|
||||
selector: 'aol-source-vectortile',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceVectorTileComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceVectorTileComponent extends SourceComponent implements AfterContentInit {
|
||||
@Input()
|
||||
|
||||
@@ -22,9 +22,10 @@ import { TileGridComponent } from '../tilegrid.component';
|
||||
import { SourceComponent } from './source.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-source-xyz',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceXYZComponent) }],
|
||||
selector: 'aol-source-xyz',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
providers: [{ provide: SourceComponent, useExisting: forwardRef(() => SourceXYZComponent) }],
|
||||
standalone: false
|
||||
})
|
||||
export class SourceXYZComponent extends SourceComponent implements AfterContentInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Circle, Fill, Stroke } from 'ol/style';
|
||||
import { StyleComponent } from './style.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style-circle',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-style-circle',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleCircleComponent implements AfterContentInit, OnChanges, OnDestroy {
|
||||
@Input()
|
||||
|
||||
@@ -7,8 +7,9 @@ import { Color } from 'ol/color';
|
||||
import { ColorLike } from 'ol/colorlike';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style-fill',
|
||||
template: ` <div class="aol-style-fill"></div> `,
|
||||
selector: 'aol-style-fill',
|
||||
template: ` <div class="aol-style-fill"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleFillComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -8,8 +8,9 @@ import { StyleComponent } from './style.component';
|
||||
import { IconAnchorUnits, IconOrigin } from 'ol/style/Icon';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style-icon',
|
||||
template: ` <div class="aol-style-icon"></div> `,
|
||||
selector: 'aol-style-icon',
|
||||
template: ` <div class="aol-style-icon"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleIconComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -7,8 +7,9 @@ import { Color } from 'ol/color';
|
||||
import { ColorLike } from 'ol/colorlike';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style-stroke',
|
||||
template: ` <div class="aol-style-stroke"></div> `,
|
||||
selector: 'aol-style-stroke',
|
||||
template: ` <div class="aol-style-stroke"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleStrokeComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -6,8 +6,9 @@ import { LayerVectorComponent } from '../layers/layervector.component';
|
||||
import { GeometryFunction } from 'ol/style/Style';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-style',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -3,8 +3,9 @@ import { Text } from 'ol/style';
|
||||
import { StyleComponent } from './style.component';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-style-text',
|
||||
template: ` <div class="aol-style-text"></div> `,
|
||||
selector: 'aol-style-text',
|
||||
template: ` <div class="aol-style-text"></div> `,
|
||||
standalone: false
|
||||
})
|
||||
export class StyleTextComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -6,8 +6,9 @@ import { Coordinate } from 'ol/coordinate';
|
||||
import { Size } from 'ol/size';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-tilegrid',
|
||||
template: '',
|
||||
selector: 'aol-tilegrid',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class TileGridComponent implements OnInit, OnChanges {
|
||||
@Input()
|
||||
|
||||
@@ -5,8 +5,9 @@ import { Coordinate } from 'ol/coordinate';
|
||||
import { Size } from 'ol/size';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-tilegrid-wmts',
|
||||
template: '',
|
||||
selector: 'aol-tilegrid-wmts',
|
||||
template: '',
|
||||
standalone: false
|
||||
})
|
||||
export class TileGridWMTSComponent extends TileGridComponent implements OnInit {
|
||||
@Input()
|
||||
|
||||
@@ -8,8 +8,9 @@ import { DrawEvent } from 'ol/interaction/Draw';
|
||||
import BaseEvent from 'ol/events/Event';
|
||||
|
||||
@Component({
|
||||
selector: 'aol-view',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
selector: 'aol-view',
|
||||
template: ` <ng-content></ng-content> `,
|
||||
standalone: false
|
||||
})
|
||||
export class ViewComponent implements OnInit, OnChanges, OnDestroy {
|
||||
@Input()
|
||||
|
||||
Reference in New Issue
Block a user