@theseam/ui-common 0.2.17 → 0.3.2

package/framework/top-bar/_top-bar-theme.scss

@@ -0,0 +1,5 @@
+@import './styles/utilities';
+
+@import './top-bar-menu-button/top-bar-menu-button.component';
+@import './top-bar-title/top-bar-title.component';
+@import './top-bar.component';

package/framework/top-bar/styles/_utilities.scss

@@ -0,0 +1,3 @@
+@import '../../../styles/utilities';
+
+@import './variables';

package/framework/top-bar/styles/_variables.scss

@@ -0,0 +1,18 @@
+$seam-top-bar-padding: 8px !default;
+$seam-top-bar-margin: 0px !default;
+$seam-top-bar-bg: white !default;
+$seam-top-bar-border-radius: 0 !default;
+$seam-top-bar-box-shadow: none !default;
+
+$seam-top-bar-logo-height: auto !default;
+$seam-top-bar-logo-width: auto !default;
+$seam-top-bar-logo-max-height: 60px !default;
+$seam-top-bar-logo-max-width: 200px !default;
+
+$seam-top-bar-logo-mobile-height: auto !default;
+$seam-top-bar-logo-mobile-width: auto !default;
+$seam-top-bar-logo-mobile-max-height: 40px !default;
+$seam-top-bar-logo-mobile-max-width: 150px !default;
+
+$seam-top-bar-menu-button-min-width: 200px !default;
+$seam-top-bar-menu-button-mobile-min-width: 40px !default;

package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts

