@ngageoint/mage.web-core-lib 6.3.0-beta.0

package/fesm2020/ngageoint-mage.web-core-lib-feed.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i1 from '@angular/common/http';
+
+class FeedService {
+    constructor(http) {
+        this.http = http;
+        // TODO: there is probably a better solution than maintaining this map here
+        this._feeds = new BehaviorSubject([]);
+        this.feeds = this._feeds.asObservable();
+        this._feedItems = new Map();
+    }
+    feedItems(feedId) {
+        return this._feedItems.get(feedId).asObservable();
+    }
+    fetchAllFeeds() {
+        return this.http.get('/api/feeds/');
+    }
+    fetchFeed(feedId) {
+        return this.http.get(`/api/feeds/${feedId}`);
+    }
+    fetchService(serviceId) {
+        return this.http.get(`/api/feeds/services/${serviceId}`);
+    }
+    createService(service) {
+        return this.http.post(`/api/feeds/services`, service);
+    }
+    fetchServices() {
+        return this.http.get(`/api/feeds/services`);
+    }
+    fetchServiceFeeds(serviceId) {
+        return this.http.get(`/api/feeds/services/${serviceId}/feeds`);
+    }
+    fetchServiceType(serviceTypeId) {
+        return this.http.get(`/api/feeds/service_types/${serviceTypeId}`);
+    }
+    fetchTopics(serviceId) {
+        return this.http.get(`/api/feeds/services/${serviceId}/topics`);
+    }
+    previewFeed(serviceId, topicId, feedSpec, opts) {
+        opts = opts || {};
+        const skipContentFetch = opts.skipContentFetch === true;
+        return this.http.post(`/api/feeds/services/${serviceId}/topics/${topicId}/feed_preview?skip_content_fetch=${skipContentFetch}`, { feed: feedSpec });
+    }
+    fetchTopic(serviceId, topicId) {
+        return this.http.get(`/api/feeds/services/${serviceId}/topics/${topicId}`);
+    }
+    fetchServiceTypes() {
+        return this.http.get(`/api/feeds/service_types`);
+    }
+    createFeed(serviceId, topicId, feedConfiguration) {
+        return this.http.post(`/api/feeds/services/${serviceId}/topics/${topicId}/feeds`, feedConfiguration);
+    }
+    updateFeed(feed) {
+        return this.http.put(`/api/feeds/${feed.id}`, feed);
+    }
+    deleteFeed(feed) {
+        return this.http.delete(`/api/feeds/${feed.id}`, { responseType: 'text' });
+    }
+    deleteService(service) {
+        console.log('delete');
+        return this.http.delete(`/api/feeds/services/${service.id}`, { responseType: 'text' });
+    }
+    fetchFeeds(eventId) {
+        const subject = new Subject();
+        this.http.get(`/api/events/${eventId}/feeds`).subscribe(feeds => {
+            feeds.map(feed => {
+                feed.id = feed.id.toString();
+                return feed;
+            });
+            feeds.forEach(feed => {
+                let feedItems = this._feedItems.get(feed.id);
+                if (!feedItems) {
+                    feedItems = new BehaviorSubject([]);
+                    this._feedItems.set(feed.id, feedItems);
+                }
+            });
+            subject.next(feeds);
+            this._feeds.next(feeds);
+        });
+        return subject;
+    }
+    fetchFeedItems(event, feed) {
+        const feedItems = this._feedItems.get(feed.id);
+        return this.http.post(`/api/events/${event.id}/feeds/${feed.id}/content`, {}).pipe(map(content => {
+            const features = content.items.features;
+            features.forEach((feature) => {
+                feature.id = String(feature.id);
+                feature.properties = feature.properties || {};
+            });
+            feedItems.next(features);
+            return content;
+        }));
+    }
+}
+FeedService.ɵfac = function FeedService_Factory(t) { return new (t || FeedService)(i0.ɵɵinject(i1.HttpClient)); };
+FeedService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FeedService, factory: FeedService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1.HttpClient }]; }, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FeedService };
+//# sourceMappingURL=ngageoint-mage.web-core-lib-feed.mjs.map

