@theseam/ui-common 0.4.1 → 0.4.3

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

@@ -10,6 +10,7 @@ export declare class GoogleMapsService implements OnDestroy {
     private readonly _vcr;
     private readonly _ngUnsubscribe;
     private readonly _mapReadySubject;
+    private readonly _editingEnabledSubject;
     private _drawingManager?;
     private _featureContextMenu;
     private _activeContextMenu;
@@ -19,11 +20,14 @@ export declare class GoogleMapsService implements OnDestroy {
     googleMap?: google.maps.Map;
     readonly mapReady$: Observable<boolean>;
     get mapReady(): boolean;
+    readonly editingEnabled$: Observable<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;
+    setEditingEnabled(enabled: boolean): void;
+    isEditingEnabled(): boolean;
     getDiv(): HTMLDivElement;
     fitBounds(bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral, padding?: number | google.maps.Padding): void;
     /**
@@ -42,11 +46,14 @@ export declare class GoogleMapsService implements OnDestroy {
     setFileInputHandler(handler: ((file: File) => void) | undefined | null): void;
     getFileInputHandler(): ((file: File) => void) | undefined | null;
     private _initFeatureStyling;
+    setFeatureHoveredStyleOverride(feature: google.maps.Data.Feature): void;
+    private _mergeStyleOptions;
     private _initFeatureChangeListeners;
     isDrawing(): boolean;
     hasSelectedFeature(): boolean;
     getSelectedFeature(): google.maps.Data.Feature | null;
     openContextMenu(): void;
+    closeContextMenu(): void;
     private _openContextMenuForFeature;
     getGeoJson(removeAppProperties?: boolean): Promise<object>;
     /** Asserts that the map has been initialized. */

package/google-maps/public-api.d.ts

@@ -11,6 +11,7 @@ export * from './google-maps-upload-button-control/google-maps-upload-button-con
 export * from './google-maps-recenter-button-control/google-maps-recenter-button-control.component';
 export * from './google-maps-places-autocomplete/google-maps-places-autocomplete.directive';
 export * from './google-maps-places-autocomplete/google-maps-places-autocomplete.component';
+export * from './map-controls-service';
 export * from './google-maps-api-loader/google-maps-api-loader';
 export * from './google-maps-api-loader/lazy-google-maps-api-loader';
 export * from './google-maps-api-loader/noop-google-maps-api-loader';

package/menu/menu-item.component.d.ts

@@ -1,5 +1,5 @@
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { ElementRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { CanDisableCtor } from '@theseam/ui-common/core';
 import { SeamIcon } from '@theseam/ui-common/icon';
@@ -8,23 +8,31 @@ import * as i0 from "@angular/core";
 declare class TheSeamMenuItemBase {
 }
 declare const _seamMenuItemMixinBase: CanDisableCtor & typeof TheSeamMenuItemBase;
-export declare class MenuItemComponent extends _seamMenuItemMixinBase implements OnDestroy, FocusableOption {
-    private _elementRef;
-    document: any;
-    private _focusMonitor;
-    private _parentMenu?;
+export declare class MenuItemComponent extends _seamMenuItemMixinBase implements OnDestroy, AfterViewInit, FocusableOption {
+    private readonly _elementRef;
+    readonly _document: any;
+    private readonly _focusMonitor;
+    private readonly _changeDetectorRef;
+    private readonly _parentMenu?;
     /** ARIA role for the menu item. */
     role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox' | undefined | null;
     icon: SeamIcon | string | undefined | null;
     iconClass: string | undefined | null;
+    sublevelIcon: SeamIcon | string | undefined | null;
+    subLevelIconClass: string | undefined | null;
     badgeText: string | undefined | null;
     badgeTheme: string | undefined | null;
     /** Stream that emits when the menu item is hovered. */
     readonly _hovered: Subject<MenuItemComponent>;
+    /** Stream that emits when the menu item is focused. */
+    readonly _focused: Subject<MenuItemComponent>;
     /** Whether the menu item is highlighted. */
     _highlighted: boolean;
-    constructor(_elementRef: ElementRef<HTMLElement>, document: any, _focusMonitor: FocusMonitor, _parentMenu?: ITheSeamMenuPanel<MenuItemComponent> | undefined);
+    /** Whether the menu item acts as a trigger for a sub-menu. */
+    _triggersSubmenu: boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>, _document: any, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, _parentMenu?: ITheSeamMenuPanel<MenuItemComponent> | undefined);
     ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     /** Focuses the menu item. */
     focus(origin?: FocusOrigin): void;
     /** Used to set the `tabindex`. */
@@ -37,7 +45,10 @@ export declare class MenuItemComponent extends _seamMenuItemMixinBase implements
     _handleMouseEnter(): void;
     /** Gets the label to be used when determining whether the option should be focused. */
     getLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "[seamMenuItem]", ["seamMenuItem"], { "disabled": "disabled"; "role": "role"; "icon": "icon"; "iconClass": "iconClass"; "badgeText": "badgeText"; "badgeTheme": "badgeTheme"; }, {}, never, ["*"], false, never>;
+    _setHighlighted(isHighlighted: boolean): void;
+    _setTriggersSubmenu(triggersSubmenu: boolean): void;
+    _hasFocus(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "[seamMenuItem]", ["seamMenuItem"], { "disabled": "disabled"; "role": "role"; "icon": "icon"; "iconClass": "iconClass"; "sublevelIcon": "sublevelIcon"; "subLevelIconClass": "subLevelIconClass"; "badgeText": "badgeText"; "badgeTheme": "badgeTheme"; }, {}, never, ["*"], false, never>;
 }
 export {};

package/menu/menu-toggle.directive.d.ts

@@ -1,29 +1,45 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { Direction, Directionality } from '@angular/cdk/bidi';
 import { ConnectionPositionPair, Overlay } from '@angular/cdk/overlay';
-import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
+import { MenuItemComponent } from './menu-item.component';
+import { ITheSeamMenuPanel } from './menu-panel';
 import { MenuComponent } from './menu.component';
 import * as i0 from "@angular/core";
-export declare class MenuToggleDirective implements OnDestroy {
-    private _elementRef;
-    private _viewContainerRef;
-    private _overlay;
-    private _focusMonitor;
+export declare class MenuToggleDirective implements OnDestroy, AfterContentInit {
+    private readonly _elementRef;
+    private readonly _viewContainerRef;
+    private readonly _overlay;
+    private readonly _focusMonitor;
+    private readonly _parentMenu?;
+    private readonly _menuItemInstance?;
+    private readonly _dir?;
     private _active;
     private _overlayRef?;
     private _menuClosedSubscription;
     private _closingActionsSubscription;
+    private _hoverSubscription;
+    private readonly _changeDetectorRef;
     restoreFocus: boolean;
-    _openedBy: 'mouse' | 'touch' | null;
-    seamMenuToggle: MenuComponent | undefined | null;
+    _openedBy: 'mouse' | 'touch' | 'keyboard' | null;
+    get menu(): MenuComponent | undefined | null;
+    set menu(menu: MenuComponent | undefined | null);
+    _menu: MenuComponent | undefined | null;
     set positions(val: ConnectionPositionPair[]);
     get positions(): ConnectionPositionPair[];
     private _positions;
+    /** Event emitted when the associated menu is opened. */
+    readonly menuOpened: EventEmitter<void>;
+    /** Event emitted when the associated menu is opened. */
+    readonly menuClosed: EventEmitter<void>;
     _onMouseDown(event: MouseEvent): void;
     _onKeydown(event: any): void;
     _onClick(event: any): void;
     _onDocumentKeydown(event: any): void;
-    constructor(_elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _focusMonitor: FocusMonitor);
+    private readonly _parentMenuComponent?;
+    constructor(_elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _overlay: Overlay, _focusMonitor: FocusMonitor, _parentMenu?: ITheSeamMenuPanel<MenuItemComponent> | undefined, _menuItemInstance?: MenuItemComponent | undefined, _dir?: Directionality | undefined);
     ngOnDestroy(): void;
+    ngAfterContentInit(): void;
     /**
      * Handles touch start events on the trigger.
      * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
@@ -31,6 +47,10 @@ export declare class MenuToggleDirective implements OnDestroy {
     private _handleTouchStart;
     toggle(): void;
     openMenu(): void;
+    /** The text direction of the containing app. */
+    get dir(): Direction;
+    /** Whether the menu triggers a sub-menu or a top-level one. */
+    triggersSubmenu(): boolean;
     closeMenu(): void;
     menuOpen(): boolean;
     private getOverlayPosition;
@@ -49,8 +69,11 @@ export declare class MenuToggleDirective implements OnDestroy {
      * focus to the menu trigger if the menu was opened via the keyboard.
      */
     private _resetMenu;
+    private _setIsMenuOpen;
     /** Returns a stream that emits whenever an action that should close the menu occurs. */
     private _menuClosingActions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuToggleDirective, "[seamMenuToggle]", ["seamMenuToggle"], { "seamMenuToggle": "seamMenuToggle"; "positions": "positions"; }, {}, never, never, false, never>;
+    /** Handles the cases where the user hovers over the trigger. */
+    private _handleHover;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuToggleDirective, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuToggleDirective, "[seamMenuToggle]", ["seamMenuToggle"], { "menu": "seamMenuToggle"; "positions": "positions"; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, false, never>;
 }

package/menu/menu.component.d.ts

@@ -1,14 +1,19 @@
+import { AnimationEvent } from '@angular/animations';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { AfterContentInit, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { MenuItemComponent } from './menu-item.component';
 import { ITheSeamMenuPanel } from './menu-panel';
 import { MenuFooterComponent } from './menu-footer/menu-footer.component';
 import { MenuHeaderComponent } from './menu-header/menu-header.component';
+import { Direction } from '@angular/cdk/bidi';
 import * as i0 from "@angular/core";
+/** Reason why the menu was closed. */
+export type MenuCloseReason = void | 'click' | 'keydown' | 'tab';
 export declare const LIB_MENU: any;
 export declare class MenuComponent implements OnDestroy, AfterContentInit, ITheSeamMenuPanel {
     private readonly _ngUnsubscribe;
+    readonly panelId: string;
     private _footer;
     hasFooter$: Observable<boolean>;
     private _header;
@@ -22,8 +27,14 @@ export declare class MenuComponent implements OnDestroy, AfterContentInit, ITheS
     private _tabSubscription;
     /** Parent menu of the current menu panel. */
     parentMenu: ITheSeamMenuPanel | undefined;
+    /** Layout direction of the menu. */
+    direction: Direction | undefined;
+    /** Emits whenever an animation on the menu completes. */
+    readonly _animationDone: Subject<AnimationEvent>;
+    /** Whether the menu is animating. */
+    _isAnimating: boolean;
     templateRef?: TemplateRef<any>;
-    readonly closed: EventEmitter<void | "click" | "keydown" | "tab">;
+    readonly closed: EventEmitter<MenuCloseReason>;
     menuClass: string | undefined | null;
     /**
      * Defines a width for a menu that will scale down if the window innerWidth is
@@ -60,6 +71,9 @@ export declare class MenuComponent implements OnDestroy, AfterContentInit, ITheS
     /** Sets the header component. */
     setHeader(header?: MenuHeaderComponent): void;
     _dropdownMenuClick(event: Event): void;
+    /** Callback that is invoked when the panel animation completes. */
+    _onAnimationDone(event: AnimationEvent): void;
+    _onAnimationStart(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "seam-menu", ["seamMenu"], { "menuClass": "menuClass"; "baseWidth": "baseWidth"; "animationType": "animationType"; }, { "closed": "closed"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "peerDependencies": {
     "@angular/cdk": "^15.0.0",
     "@angular/common": "^15.0.0",

package/utils/geo-json/close-polygons.d.ts

@@ -0,0 +1,9 @@
+import { Feature, FeatureCollection, MultiPolygon, Polygon } from 'geojson';
+/**
+ * Close all polygons in the GeoJSON.
+ *
+ * Google Maps requires that polygons be closed, but not all libraries have that
+ * requirement. This may add redundent points to the GeoJSON, but it will ensure
+ * that the GeoJSON is valid for Google Maps.
+ */
+export declare function closePolygons(geoJson: FeatureCollection | Feature | Polygon | MultiPolygon): void;

package/utils/public-api.d.ts

@@ -22,6 +22,7 @@ export * from './geo-json/no-inner-rings.validator';
 export * from './geo-json/no-kinks.validator';
 export * from './geo-json/read-geo-file';
 export * from './geo-json/split-multi-polygons';
+export * from './geo-json/close-polygons';
 export * from './array-move';
 export * from './calc-percentage';
 export * from './toggle-attribute';

package/widget/widget/widget.component.d.ts

@@ -20,10 +20,11 @@ export declare class WidgetComponent {
     static ngAcceptInputType_loading: BooleanInput;
     static ngAcceptInputType_hasConfig: BooleanInput;
     static ngAcceptInputType_canCollapse: BooleanInput;
-    /** @ignore */
-    configIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    /** @ignore */
-    collapseIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly configIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly collapseIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    /**
+     * Toggles the collapsed state of a widget.
+     */
     collapsed: boolean;
     /**
      * Toggles the top header bar of a widget. This should be true for most
@@ -49,9 +50,7 @@ export declare class WidgetComponent {
      */
     get icon(): SeamIcon | undefined;
     set icon(value: SeamIcon | undefined);
-    /** @ignore */
     _iconUrl: string | undefined;
-    /** @ignore */
     _iconObj: IconProp | undefined;
     /** Add a css class to the header icon. */
     iconClass: string | undefined | null;
@@ -59,18 +58,18 @@ export declare class WidgetComponent {
     loading: boolean;
     /** @ignore */
     hasConfig: boolean;
-    /** @ignore */
+    /**
+     * Toggles the ability to collapse a widget. An icon will be displayed in the
+     * header to toggle the collapsed state.
+     */
     canCollapse: boolean;
     iconTpl?: WidgetIconTplDirective;
     titleTpl?: WidgetTitleTplDirective;
     /**
      * Toggles a widget's collapsed state.
-     *
-     * NOTE: Collapse is still being worked on.
-     * @depracated
-     * @ignore
      */
     collapse(): void;
+    get collapseState(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WidgetComponent, "seam-widget", never, { "collapsed": "collapsed"; "hasHeader": "hasHeader"; "titleText": "titleText"; "icon": "icon"; "iconClass": "iconClass"; "loading": "loading"; "hasConfig": "hasConfig"; "canCollapse": "canCollapse"; }, {}, ["iconTpl", "titleTpl"], ["*", "seam-widget-footer"], false, never>;
 }

package/widget/widget/widget.component.scss

@@ -56,7 +56,7 @@ seam-widget {
           flex-direction: row;
           justify-content: center;
           text-align: center;
-          height: 15px;
+          height: 25px;
           width: 30px;
 
           .svg-inline--fa {
@@ -65,6 +65,17 @@ seam-widget {
             width: 100%;
           }
         }
+
+        .svg-inline--fa {
+          transform: rotate(0deg);
+          transition: 300ms ease-in-out transform;
+        }
+
+        &.widget-header-btn-collapse--active {
+          .svg-inline--fa {
+            transform: rotate(90deg);
+          }
+        }
       }
     }