@@ -1,15 +1,17 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { CanDisableCtor } from '@theseam/ui-common/core';
+import { SeamIcon } from '@theseam/ui-common/icon';
 declare class TopBarMenuButtonBase {
 }
 declare const _TopBarMenuButtonMixinBase: CanDisableCtor & typeof TopBarMenuButtonBase;
 export declare class TopBarMenuButtonComponent extends _TopBarMenuButtonMixinBase implements OnInit, OnDestroy {
     static ngAcceptInputType_compact: BooleanInput;
     faAngleDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    profileIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
     detailTpl: TemplateRef<{}> | undefined | null;
     compact: boolean;
+    /** Icon to display on mobile to activate profile dropdown. Defaults to faUserCircle. */
+    profileIcon: SeamIcon | undefined | null;
     get _hasCompactClass(): boolean;
     get _hasPadding0Class(): boolean;
     get _hasRoundedClass(): boolean;

package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.scss

@@ -0,0 +1,15 @@
+@import '../styles/utilities';
+
+button[seamTopBarMenuButton] {
+  min-width: $seam-top-bar-menu-button-min-width;
+
+  border-radius: 0;
+  border-top: 0 !important;
+  border-bottom: 0 !important;
+  border-right: 0 !important;
+
+  &.top-bar-menu-button--compact {
+    min-width: $seam-top-bar-menu-button-mobile-min-width;
+    border-left: 0 !important;
+  }
+}

package/framework/top-bar/top-bar-title/top-bar-title.component.scss

@@ -0,0 +1,6 @@
+seam-top-bar-title {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}

package/framework/top-bar/top-bar.component.d.ts

@@ -5,6 +5,7 @@ import { TheSeamLayoutService } from '@theseam/ui-common/layout';
 import { TopBarItemDirective } from './top-bar-item.directive';
 import { TopBarMenuBtnDetailDirective } from './top-bar-menu-btn-detail.directive';
 import { TopBarMenuDirective } from './top-bar-menu.directive';
+import { SeamIcon } from '@theseam/ui-common/icon';
 /**
  * Top bar of an app.
  *
@@ -45,6 +46,8 @@ export declare class TheSeamTopBarComponent implements OnInit, OnDestroy, AfterC
     titleText: string | undefined | null;
     /** Sub Title text displayed when `hasTitle` is true. The sub title will be less prominent. */
     subTitleText: string | undefined | null;
+    /** Icon to display on mobile to activate profile dropdown. Defaults to faUserCircle. */
+    profileIcon: SeamIcon | undefined | null;
     /** @ignore */
     _items$?: Observable<TopBarItemDirective[]>;
     /** @ignore */

package/framework/top-bar/top-bar.component.scss

@@ -0,0 +1,39 @@
+@import './styles/utilities';
+
+seam-top-bar {
+  display: flex;
+  flex: 1 1 100%;
+  flex-direction: row;
+
+  background: $seam-top-bar-bg;
+  margin: $seam-top-bar-margin;
+  padding: $seam-top-bar-padding;
+  border-radius: $seam-top-bar-border-radius;
+  box-shadow: $seam-top-bar-box-shadow;
+}
+
+.top-bar--logo {
+  flex: 0 0 auto;
+  overflow: hidden;
+  cursor: pointer;
+
+  img {
+    height: $seam-top-bar-logo-height;
+    max-height: $seam-top-bar-logo-max-height;
+    width: $seam-top-bar-logo-width;
+    max-width: $seam-top-bar-logo-max-width;
+  }
+
+  &.top-bar--logo-mobile {
+    img {
+      height: $seam-top-bar-logo-mobile-height;
+      max-height: $seam-top-bar-logo-mobile-max-height;
+      width: $seam-top-bar-logo-mobile-width;
+      max-width: $seam-top-bar-logo-mobile-max-width;
+    }
+  }
+}
+
+.top-bar-icon-container {
+  margin: auto 0;
+}

package/google-maps/google-maps/google-maps.component.d.ts

@@ -0,0 +1,89 @@
+/// <reference types="googlemaps" />
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { AgmMap } from '@agm/core';
+import { CanDisable, CanDisableCtor } from '@theseam/ui-common/core';
+import { MenuComponent } from '@theseam/ui-common/menu';
+import { GoogleMapsService } from '../google-maps.service';
+import { MapControl } from '../map-controls-service';
+import { MapValue, MapValueManagerService } from '../map-value-manager.service';
+declare class TheSeamGoogleMapsComponentBase {
+    _elementRef: ElementRef;
+    constructor(_elementRef: ElementRef);
+}
+declare const _TheSeamGoogleMapsMixinBase: CanDisableCtor & typeof TheSeamGoogleMapsComponentBase;
+/**
+ * A wrapper for googlemap.
+ */
+export declare class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase implements OnInit, AfterViewInit, OnDestroy, OnChanges, CanDisable, ControlValueAccessor {
+    private readonly _focusMonitor;
+    private readonly _googleMaps;
+    private readonly _mapValueManager;
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_zoom: NumberInput;
+    static ngAcceptInputType_longitude: NumberInput;
+    static ngAcceptInputType_latitude: NumberInput;
+    static ngAcceptInputType_fileDropEnabled: BooleanInput;
+    static ngAcceptInputType_fileUploadControlEnabled: BooleanInput;
+    static ngAcceptInputType_fullscreenControlEnabled: BooleanInput;
+    static ngAcceptInputType_reCenterControlEnabled: BooleanInput;
+    static ngAcceptInputType_mapTypeControlEnabled: BooleanInput;
+    static ngAcceptInputType_streetViewControlEnabled: BooleanInput;
+    static ngAcceptInputType_allowDrawingHoleInPolygon: BooleanInput;
+    private readonly _ngUnsubscribe;
+    readonly _fileUploadControlDef: MapControl;
+    readonly _reCenterControlDef: MapControl;
+    private _focusOrigin;
+    set value(value: MapValue);
+    get value(): MapValue;
+    set tabIndex(value: number);
+    get tabIndex(): number;
+    /**
+     * Set the tab index to `-1` to allow the root element of the
+     * component to receive `focus` event from javascript, but not get focused by
+     * keyboard navigation.
+     */
+    private _tabIndex;
+    fileDropEnabled: boolean;
+    fileUploadControlEnabled: boolean;
+    fullscreenControlEnabled: boolean;
+    reCenterControlEnabled: boolean;
+    mapTypeControlEnabled: boolean;
+    streetViewControlEnabled: boolean;
+    allowDrawingHoleInPolygon: boolean;
+    set fileImportHandler(value: ((file: File) => void) | undefined | null);
+    get _attrDisabled(): true | null;
+    get _attrTabIndex(): number;
+    onChange: any;
+    onTouched: any;
+    zoom: number;
+    longitude: number;
+    latitude: number;
+    mapReady: EventEmitter<void>;
+    agmMap: AgmMap;
+    featureContextMenu: MenuComponent;
+    agmMapTpl: ElementRef<HTMLElement>;
+    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _googleMaps: GoogleMapsService, _mapValueManager: MapValueManagerService);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: MapValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    fitBounds(bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral, padding?: number | google.maps.Padding): void;
+    getGeoJson(): Promise<object>;
+    hasFocus(): boolean;
+    /** Focuses the button. */
+    focus(): void;
+    private _getHostElement;
+    _onMapReady(theMap: google.maps.Map): void;
+    _onClickDeleteFeature(): void;
+}
+export {};