package/fesm2020/ngageoint-mage.web-core-lib-feed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngageoint-mage.web-core-lib-feed.mjs","sources":["../../../projects/core-lib/feed/feed.service.ts","../../../projects/core-lib/feed/ngageoint-mage.web-core-lib-feed.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Feature } from 'geojson'\nimport { BehaviorSubject, Observable, Subject } from 'rxjs'\nimport { map } from 'rxjs/operators'\nimport { Feed, FeedContent, FeedExpanded, FeedPost, FeedPreview, FeedTopic, Service, ServiceType, StyledFeature } from './feed.model'\n\n\nexport interface FeedPreviewOptions {\n  skipContentFetch?: boolean\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class FeedService {\n\n  constructor(private http: HttpClient) { }\n\n  // TODO: there is probably a better solution than maintaining this map here\n  private _feeds = new BehaviorSubject<Array<Feed>>([]);\n  readonly feeds = this._feeds.asObservable();\n\n  private _feedItems = new Map<string, BehaviorSubject<Array<Feature>>>();\n  feedItems(feedId: string): Observable<Array<Feature>> {\n    return this._feedItems.get(feedId).asObservable();\n  }\n\n  fetchAllFeeds(): Observable<Array<Feed>> {\n    return this.http.get<Array<Feed>>('/api/feeds/');\n  }\n\n  fetchFeed(feedId: string): Observable<FeedExpanded> {\n    return this.http.get<FeedExpanded>(`/api/feeds/${feedId}`);\n  }\n\n  fetchService(serviceId: string): Observable<Service> {\n    return this.http.get<Service>(`/api/feeds/services/${serviceId}`);\n  }\n\n  createService(service: { title: string, summary?: string, serviceType: string, config: any}): Observable<Service> {\n    return this.http.post<Service>(`/api/feeds/services`, service);\n  }\n\n  fetchServices(): Observable<Array<Service>> {\n    return this.http.get<Array<Service>>(`/api/feeds/services`);\n  }\n\n  fetchServiceFeeds(serviceId: string): Observable<Array<Feed>> {\n    return this.http.get<Array<Feed>>(`/api/feeds/services/${serviceId}/feeds`);\n  }\n\n  fetchServiceType(serviceTypeId: string): Observable<ServiceType> {\n    return this.http.get<ServiceType>(`/api/feeds/service_types/${serviceTypeId}`);\n  }\n\n  fetchTopics(serviceId: string): Observable<Array<FeedTopic>> {\n    return this.http.get<Array<FeedTopic>>(`/api/feeds/services/${serviceId}/topics`);\n  }\n\n  previewFeed(serviceId: string, topicId: string, feedSpec: Partial<Omit<FeedPost, 'service' | 'topic'>>, opts?: FeedPreviewOptions): Observable<FeedPreview> {\n    opts = opts || {}\n    const skipContentFetch: boolean = opts.skipContentFetch === true\n    return this.http.post<FeedPreview>(\n      `/api/feeds/services/${serviceId}/topics/${topicId}/feed_preview?skip_content_fetch=${skipContentFetch}`,\n      { feed: feedSpec });\n  }\n\n  fetchTopic(serviceId: string, topicId: string): Observable<FeedTopic> {\n    return this.http.get<FeedTopic>(`/api/feeds/services/${serviceId}/topics/${topicId}`);\n  }\n\n  fetchServiceTypes(): Observable<Array<ServiceType>> {\n    return this.http.get<Array<ServiceType>>(`/api/feeds/service_types`);\n  }\n\n  createFeed(serviceId: string, topicId: string, feedConfiguration: any): Observable<FeedExpanded> {\n    return this.http.post<FeedExpanded>(`/api/feeds/services/${serviceId}/topics/${topicId}/feeds`, feedConfiguration);\n  }\n\n  updateFeed(feed: Partial<Omit<FeedPost, 'id'>> & Pick<Feed, 'id'>): Observable<FeedExpanded> {\n    return this.http.put<FeedExpanded>(`/api/feeds/${feed.id}`, feed);\n  }\n\n  deleteFeed(feed: Feed | FeedExpanded): Observable<{}> {\n    return this.http.delete(`/api/feeds/${feed.id}`, {responseType: 'text'});\n  }\n\n  deleteService(service: Service): Observable<{}> {\n    console.log('delete')\n    return this.http.delete(`/api/feeds/services/${service.id}`, { responseType: 'text' });\n  }\n\n  fetchFeeds(eventId: number): Observable<Array<Feed>> {\n    const subject = new Subject<Array<Feed>>();\n    this.http.get<Array<Feed>>(`/api/events/${eventId}/feeds`).subscribe(feeds => {\n      feeds.map(feed => {\n        feed.id = feed.id.toString();\n        return feed;\n      });\n\n      feeds.forEach(feed => {\n        let feedItems = this._feedItems.get(feed.id);\n        if (!feedItems) {\n          feedItems = new BehaviorSubject<Array<Feature>>([]);\n          this._feedItems.set(feed.id, feedItems);\n        }\n      })\n\n      subject.next(feeds);\n      this._feeds.next(feeds);\n    });\n\n    return subject;\n  }\n\n  fetchFeedItems(event: any, feed: Feed): Observable<FeedContent> {\n    const feedItems = this._feedItems.get(feed.id)\n    return this.http.post<FeedContent>(`/api/events/${event.id}/feeds/${feed.id}/content`, {}).pipe(\n      map(content => {\n        const features = content.items.features\n        features.forEach((feature: StyledFeature) => {\n          feature.id = String(feature.id)\n          feature.properties = feature.properties || {}\n        })\n        feedItems.next(features)\n        return content\n      })\n    )\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngageoint-mage.web-core-lib-paging.mjs

@@ -0,0 +1,83 @@
+import { DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, Subscription } from 'rxjs';
+
+const pageForItemIndex = (itemIndex, pageSize) => {
+    if (typeof pageSize === 'object') {
+        pageSize = pageSize.pageSize;
+    }
+    return Math.floor(itemIndex / pageSize);
+};
+/**
+ * Return the range of item indexes for the given page and page size.  The last
+ * end portion of the range is exclusive, so when indexing an array the last
+ * item of the page would have position `end - 1`.  This allows one to pass the
+ * values to `Array.slice()`.
+ * @param pageIndex
+ * @param pageSize
+ * @returns
+ */
+const itemRangeOfPage = (pageIndex, pageSize) => {
+    if (typeof pageIndex === 'object') {
+        pageSize = pageIndex.pageSize;
+        pageIndex = pageIndex.pageIndex;
+    }
+    const start = pageSize * pageIndex;
+    const end = start + pageSize;
+    return [start, end];
+};
+
+/**
+ * This class is an adaptation from the [Angular Material Guide](https://v8.material.angular.io/cdk/scrolling/overview), _"Specifying data" example_, also
+ * available on [StackBlitz](https://stackblitz.com/angular/mrbkjagnnra?file=src%2Fapp%2Fcdk-virtual-scroll-data-source-example.ts).
+ */
+class PagingDataSource extends DataSource {
+    constructor(pageSize, fetchPage) {
+        super();
+        this.pageSize = pageSize;
+        this.fetchPage = fetchPage;
+        this.data = null;
+        this.data$ = new BehaviorSubject([]);
+        this.fetchedPages = new Set();
+        this.subscription = new Subscription();
+    }
+    connect(collectionViewer) {
+        this.subscription.add(collectionViewer.viewChange.subscribe(range => {
+            const startPage = this.pageForItemIndex(range.start);
+            const endPage = this.pageForItemIndex(range.end - 1);
+            for (let page = startPage; page <= endPage; page++) {
+                this.fetch(page);
+            }
+        }));
+        return this.data$;
+    }
+    disconnect() {
+        this.subscription.unsubscribe();
+    }
+    pageForItemIndex(index) {
+        return pageForItemIndex(index, this.pageSize);
+    }
+    fetch(pageIndex) {
+        if (this.fetchedPages.has(pageIndex)) {
+            return;
+        }
+        this.fetchedPages.add(pageIndex);
+        const includeTotalCount = !this.data;
+        this.fetchPage({ pageSize: this.pageSize, pageIndex: pageIndex, includeTotalCount }).subscribe(page => {
+            if (!this.data) {
+                if (typeof (page.totalCount) !== 'number') {
+                    throw new Error('data is null and no total count is available to inform allocation');
+                }
+                this.data = Array.from({ length: page.totalCount });
+            }
+            this.data.splice(pageIndex * this.pageSize, this.pageSize, ...page.items);
+            this.data$.next(this.data);
+        });
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PagingDataSource, itemRangeOfPage, pageForItemIndex };
+//# sourceMappingURL=ngageoint-mage.web-core-lib-paging.mjs.map

package/fesm2020/ngageoint-mage.web-core-lib-paging.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngageoint-mage.web-core-lib-paging.mjs","sources":["../../../projects/core-lib/paging/paging.model.ts","../../../projects/core-lib/paging/paging.cdk-data-source.adapter.ts","../../../projects/core-lib/paging/ngageoint-mage.web-core-lib-paging.ts"],"sourcesContent":["\nexport interface PagingParameters {\n  pageSize: number,\n  pageIndex: number,\n  includeTotalCount?: boolean | null\n}\n\nexport interface PageOf<T> {\n  pageSize: number,\n  pageIndex: number,\n  totalCount?: number | null,\n  next?: PagingParameters | null\n  prev?: PagingParameters | null\n  items: T[]\n}\n\nexport const pageForItemIndex = (itemIndex: number, pageSize: number | PagingParameters): number => {\n  if (typeof pageSize === 'object') {\n    pageSize = pageSize.pageSize\n  }\n  return Math.floor(itemIndex / pageSize)\n}\n\n/**\n * Return the range of item indexes for the given page and page size.  The last\n * end portion of the range is exclusive, so when indexing an array the last\n * item of the page would have position `end - 1`.  This allows one to pass the\n * values to `Array.slice()`.\n * @param pageIndex\n * @param pageSize\n * @returns\n */\nexport const itemRangeOfPage: {\n  (pageIndex: number, pageSize: number): [ number, number ]\n  (paging: PagingParameters)\n} = (pageIndex: number | PagingParameters, pageSize?: number): [ number, number ] => {\n  if (typeof pageIndex === 'object') {\n    pageSize = pageIndex.pageSize\n    pageIndex = pageIndex.pageIndex\n  }\n  const start = pageSize * pageIndex\n  const end = start + pageSize\n  return [ start, end ]\n}\n","import { CollectionViewer, DataSource } from '@angular/cdk/collections'\nimport { BehaviorSubject, Observable, Subscription } from 'rxjs'\nimport { pageForItemIndex, PageOf, PagingParameters } from './paging.model'\n\n/**\n * This class is an adaptation from the [Angular Material Guide](https://v8.material.angular.io/cdk/scrolling/overview), _\"Specifying data\" example_, also\n * available on [StackBlitz](https://stackblitz.com/angular/mrbkjagnnra?file=src%2Fapp%2Fcdk-virtual-scroll-data-source-example.ts).\n */\nexport class PagingDataSource<T> extends DataSource<T> {\n\n  private data: T[] | null = null\n  private data$ = new BehaviorSubject<T[]>([])\n  private fetchedPages = new Set<number>()\n  private subscription = new Subscription()\n\n  constructor(private pageSize: number, private fetchPage: (paging: PagingParameters) => Observable<PageOf<T>>) {\n    super()\n  }\n\n  connect(collectionViewer: CollectionViewer): Observable<T[]> {\n    this.subscription.add(collectionViewer.viewChange.subscribe(range => {\n      const startPage = this.pageForItemIndex(range.start)\n      const endPage = this.pageForItemIndex(range.end - 1)\n      for (let page = startPage; page <= endPage; page++) {\n        this.fetch(page)\n      }\n    }))\n    return this.data$\n  }\n\n  disconnect(): void {\n    this.subscription.unsubscribe()\n  }\n\n  private pageForItemIndex(index: number): number {\n    return pageForItemIndex(index, this.pageSize)\n  }\n\n  private fetch(pageIndex: number) {\n    if (this.fetchedPages.has(pageIndex)) {\n      return\n    }\n    this.fetchedPages.add(pageIndex)\n    const includeTotalCount = !this.data\n    this.fetchPage({ pageSize: this.pageSize, pageIndex: pageIndex, includeTotalCount }).subscribe(page => {\n      if (!this.data) {\n        if (typeof(page.totalCount) !== 'number') {\n          throw new Error('data is null and no total count is available to inform allocation')\n        }\n        this.data = Array.from({ length: page.totalCount })\n      }\n      this.data.splice(pageIndex * this.pageSize, this.pageSize, ...page.items)\n      this.data$.next(this.data)\n    })\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngageoint-mage.web-core-lib-plugin.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ngageoint-mage.web-core-lib-plugin.mjs.map

package/fesm2020/ngageoint-mage.web-core-lib-plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngageoint-mage.web-core-lib-plugin.mjs","sources":["../../../projects/core-lib/plugin/ngageoint-mage.web-core-lib-plugin.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2020/ngageoint-mage.web-core-lib-static-icon.mjs

@@ -0,0 +1,368 @@
+import * as i3$1 from '@angular/cdk/scrolling';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i5 from '@ngageoint/mage.web-core-lib/common';
+import { MageCommonModule } from '@ngageoint/mage.web-core-lib/common';
+import * as i1 from '@angular/common/http';
+import { HttpParams } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+import * as i3 from '@angular/platform-browser';
+import { PagingDataSource } from '@ngageoint/mage.web-core-lib/paging';
+
+const contentPathOfIcon = (icon) => {
+    if (!icon) {
+        return;
+    }
+    if (typeof icon !== 'string') {
+        icon = icon.id;
+    }
+    return `/api/icons/${icon}/content`;
+};
+
+class StaticIconService {
+    constructor(http) {
+        this.http = http;
+    }
+    fetchIcons(fetch) {
+        const now = Date.now();
+        const results = new Observable(observer => {
+            const icons = [];
+            let remaining = 100;
+            while (remaining--) {
+                const id = now - remaining;
+                icons.unshift({
+                    id: String(id),
+                    title: `Icon ${id}`,
+                    fileName: `icon-${id}.png`,
+                    sourceUrl: `https://test.mage/${id}.png`,
+                    contentPath: `/icons/${id}/content`
+                });
+            }
+            setTimeout(() => {
+                observer.next({
+                    pageSize: 100,
+                    pageIndex: 0,
+                    totalCount: 100,
+                    items: icons
+                });
+                observer.complete();
+            }, 0);
+            return {
+                unsubscribe() { }
+            };
+        });
+        return results;
+    }
+    fetchIconById(id) {
+        return this.http.get(`/api/icons/${id}`).pipe(catchError((err, caught) => {
+            // TODO: this is probably better practice to insulate app layer from
+            // http errors
+            // if (err instanceof HttpErrorResponse) {
+            //   if (err.status === 404) {
+            //     return null
+            //   }
+            // }
+            return throwError(err);
+        }));
+    }
+    fetchIconBySourceUrl(url) {
+        return this.http.get(`/api/icons`, {
+            params: new HttpParams().set('source_url', url)
+        });
+    }
+    fetchIconByReference(ref) {
+        if (ref.id) {
+            return this.fetchIconById(ref.id);
+        }
+        else if (ref.sourceUrl) {
+            return this.fetchIconBySourceUrl(ref.sourceUrl);
+        }
+        throw new Error('no icon id or source url');
+    }
+    registerIconUrl(url) {
+        throw new Error('unimplemented');
+    }
+    uploadIcon() {
+        throw new Error('unimplemented');
+    }
+}
+StaticIconService.ɵfac = function StaticIconService_Factory(t) { return new (t || StaticIconService)(i0.ɵɵinject(i1.HttpClient)); };
+StaticIconService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StaticIconService, factory: StaticIconService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticIconService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1.HttpClient }]; }, null); })();
+
+class StaticIconFormFieldComponent {
+    constructor(iconService, httpClient, sanitizer) {
+        this.iconService = iconService;
+        this.httpClient = httpClient;
+        this.sanitizer = sanitizer;
+        this.iconRef = null;
+        this.form = new UntypedFormGroup({
+            iconRefToken: new UntypedFormControl(null),
+            iconRefType: new UntypedFormControl(null, Validators.required)
+        });
+        this.onChange = (iconRef) => { };
+        this.onValidatorChange = () => { };
+        this.onTouched = () => { };
+        this.form.valueChanges.subscribe((x) => {
+            this.iconRef = iconRefForFormValue(x);
+            this.onChange(this.iconRef);
+        });
+    }
+    registerOnValidatorChange(fn) {
+        this.onValidatorChange = fn;
+    }
+    ngOnChanges(changes) { }
+    ngOnDestroy() { }
+    onSelectIcon() { }
+    writeValue(iconRef) {
+        this.iconRef = iconRef;
+        const formValue = formValueForIconRef(iconRef);
+        this.form.setValue(formValue, { emitEvent: false });
+        this.resolveIconRef();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.form.disable();
+        }
+        else {
+            this.form.enable();
+        }
+    }
+    validate(control) {
+        return this.form.errors;
+    }
+    resolveIconRef() {
+        if (!this.iconRef) {
+            this.icon = null;
+            return;
+        }
+        this.iconService.fetchIconByReference(this.iconRef).subscribe(x => {
+            this.icon = x;
+            if (!this.icon) {
+                return;
+            }
+        });
+    }
+}
+StaticIconFormFieldComponent.ɵfac = function StaticIconFormFieldComponent_Factory(t) { return new (t || StaticIconFormFieldComponent)(i0.ɵɵdirectiveInject(StaticIconService), i0.ɵɵdirectiveInject(i1.HttpClient), i0.ɵɵdirectiveInject(i3.DomSanitizer)); };
+StaticIconFormFieldComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StaticIconFormFieldComponent, selectors: [["mage-static-icon-form-field"]], features: [i0.ɵɵProvidersFeature([
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: StaticIconFormFieldComponent
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: StaticIconFormFieldComponent
+            },
+        ]), i0.ɵɵNgOnChangesFeature], decls: 4, vars: 2, consts: [[3, "formGroup"], [1, "icon-image", 3, "src"], ["type", "hidden", "formControlName", "iconRefType"], ["type", "hidden", "formControlName", "iconRefToken"]], template: function StaticIconFormFieldComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelement(1, "mage-xhr-img", 1)(2, "input", 2)(3, "input", 3);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("formGroup", ctx.form);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("src", ctx.icon == null ? null : ctx.icon.contentPath);
+    } }, dependencies: [i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i5.XhrImgComponent], styles: [".icon-image[_ngcontent-%COMP%]{display:block;height:3em;width:3em}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticIconFormFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'mage-static-icon-form-field', providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                    {
+                        provide: NG_VALIDATORS,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                ], template: "<div [formGroup]=\"form\">\n  <mage-xhr-img class=\"icon-image\" [src]=\"icon?.contentPath\"></mage-xhr-img>\n  <input type=\"hidden\" formControlName=\"iconRefType\"/>\n  <input type=\"hidden\" formControlName=\"iconRefToken\"/>\n</div>", styles: [".icon-image{display:block;height:3em;width:3em}\n"] }]
+    }], function () { return [{ type: StaticIconService }, { type: i1.HttpClient }, { type: i3.DomSanitizer }]; }, null); })();
+var IconRefType;
+(function (IconRefType) {
+    IconRefType["Registered"] = "id";
+    IconRefType["SourceUrl"] = "sourceUrl";
+})(IconRefType || (IconRefType = {}));
+function iconRefForFormValue(x) {
+    if (!x.iconRefType) {
+        return null;
+    }
+    switch (x.iconRefType) {
+        case IconRefType.Registered:
+            return { [IconRefType.Registered]: x.iconRefToken };
+        case IconRefType.SourceUrl:
+            return { [IconRefType.SourceUrl]: x.iconRefToken };
+        default:
+            throw new Error('invalid icon ref type: ' + x.iconRefToken);
+    }
+}
+function formValueForIconRef(x) {
+    if (!x) {
+        return {
+            iconRefType: null,
+            iconRefToken: null
+        };
+    }
+    let iconRefType = null;
+    let iconRefToken = null;
+    if (x.hasOwnProperty(IconRefType.Registered)) {
+        iconRefType = IconRefType.Registered || null;
+        iconRefToken = x[IconRefType.Registered] || null;
+    }
+    else if (x.hasOwnProperty(IconRefType.SourceUrl)) {
+        iconRefType = IconRefType.SourceUrl || null;
+        iconRefToken = x[IconRefType.SourceUrl] || null;
+    }
+    return {
+        iconRefType,
+        iconRefToken
+    };
+}
+
+class StaticIconImgComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    ngOnChanges(changes) {
+        if (changes.iconRef) {
+            if (this.iconRef) {
+                this.iconPath = contentPathOfIcon(this.iconRef);
+            }
+            else {
+                this.iconPath = null;
+            }
+        }
+    }
+}
+StaticIconImgComponent.ɵfac = function StaticIconImgComponent_Factory(t) { return new (t || StaticIconImgComponent)(); };
+StaticIconImgComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StaticIconImgComponent, selectors: [["mage-static-icon-img"]], inputs: { iconRef: "iconRef" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "src"]], template: function StaticIconImgComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "mage-xhr-img", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("src", ctx.iconPath);
+    } }, dependencies: [i5.XhrImgComponent], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticIconImgComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mage-static-icon-img',
+                template: `<mage-xhr-img [src]="iconPath"></mage-xhr-img>`,
+            }]
+    }], function () { return []; }, { iconRef: [{
+            type: Input
+        }] }); })();
+
+function StaticIconSelectComponent_mat_card_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card", 3)(1, "mat-card-header")(2, "mat-card-title");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(4, "img", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const icon_r1 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(icon_r1.title);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("src", icon_r1.path, i0.ɵɵsanitizeUrl);
+} }
+class StaticIconSelectComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.icons = null;
+        this.dataSource = new PagingDataSource(250, (paging) => {
+            return this.iconService.fetchIcons(paging);
+        });
+    }
+    ngOnInit() {
+        this.iconService.fetchIcons().subscribe(x => {
+            this.icons = x.items;
+        });
+    }
+    onBrowseForUploadIcon() {
+        throw new Error('unimplemented');
+    }
+}
+StaticIconSelectComponent.ɵfac = function StaticIconSelectComponent_Factory(t) { return new (t || StaticIconSelectComponent)(i0.ɵɵdirectiveInject(StaticIconService)); };
+StaticIconSelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StaticIconSelectComponent, selectors: [["static-icon-select"]], decls: 3, vars: 2, consts: [[1, "icon-select"], [3, "itemSize"], ["class", "icon-select-item", 4, "cdkVirtualFor", "cdkVirtualForOf"], [1, "icon-select-item"], ["mat-card-img", "", 3, "src"]], template: function StaticIconSelectComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "cdk-virtual-scroll-viewport", 1);
+        i0.ɵɵtemplate(2, StaticIconSelectComponent_mat_card_2_Template, 5, 2, "mat-card", 2);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("itemSize", 40);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("cdkVirtualForOf", ctx.icons);
+    } }, dependencies: [i2.MatCard, i2.MatCardHeader, i2.MatCardTitle, i3$1.CdkFixedSizeVirtualScroll, i3$1.CdkVirtualForOf, i3$1.CdkVirtualScrollViewport], styles: ["virtual-scroll[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(3,33%);grid-auto-rows:min-content;grid-gap:0;justify-content:center;gap:0}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticIconSelectComponent, [{
+        type: Component,
+        args: [{ selector: 'static-icon-select', template: "<div class=\"icon-select\">\n  <cdk-virtual-scroll-viewport [itemSize]=\"40\">\n    <mat-card *cdkVirtualFor=\"let icon of icons\" class=icon-select-item>\n      <mat-card-header>\n        <mat-card-title>{{icon.title}}</mat-card-title>\n      </mat-card-header>\n      <img mat-card-img [src]=\"icon.path\" />\n    </mat-card>\n  </cdk-virtual-scroll-viewport>\n</div>\n<!--\n  <button mat-button class=\"add__button\" type=\"button\" color=\"primary\" (click)=\"file.click()\">\n    Upload Icon\n  </button>\n  <input [hidden]=\"true\" type=\"file\" #file multiple (change)=\"onAttachmentFile($event)\">\n-->", styles: ["virtual-scroll{display:grid;grid-template-columns:repeat(3,33%);grid-auto-rows:min-content;grid-gap:0;justify-content:center;gap:0}\n"] }]
+    }], function () { return [{ type: StaticIconService }]; }, null); })();
+
+class StaticIconModule {
+}
+StaticIconModule.ɵfac = function StaticIconModule_Factory(t) { return new (t || StaticIconModule)(); };
+StaticIconModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: StaticIconModule });
+StaticIconModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatCardModule,
+        MageCommonModule,
+        ScrollingModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticIconModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    MatCardModule,
+                    MageCommonModule,
+                    ScrollingModule
+                ],
+                declarations: [
+                    StaticIconFormFieldComponent,
+                    StaticIconImgComponent,
+                    StaticIconSelectComponent,
+                ],
+                exports: [
+                    StaticIconFormFieldComponent,
+                    StaticIconImgComponent,
+                    StaticIconSelectComponent,
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(StaticIconModule, { declarations: [StaticIconFormFieldComponent,
+        StaticIconImgComponent,
+        StaticIconSelectComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatCardModule,
+        MageCommonModule,
+        ScrollingModule], exports: [StaticIconFormFieldComponent,
+        StaticIconImgComponent,
+        StaticIconSelectComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StaticIconFormFieldComponent, StaticIconImgComponent, StaticIconModule, StaticIconSelectComponent, StaticIconService, contentPathOfIcon };
+//# sourceMappingURL=ngageoint-mage.web-core-lib-static-icon.mjs.map