package/google-maps/google-maps-contextmenu.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="googlemaps" />
+import { NgZone, ViewContainerRef } from '@angular/core';
+import { MenuComponent } from '@theseam/ui-common/menu';
+export declare class GoogleMapsContextMenu {
+    private readonly _map;
+    private readonly _menu;
+    private readonly _vcr;
+    private readonly _ngZone;
+    private readonly _data;
+    private readonly _feature;
+    private readonly _overlayView;
+    private readonly _cleanupFn;
+    constructor(_map: google.maps.Map, _menu: MenuComponent, _position: google.maps.LatLng, _vcr: ViewContainerRef, _ngZone: NgZone, _data: google.maps.Data, _feature: google.maps.Data.Feature);
+    close(): void;
+}

package/google-maps/google-maps-controls.service.d.ts

@@ -0,0 +1,23 @@
+import { ComponentFactoryResolver, Injector } from '@angular/core';
+import { Observable } from 'rxjs';
+import { GoogleMapsService } from './google-maps.service';
+import { MapControl, MapControlsService } from './map-controls-service';
+export declare class MapControlRef {
+    private readonly _googleMaps;
+    private readonly _componentFactoryResolver;
+    private readonly _injector;
+    private readonly _controlDef;
+    private readonly _destroyedSubject;
+    private _componentRef;
+    private _addedAtPosition;
+    destroyed: Observable<void>;
+    constructor(_googleMaps: GoogleMapsService, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector, _controlDef: MapControl);
+    destroy(): void;
+}
+export declare class GoogleMapsControlsService implements MapControlsService {
+    private readonly _googleMaps;
+    private readonly _componentFactoryResolver;
+    private readonly _injector;
+    constructor(_googleMaps: GoogleMapsService, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector);
+    add(control: MapControl): MapControlRef;
+}

package/google-maps/google-maps-feature-helpers.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="googlemaps" />
+import { NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
+export declare enum AppFeaturePropertyName {
+    IsSelected = "__app__isSelected"
+}
+export declare function isAppFeatureProperty(propertyName: string): propertyName is AppFeaturePropertyName;
+export declare function isFeatureSelected(feature: google.maps.Data.Feature): boolean;
+export declare function setFeatureSelected(feature: google.maps.Data.Feature, isSelected: boolean): void;
+export declare function stripAppFeaturePropertiesFromJson(json: any): void;
+/**
+ * Searches for a Feature in Data that contains the provided Feature and can use
+ * it as a cutout area.
+ */
+export declare function getPossibleExteriorFeature(data: google.maps.Data, feature: google.maps.Data.Feature): google.maps.Data.Feature | undefined;
+export declare function addInnerFeatureCutoutToExteriorFeature(exteriorFeature: google.maps.Data.Feature, innerFeature: google.maps.Data.Feature): void;
+/**
+ * Google maps paths don't always start and stop at the exact same position, so
+ * this will fix that for turfjs.
+ */
+export declare function fixPathDifferentStartingAndEndingPoint(coordinates: number[][]): void;
+export declare function polygonCoordinates(polygon: google.maps.Data.Polygon): number[][][];
+export declare function multiPolygonCoordinates(multiPolygon: google.maps.Data.MultiPolygon): number[][][][];
+export declare function toTurfJsPolygon(polygon: google.maps.Data.Polygon): import("@turf/helpers").Feature<import("@turf/helpers").Polygon, import("@turf/helpers").Properties>;
+export declare function toTurfJsMultiPolygon(multiPolygon: google.maps.Data.MultiPolygon): import("@turf/helpers").Feature<import("@turf/helpers").MultiPolygon, import("@turf/helpers").Properties>;
+export declare function toTurfJsFeature(googleFeature: google.maps.Data.Feature): import("@turf/helpers").Feature<import("@turf/helpers").Polygon, import("@turf/helpers").Properties> | import("@turf/helpers").Feature<import("@turf/helpers").MultiPolygon, import("@turf/helpers").Properties>;
+export declare function featureContains(featureA: google.maps.Data.Feature, featureB: google.maps.Data.Feature): boolean;
+export declare function createDataFeatureFromPolygon(polygon: google.maps.Polygon): google.maps.Data.Feature;
+export declare function getBoundsWithAllFeatures(data: google.maps.Data): google.maps.LatLngBounds;
+export declare function getFeatureBounds(feature: google.maps.Data.Feature): google.maps.LatLngBounds;
+export declare function getFeatureCenter(feature: google.maps.Data.Feature): google.maps.LatLng;
+export declare function removeAllFeatures(data: google.maps.Data): void;
+export declare function getFeaturesCount(data: google.maps.Data): number;
+/**
+ * NOTE: Original events are not emitted, because filtering may omit events.
+ */
+export declare function createFeatureChangeObservable(data: google.maps.Data, ngZone: NgZone): Observable<void>;

package/google-maps/google-maps-places-autocomplete/google-maps-places-autocomplete.component.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="googlemaps" />
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { InputDirective } from '@theseam/ui-common/form-field';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { TheSeamGoogleMapsPlacesAutocompleteDirective } from './google-maps-places-autocomplete.directive';
+/**
+ *
+ */
+export declare class TheSeamGoogleMapsPlacesAutoCompleteComponent implements OnInit, OnDestroy {
+    private readonly _elementRef;
+    static ngAcceptInputType_disabled: BooleanInput;
+    private readonly _ngUnsubscribe;
+    private readonly _autoCompleteReadySubject;
+    private _placeChangedPending;
+    autoComplete?: google.maps.places.Autocomplete;
+    label: string | undefined | null;
+    icon: SeamIcon | undefined | null;
+    disabled: BooleanInput;
+    placeholder: string | undefined | null;
+    autocorrect: 'off' | 'on' | undefined | null;
+    autocapitalize: 'off' | 'on' | undefined | null;
+    /**
+     * Set the tab index to `-1` to allow the root element of the
+     * component to receive `focus` event from javascript, but not get focused by
+     * keyboard navigation.
+     */
+    set tabIndex(value: number);
+    get tabIndex(): number;
+    private _tabIndex;
+    set options(value: google.maps.places.AutocompleteOptions | undefined | null);
+    _options: google.maps.places.AutocompleteOptions;
+    /**
+     * This event is fired when a PlaceResult is made available for a Place the
+     * user has selected. If the user enters the name of a Place that was not
+     * suggested by the control and presses the Enter key, or if a Place Details
+     * request fails, the PlaceResult contains the user input in the name
+     * property, with no other properties defined.
+     *
+     * See: https://developers.google.com/maps/documentation/javascript/reference/places-widget#Autocomplete.place_changed
+     */
+    readonly placeChanged: Observable<void>;
+    _inputDirective: InputDirective;
+    set __autocompleteDirective(value: TheSeamGoogleMapsPlacesAutocompleteDirective);
+    _autoCompleteDirective: TheSeamGoogleMapsPlacesAutocompleteDirective;
+    get _attrTabIndex(): number;
+    _onClick(event: MouseEvent): void;
+    _onFocus(): void;
+    constructor(_elementRef: ElementRef);
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    private _untilAutoCompleteReady;
+    /**
+     * Returns the bounds to which predictions are biased.
+     */
+    getBounds(): google.maps.LatLngBounds | undefined;
+    /**
+     * Returns the fields to be included for the Place in the details response
+     * when the details are successfully retrieved. For a list of fields see
+     * [PlaceResult](https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult).
+     */
+    getFields(): string[] | undefined;
+    /**
+     * Returns the details of the Place selected by user if the details were
+     * successfully retrieved. Otherwise returns a stub Place object, with the
+     * name property set to the current value of the input field.
+     */
+    getPlace(): google.maps.places.PlaceResult;
+    /**
+     * Sets the preferred area within which to return Place results. Results are
+     * biased towards, but not restricted to, this area.
+     */
+    setBounds(bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral): void;
+    /**
+     * Sets the component restrictions. Component restrictions are used to
+     * restrict predictions to only those within the parent component. For
+     * example, the country.
+     */
+    setComponentRestrictions(restrictions?: google.maps.places.ComponentRestrictions): void;
+    /**
+     * Sets the fields to be included for the Place in the details response when
+     * the details are successfully retrieved. For a list of fields see
+     * [PlaceResult](https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult).
+     */
+    setFields(fields?: string[]): void;
+    /** */
+    setOptions(options?: google.maps.places.AutocompleteOptions): void;
+    /**
+     * Sets the types of predictions to be returned. For supported types, see the
+     * [developer's guide](https://developers.google.com/maps/documentation/javascript/places-autocomplete#constrain-place-types).
+     * If no types are specified, all types will be returned.
+     */
+    setTypes(types?: string[]): void;
+    /** Focuses the input. */
+    focus(): void;
+    /** Unfocuses the input. */
+    blur(): void;
+    getHostElement(): HTMLInputElement;
+    private _createPlaceChangedObservable;
+    /** Asserts that the map has been initialized. */
+    private _assertInitialized;
+}

package/google-maps/google-maps-places-autocomplete/google-maps-places-autocomplete.directive.d.ts

@@ -0,0 +1,80 @@
+/// <reference types="googlemaps" />
+import { ElementRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { Observable } from 'rxjs';
+export declare const SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS: google.maps.places.AutocompleteOptions;
+export declare class TheSeamGoogleMapsPlacesAutocompleteDirective implements OnInit, OnDestroy, OnChanges {
+    private readonly _elementRef;
+    private readonly _ngZone;
+    private readonly _autoCompleteReadySubject;
+    private readonly _ngUnsubscribe;
+    private _placeChangedPending;
+    private _listeners;
+    autoComplete?: google.maps.places.Autocomplete;
+    set options(value: google.maps.places.AutocompleteOptions | undefined | null);
+    private _options;
+    /**
+     * This event is fired when a PlaceResult is made available for a Place the
+     * user has selected. If the user enters the name of a Place that was not
+     * suggested by the control and presses the Enter key, or if a Place Details
+     * request fails, the PlaceResult contains the user input in the name
+     * property, with no other properties defined.
+     *
+     * See: https://developers.google.com/maps/documentation/javascript/reference/places-widget#Autocomplete.place_changed
+     */
+    readonly placeChanged: Observable<any>;
+    _attrType: string;
+    constructor(_elementRef: ElementRef<HTMLInputElement>, _ngZone: NgZone);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _untilGoogleMapsApiLoaded;
+    /**
+     * Returns the bounds to which predictions are biased.
+     */
+    getBounds(): google.maps.LatLngBounds | undefined;
+    /**
+     * Returns the fields to be included for the Place in the details response
+     * when the details are successfully retrieved. For a list of fields see
+     * [PlaceResult](https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult).
+     */
+    getFields(): string[] | undefined;
+    /**
+     * Returns the details of the Place selected by user if the details were
+     * successfully retrieved. Otherwise returns a stub Place object, with the
+     * name property set to the current value of the input field.
+     */
+    getPlace(): google.maps.places.PlaceResult;
+    /**
+     * Sets the preferred area within which to return Place results. Results are
+     * biased towards, but not restricted to, this area.
+     */
+    setBounds(bounds?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral): void;
+    /**
+     * Sets the component restrictions. Component restrictions are used to
+     * restrict predictions to only those within the parent component. For
+     * example, the country.
+     */
+    setComponentRestrictions(restrictions?: google.maps.places.ComponentRestrictions): void;
+    /**
+     * Sets the fields to be included for the Place in the details response when
+     * the details are successfully retrieved. For a list of fields see
+     * [PlaceResult](https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult).
+     */
+    setFields(fields?: string[]): void;
+    /** */
+    setOptions(options?: google.maps.places.AutocompleteOptions): void;
+    /**
+     * Sets the types of predictions to be returned. For supported types, see the
+     * [developer's guide](https://developers.google.com/maps/documentation/javascript/places-autocomplete#constrain-place-types).
+     * If no types are specified, all types will be returned.
+     */
+    setTypes(types?: string[]): void;
+    /** Focuses the input. */
+    focus(): void;
+    /** Unfocuses the input. */
+    blur(): void;
+    getHostElement(): HTMLInputElement;
+    private _createPlaceChangedObservable;
+    /** Asserts that the map has been initialized. */
+    private _assertInitialized;
+}

package/google-maps/google-maps-recenter-button-control/google-maps-recenter-button-control.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy } from '@angular/core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { GoogleMapsService } from '../google-maps.service';
+export interface GoogleMapsRecenterButtonControlData {
+    label?: string | undefined | null;
+    icon?: SeamIcon | undefined | null;
+}
+/**
+ *
+ */
+export declare class TheSeamGoogleMapsRecenterButtonControlComponent implements OnDestroy {
+    private readonly _googleMaps;
+    private readonly _ngUnsubscribe;
+    private _listeners;
+    label: string | undefined | null;
+    icon: SeamIcon | undefined | null;
+    _onClick(event: MouseEvent): void;
+    constructor(_googleMaps: GoogleMapsService, _data?: GoogleMapsRecenterButtonControlData);
+    /** @ignore */
+    ngOnDestroy(): void;
+}

package/google-maps/google-maps-upload-button-control/google-maps-upload-button-control.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { GoogleMapsService } from '../google-maps.service';
+import { MapValueManagerService } from '../map-value-manager.service';
+export interface GoogleMapsUploadButtonControlData {
+    label?: string | undefined | null;
+    icon?: SeamIcon | undefined | null;
+}
+/**
+ *
+ */
+export declare class TheSeamGoogleMapsUploadButtonControlComponent implements OnDestroy {
+    private readonly _elementRef;
+    private readonly _mapValueManager;
+    private readonly _renderer;
+    private readonly _googleMaps;
+    private readonly _ngUnsubscribe;
+    private readonly _fileInputElement;
+    private _listeners;
+    label: string | undefined | null;
+    icon: SeamIcon | undefined | null;
+    _onClick(event: MouseEvent): void;
+    constructor(_elementRef: ElementRef, _mapValueManager: MapValueManagerService, _renderer: Renderer2, _googleMaps: GoogleMapsService, _data?: GoogleMapsUploadButtonControlData);
+    /** @ignore */
+    ngOnDestroy(): void;
+    private _getFile;
+    private _importFile;
+    private _createHiddenInput;
+    private _createTemporaryFormElement;
+    /**
+     * Reset input element, so that the same file can be added again.
+     */
+    private _resetInput;
+}

package/google-maps/google-maps.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamGoogleMapsModule {
+}

package/google-maps/google-maps.service.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="googlemaps" />
+import { NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MenuComponent } from '@theseam/ui-common/menu';
+import { MapValueManagerService } from './map-value-manager.service';
+export declare class GoogleMapsService implements OnDestroy {
+    private readonly _mapValueManager;
+    private readonly _ngZone;
+    private readonly _vcr;
+    private readonly _ngUnsubscribe;
+    private readonly _mapReadySubject;
+    private _drawingManager?;
+    private _featureContextMenu;
+    private _activeContextMenu;
+    private _baseLatLng?;
+    private _allowDrawingHoleInPolygon;
+    private _fileInputHandler;
+    googleMap?: google.maps.Map;
+    readonly mapReady$: Observable<boolean>;
+    get mapReady(): boolean;
+    constructor(_mapValueManager: MapValueManagerService, _ngZone: NgZone, _vcr: ViewContainerRef);
+    ngOnDestroy(): void;
+    setMap(map: google.maps.Map): void;
+    setBaseLatLng(lat: number, lng: number): void;
+    setFeatureContextMenu(menu: MenuComponent | null): void;
+    getDiv(): HTMLDivElement;
+    fitBounds(bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral, padding?: number | google.maps.Padding): void;
+    /**
+     * Iterates the map's features and removes any that are selected.
+     */
+    deleteSelection(): void;
+    /**
+     * Stops the current drawing.
+     */
+    stopDrawing(): void;
+    private _initDrawingManager;
+    addControl(element: HTMLElement, position: google.maps.ControlPosition): void;
+    setData(data: any): Promise<void>;
+    reCenterOnFeatures(): void;
+    allowDrawingHoleInPolygon(allow: boolean): void;
+    setFileInputHandler(handler: ((file: File) => void) | undefined | null): void;
+    getFileInputHandler(): ((file: File) => void) | undefined | null;
+    private _initFeatureStyling;
+    private _initFeatureChangeListeners;
+    isDrawing(): boolean;
+    hasSelectedFeature(): boolean;
+    getSelectedFeature(): google.maps.Data.Feature | null;
+    openContextMenu(): void;
+    private _openContextMenuForFeature;
+    getGeoJson(removeAppProperties?: boolean): Promise<object>;
+    /** Asserts that the map has been initialized. */
+    private _assertInitialized;
+}

package/google-maps/map-control.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit } from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { GoogleMapsControlsService } from './google-maps-controls.service';
+import { GoogleMapsService } from './google-maps.service';
+import { MapControl } from './map-controls-service';
+export declare class TheSeamMapsControlComponent implements OnInit, OnDestroy {
+    private readonly _googleMaps;
+    private readonly _googleMapsControls;
+    private readonly _ngUnsubscribe;
+    private _controlRef?;
+    set def(value: MapControl | null | undefined);
+    _def: MapControl | null | undefined;
+    constructor(_googleMaps: GoogleMapsService, _googleMapsControls: GoogleMapsControlsService);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    private _add;
+    private _remove;
+}

package/google-maps/map-controls-service.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="googlemaps" />
+import { InjectionToken } from '@angular/core';
+import { ComponentType } from '@theseam/ui-common/models';
+export interface MapControl<TData = any> {
+    component: ComponentType<any>;
+    data?: TData;
+    position?: google.maps.ControlPosition;
+}
+export interface MapControlsService {
+    add(control: MapControl): void;
+}
+export declare const MAP_CONTROLS_SERVICE: InjectionToken<MapControlsService>;
+export declare const MAP_CONTROL_DATA: InjectionToken<any>;