@ngageoint/mage.web-core-lib 6.2.2

package/bundles/ngageoint-mage.web-core-lib-static-icon.umd.js

@@ -0,0 +1,391 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/scrolling'), require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/card'), require('@ngageoint/mage.web-core-lib/common'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/platform-browser'), require('@ngageoint/mage.web-core-lib/paging')) :
+    typeof define === 'function' && define.amd ? define('@ngageoint/mage.web-core-lib/static-icon', ['exports', '@angular/cdk/scrolling', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/card', '@ngageoint/mage.web-core-lib/common', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/platform-browser', '@ngageoint/mage.web-core-lib/paging'], factory) :
+    (global = global || self, factory((global.ngageoint = global.ngageoint || {}, global.ngageoint.mage = global.ngageoint.mage || {}, global.ngageoint.mage['web-core-lib'] = global.ngageoint.mage['web-core-lib'] || {}, global.ngageoint.mage['web-core-lib']['static-icon'] = {}), global.ng.cdk.scrolling, global.ng.common, global.ng.core, global.ng.forms, global.ng.material.card, global.ngageoint.mage['web-core-lib'].common, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.platformBrowser, global.ngageoint.mage['web-core-lib'].paging));
+}(this, (function (exports, scrolling, common, core, forms, card, common$1, http, rxjs, operators, platformBrowser, paging) { 'use strict';
+
+    var contentPathOfIcon = function (icon) {
+        if (!icon) {
+            return;
+        }
+        if (typeof icon !== 'string') {
+            icon = icon.id;
+        }
+        return "/api/icons/" + icon + "/content";
+    };
+
+    var StaticIconService = /** @class */ (function () {
+        function StaticIconService(http) {
+            this.http = http;
+        }
+        StaticIconService.prototype.fetchIcons = function (fetch) {
+            var now = Date.now();
+            var results = new rxjs.Observable(function (observer) {
+                var icons = [];
+                var remaining = 100;
+                while (remaining--) {
+                    var 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(function () {
+                    observer.next({
+                        pageSize: 100,
+                        pageIndex: 0,
+                        totalCount: 100,
+                        items: icons
+                    });
+                    observer.complete();
+                }, 0);
+                return {
+                    unsubscribe: function () { }
+                };
+            });
+            return results;
+        };
+        StaticIconService.prototype.fetchIconById = function (id) {
+            return this.http.get("/api/icons/" + id).pipe(operators.catchError(function (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 rxjs.throwError(err);
+            }));
+        };
+        StaticIconService.prototype.fetchIconBySourceUrl = function (url) {
+            return this.http.get("/api/icons", {
+                params: new http.HttpParams().set('source_url', url)
+            });
+        };
+        StaticIconService.prototype.fetchIconByReference = function (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');
+        };
+        StaticIconService.prototype.registerIconUrl = function (url) {
+            throw new Error('unimplemented');
+        };
+        StaticIconService.prototype.uploadIcon = function () {
+            throw new Error('unimplemented');
+        };
+        StaticIconService.ɵfac = function StaticIconService_Factory(t) { return new (t || StaticIconService)(core.ɵɵinject(http.HttpClient)); };
+        StaticIconService.ɵprov = core.ɵɵdefineInjectable({ token: StaticIconService, factory: StaticIconService.ɵfac, providedIn: 'root' });
+        return StaticIconService;
+    }());
+    /*@__PURE__*/ (function () { core.ɵsetClassMetadata(StaticIconService, [{
+            type: core.Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return [{ type: http.HttpClient }]; }, null); })();
+
+    var StaticIconFormFieldComponent = /** @class */ (function () {
+        function StaticIconFormFieldComponent(iconService, httpClient, sanitizer) {
+            var _this = this;
+            this.iconService = iconService;
+            this.httpClient = httpClient;
+            this.sanitizer = sanitizer;
+            this.iconRef = null;
+            this.form = new forms.FormGroup({
+                iconRefToken: new forms.FormControl(null),
+                iconRefType: new forms.FormControl(null, forms.Validators.required)
+            });
+            this.onChange = function (iconRef) { };
+            this.onValidatorChange = function () { };
+            this.onTouched = function () { };
+            this.form.valueChanges.subscribe(function (x) {
+                _this.iconRef = iconRefForFormValue(x);
+                _this.onChange(_this.iconRef);
+            });
+        }
+        StaticIconFormFieldComponent.prototype.registerOnValidatorChange = function (fn) {
+            this.onValidatorChange = fn;
+        };
+        StaticIconFormFieldComponent.prototype.ngOnChanges = function (changes) { };
+        StaticIconFormFieldComponent.prototype.ngOnDestroy = function () { };
+        StaticIconFormFieldComponent.prototype.onSelectIcon = function () { };
+        StaticIconFormFieldComponent.prototype.writeValue = function (iconRef) {
+            this.iconRef = iconRef;
+            var formValue = formValueForIconRef(iconRef);
+            this.form.setValue(formValue, { emitEvent: false });
+            this.resolveIconRef();
+        };
+        StaticIconFormFieldComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        StaticIconFormFieldComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        StaticIconFormFieldComponent.prototype.setDisabledState = function (isDisabled) {
+            if (isDisabled) {
+                this.form.disable();
+            }
+            else {
+                this.form.enable();
+            }
+        };
+        StaticIconFormFieldComponent.prototype.validate = function (control) {
+            return this.form.errors;
+        };
+        StaticIconFormFieldComponent.prototype.resolveIconRef = function () {
+            var _this = this;
+            if (!this.iconRef) {
+                this.icon = null;
+                return;
+            }
+            this.iconService.fetchIconByReference(this.iconRef).subscribe(function (x) {
+                _this.icon = x;
+                if (!_this.icon) {
+                    return;
+                }
+            });
+        };
+        StaticIconFormFieldComponent.ɵfac = function StaticIconFormFieldComponent_Factory(t) { return new (t || StaticIconFormFieldComponent)(core.ɵɵdirectiveInject(StaticIconService), core.ɵɵdirectiveInject(http.HttpClient), core.ɵɵdirectiveInject(platformBrowser.DomSanitizer)); };
+        StaticIconFormFieldComponent.ɵcmp = core.ɵɵdefineComponent({ type: StaticIconFormFieldComponent, selectors: [["mage-static-icon-form-field"]], features: [core.ɵɵProvidersFeature([
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                    {
+                        provide: forms.NG_VALIDATORS,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                ]), core.ɵɵ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) {
+                core.ɵɵelementStart(0, "div", 0);
+                core.ɵɵelement(1, "mage-xhr-img", 1);
+                core.ɵɵelement(2, "input", 2);
+                core.ɵɵelement(3, "input", 3);
+                core.ɵɵelementEnd();
+            } if (rf & 2) {
+                core.ɵɵproperty("formGroup", ctx.form);
+                core.ɵɵadvance(1);
+                core.ɵɵproperty("src", ctx.icon == null ? null : ctx.icon.contentPath);
+            } }, directives: [forms.NgControlStatusGroup, forms.FormGroupDirective, common$1.XhrImgComponent, forms.DefaultValueAccessor, forms.NgControlStatus, forms.FormControlName], styles: [".icon-image[_ngcontent-%COMP%]{display:block;height:3em;width:3em}"] });
+        return StaticIconFormFieldComponent;
+    }());
+    /*@__PURE__*/ (function () { core.ɵsetClassMetadata(StaticIconFormFieldComponent, [{
+            type: core.Component,
+            args: [{
+                    selector: 'mage-static-icon-form-field',
+                    templateUrl: './static-icon-form-field.component.html',
+                    styleUrls: ['./static-icon-form-field.component.scss'],
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: StaticIconFormFieldComponent
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            multi: true,
+                            useExisting: StaticIconFormFieldComponent
+                        },
+                    ]
+                }]
+        }], function () { return [{ type: StaticIconService }, { type: http.HttpClient }, { type: platformBrowser.DomSanitizer }]; }, null); })();
+    var IconRefType;
+    (function (IconRefType) {
+        IconRefType["Registered"] = "id";
+        IconRefType["SourceUrl"] = "sourceUrl";
+    })(IconRefType || (IconRefType = {}));
+    function iconRefForFormValue(x) {
+        var _a, _b;
+        if (!x.iconRefType) {
+            return null;
+        }
+        switch (x.iconRefType) {
+            case IconRefType.Registered:
+                return _a = {}, _a[IconRefType.Registered] = x.iconRefToken, _a;
+            case IconRefType.SourceUrl:
+                return _b = {}, _b[IconRefType.SourceUrl] = x.iconRefToken, _b;
+            default:
+                throw new Error('invalid icon ref type: ' + x.iconRefToken);
+        }
+    }
+    function formValueForIconRef(x) {
+        if (!x) {
+            return {
+                iconRefType: null,
+                iconRefToken: null
+            };
+        }
+        var iconRefType = null;
+        var 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: iconRefType,
+            iconRefToken: iconRefToken
+        };
+    }
+
+    var StaticIconImgComponent = /** @class */ (function () {
+        function StaticIconImgComponent() {
+        }
+        StaticIconImgComponent.prototype.ngOnInit = function () {
+        };
+        StaticIconImgComponent.prototype.ngOnChanges = function (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 = core.ɵɵdefineComponent({ type: StaticIconImgComponent, selectors: [["mage-static-icon-img"]], inputs: { iconRef: "iconRef" }, features: [core.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "src"]], template: function StaticIconImgComponent_Template(rf, ctx) { if (rf & 1) {
+                core.ɵɵelement(0, "mage-xhr-img", 0);
+            } if (rf & 2) {
+                core.ɵɵproperty("src", ctx.iconPath);
+            } }, directives: [common$1.XhrImgComponent], encapsulation: 2 });
+        return StaticIconImgComponent;
+    }());
+    /*@__PURE__*/ (function () { core.ɵsetClassMetadata(StaticIconImgComponent, [{
+            type: core.Component,
+            args: [{
+                    selector: 'mage-static-icon-img',
+                    template: "<mage-xhr-img [src]=\"iconPath\"></mage-xhr-img>",
+                }]
+        }], function () { return []; }, { iconRef: [{
+                type: core.Input
+            }] }); })();
+
+    function StaticIconSelectComponent_mat_card_2_Template(rf, ctx) { if (rf & 1) {
+        core.ɵɵelementStart(0, "mat-card", 3);
+        core.ɵɵelementStart(1, "mat-card-header");
+        core.ɵɵelementStart(2, "mat-card-title");
+        core.ɵɵtext(3);
+        core.ɵɵelementEnd();
+        core.ɵɵelementEnd();
+        core.ɵɵelement(4, "img", 4);
+        core.ɵɵelementEnd();
+    } if (rf & 2) {
+        var icon_r1 = ctx.$implicit;
+        core.ɵɵadvance(3);
+        core.ɵɵtextInterpolate(icon_r1.title);
+        core.ɵɵadvance(1);
+        core.ɵɵproperty("src", icon_r1.path, core.ɵɵsanitizeUrl);
+    } }
+    var StaticIconSelectComponent = /** @class */ (function () {
+        function StaticIconSelectComponent(iconService) {
+            var _this = this;
+            this.iconService = iconService;
+            this.icons = null;
+            this.dataSource = new paging.PagingDataSource(250, function (paging) {
+                return _this.iconService.fetchIcons(paging);
+            });
+        }
+        StaticIconSelectComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.iconService.fetchIcons().subscribe(function (x) {
+                _this.icons = x.items;
+            });
+        };
+        StaticIconSelectComponent.prototype.onBrowseForUploadIcon = function () {
+            throw new Error('unimplemented');
+        };
+        StaticIconSelectComponent.ɵfac = function StaticIconSelectComponent_Factory(t) { return new (t || StaticIconSelectComponent)(core.ɵɵdirectiveInject(StaticIconService)); };
+        StaticIconSelectComponent.ɵcmp = core.ɵɵ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) {
+                core.ɵɵelementStart(0, "div", 0);
+                core.ɵɵelementStart(1, "cdk-virtual-scroll-viewport", 1);
+                core.ɵɵtemplate(2, StaticIconSelectComponent_mat_card_2_Template, 5, 2, "mat-card", 2);
+                core.ɵɵelementEnd();
+                core.ɵɵelementEnd();
+            } if (rf & 2) {
+                core.ɵɵadvance(1);
+                core.ɵɵproperty("itemSize", 40);
+                core.ɵɵadvance(1);
+                core.ɵɵproperty("cdkVirtualForOf", ctx.icons);
+            } }, directives: [scrolling.CdkVirtualScrollViewport, scrolling.CdkFixedSizeVirtualScroll, scrolling.CdkVirtualForOf, card.MatCard, card.MatCardHeader, card.MatCardTitle], 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}"] });
+        return StaticIconSelectComponent;
+    }());
+    /*@__PURE__*/ (function () { core.ɵsetClassMetadata(StaticIconSelectComponent, [{
+            type: core.Component,
+            args: [{
+                    selector: 'static-icon-select',
+                    templateUrl: './static-icon-select.component.html',
+                    styleUrls: ['./static-icon-select.component.scss']
+                }]
+        }], function () { return [{ type: StaticIconService }]; }, null); })();
+
+    var StaticIconModule = /** @class */ (function () {
+        function StaticIconModule() {
+        }
+        StaticIconModule.ɵmod = core.ɵɵdefineNgModule({ type: StaticIconModule });
+        StaticIconModule.ɵinj = core.ɵɵdefineInjector({ factory: function StaticIconModule_Factory(t) { return new (t || StaticIconModule)(); }, imports: [[
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    card.MatCardModule,
+                    common$1.MageCommonModule,
+                    scrolling.ScrollingModule
+                ]] });
+        return StaticIconModule;
+    }());
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && core.ɵɵsetNgModuleScope(StaticIconModule, { declarations: [StaticIconFormFieldComponent,
+            StaticIconImgComponent,
+            StaticIconSelectComponent], imports: [common.CommonModule,
+            forms.FormsModule,
+            forms.ReactiveFormsModule,
+            card.MatCardModule,
+            common$1.MageCommonModule,
+            scrolling.ScrollingModule], exports: [StaticIconFormFieldComponent,
+            StaticIconImgComponent,
+            StaticIconSelectComponent] }); })();
+    /*@__PURE__*/ (function () { core.ɵsetClassMetadata(StaticIconModule, [{
+            type: core.NgModule,
+            args: [{
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule,
+                        forms.ReactiveFormsModule,
+                        card.MatCardModule,
+                        common$1.MageCommonModule,
+                        scrolling.ScrollingModule
+                    ],
+                    declarations: [
+                        StaticIconFormFieldComponent,
+                        StaticIconImgComponent,
+                        StaticIconSelectComponent,
+                    ],
+                    exports: [
+                        StaticIconFormFieldComponent,
+                        StaticIconImgComponent,
+                        StaticIconSelectComponent,
+                    ]
+                }]
+        }], null, null); })();
+
+    exports.StaticIconFormFieldComponent = StaticIconFormFieldComponent;
+    exports.StaticIconImgComponent = StaticIconImgComponent;
+    exports.StaticIconModule = StaticIconModule;
+    exports.StaticIconSelectComponent = StaticIconSelectComponent;
+    exports.StaticIconService = StaticIconService;
+    exports.contentPathOfIcon = contentPathOfIcon;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ngageoint-mage.web-core-lib-static-icon.umd.js.map

package/bundles/ngageoint-mage.web-core-lib-static-icon.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngageoint-mage.web-core-lib-static-icon.umd.js","sources":["ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.model.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.service.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-form-field/static-icon-form-field.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-form-field/static-icon-form-field.component.html","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-img/static-icon-img.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-select/static-icon-select.component.html","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-select/static-icon-select.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.module.ts"],"sourcesContent":["\nexport interface StaticIcon {\n  id: string\n  sourceUrl: string\n  contentPath: string\n  title?: string\n  summary?: string\n  fileName?: string\n  tags?: string[]\n}\n\nexport interface RegisteredStaticIconReference {\n  id: string\n  sourceUrl?: never\n}\n\nexport interface SourceUrlStaticIconReference {\n  sourceUrl: string\n  id?: never\n}\n\nexport const contentPathOfIcon = (icon?: StaticIcon | RegisteredStaticIconReference | string | null | undefined): string | undefined => {\n  if (!icon) {\n    return\n  }\n  if (typeof icon !== 'string') {\n    icon = icon.id\n  }\n  return `/api/icons/${icon}/content`\n}\n\nexport type StaticIconReference = RegisteredStaticIconReference | SourceUrlStaticIconReference\n","import { HttpClient, HttpParams } from '@angular/common/http'\nimport { Injectable } from '@angular/core';\nimport { Observable, throwError } from 'rxjs'\nimport { catchError } from 'rxjs/operators'\nimport { PageOf, PagingParameters } from '@ngageoint/mage.web-core-lib/paging'\nimport { StaticIcon, StaticIconReference } from './static-icon.model'\n\n\nexport interface IconFetch extends PagingParameters {\n  searchText?: string\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class StaticIconService {\n\n  constructor(private http: HttpClient) { }\n\n  fetchIcons(fetch?: IconFetch): Observable<PageOf<StaticIcon>> {\n    const now = Date.now()\n    const results = new Observable<PageOf<StaticIcon>>(observer => {\n      const icons: StaticIcon[] = []\n      let remaining = 100\n      while (remaining--) {\n        const id = now - remaining\n        icons.unshift({\n          id: String(id),\n          title: `Icon ${id}`,\n          fileName: `icon-${id}.png`,\n          sourceUrl: `https://test.mage/${id}.png`,\n          contentPath: `/icons/${id}/content`\n        })\n      }\n      setTimeout(() => {\n        observer.next({\n          pageSize: 100,\n          pageIndex: 0,\n          totalCount: 100,\n          items: icons\n        })\n        observer.complete()\n      }, 0)\n      return {\n        unsubscribe() { }\n      }\n    })\n    return results\n  }\n\n  fetchIconById(id: string): Observable<StaticIcon | null> {\n    return this.http.get<StaticIcon>(`/api/icons/${id}`).pipe(\n      catchError((err, caught) => {\n        // TODO: this is probably better practice to insulate app layer from\n        // http errors\n        // if (err instanceof HttpErrorResponse) {\n        //   if (err.status === 404) {\n        //     return null\n        //   }\n        // }\n        return throwError(err)\n      })\n    )\n  }\n\n  fetchIconBySourceUrl(url: string): Observable<StaticIcon> {\n    return this.http.get<StaticIcon | null>(`/api/icons`, {\n      params: new HttpParams().set('source_url', url)\n    })\n  }\n\n  fetchIconByReference(ref: StaticIconReference): Observable<StaticIcon | null> {\n    if (ref.id) {\n      return this.fetchIconById(ref.id)\n    }\n    else if (ref.sourceUrl) {\n      return this.fetchIconBySourceUrl(ref.sourceUrl)\n    }\n    throw new Error('no icon id or source url')\n  }\n\n  registerIconUrl(url: string): Observable<StaticIcon> {\n    throw new Error('unimplemented')\n  }\n\n  uploadIcon(): void {\n    throw new Error('unimplemented')\n  }\n}\n","import { HttpClient } from '@angular/common/http'\nimport { Component, OnChanges, OnDestroy, SimpleChanges } from '@angular/core'\nimport { AbstractControl, ControlValueAccessor, FormControl, FormGroup, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validator, Validators } from '@angular/forms'\nimport { DomSanitizer } from '@angular/platform-browser'\nimport { StaticIcon, StaticIconReference } from '../static-icon.model'\nimport { StaticIconService } from '../static-icon.service'\n\n\n@Component({\n  selector: 'mage-static-icon-form-field',\n  templateUrl: './static-icon-form-field.component.html',\n  styleUrls: ['./static-icon-form-field.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      multi: true,\n      useExisting: StaticIconFormFieldComponent\n    },\n    {\n      provide: NG_VALIDATORS,\n      multi: true,\n      useExisting: StaticIconFormFieldComponent\n    },\n  ]\n})\nexport class StaticIconFormFieldComponent implements OnChanges, OnDestroy, ControlValueAccessor, Validator {\n\n  iconRef: StaticIconReference = null\n\n  form: FormGroup = new FormGroup({\n    iconRefToken: new FormControl(null),\n    iconRefType: new FormControl(null, Validators.required)\n  })\n  icon: StaticIcon | null\n\n  private onChange: (iconRef: StaticIconReference) => void = (iconRef: StaticIconReference) => {}\n  private onValidatorChange: () => void = () => {}\n  private onTouched: () => void = () => {}\n\n  constructor(private iconService: StaticIconService, private httpClient: HttpClient, private sanitizer: DomSanitizer) {\n    this.form.valueChanges.subscribe((x: IconRefFormValue) => {\n      this.iconRef = iconRefForFormValue(x)\n      this.onChange(this.iconRef)\n    })\n  }\n\n  registerOnValidatorChange?(fn: () => void): void {\n    this.onValidatorChange = fn\n  }\n\n  ngOnChanges(changes: SimpleChanges) { }\n\n  ngOnDestroy() { }\n\n  onSelectIcon() { }\n\n  writeValue(iconRef: StaticIconReference): void {\n    this.iconRef = iconRef\n    const formValue = formValueForIconRef(iconRef)\n    this.form.setValue(formValue, { emitEvent: false })\n    this.resolveIconRef()\n  }\n\n  registerOnChange(fn: (x: StaticIconReference | null) => void): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    if (isDisabled) {\n      this.form.disable()\n    }\n    else {\n      this.form.enable()\n    }\n  }\n\n  validate(control: AbstractControl): ValidationErrors {\n    return this.form.errors\n  }\n\n  private resolveIconRef() {\n    if (!this.iconRef) {\n      this.icon = null\n      return\n    }\n    this.iconService.fetchIconByReference(this.iconRef).subscribe(x => {\n      this.icon = x\n      if (!this.icon) {\n        return\n      }\n    })\n  }\n}\n\nenum IconRefType {\n  Registered = 'id',\n  SourceUrl = 'sourceUrl'\n}\n\ntype IconRefFormValue = {\n  iconRefToken: string | null\n  iconRefType: IconRefType | null\n}\n\nfunction iconRefForFormValue(x: IconRefFormValue): StaticIconReference | null {\n  if (!x.iconRefType) {\n    return null\n  }\n  switch (x.iconRefType) {\n    case IconRefType.Registered:\n      return { [IconRefType.Registered]: x.iconRefToken }\n    case IconRefType.SourceUrl:\n      return { [IconRefType.SourceUrl]: x.iconRefToken }\n    default:\n      throw new Error('invalid icon ref type: ' + x.iconRefToken)\n  }\n}\n\nfunction formValueForIconRef(x: StaticIconReference | null): IconRefFormValue {\n  if (!x) {\n    return {\n      iconRefType: null,\n      iconRefToken: null\n    }\n  }\n  let iconRefType: IconRefType | null = null\n  let iconRefToken: string | null = null\n  if (x.hasOwnProperty(IconRefType.Registered)) {\n    iconRefType = IconRefType.Registered || null\n    iconRefToken = x[IconRefType.Registered] || null\n  }\n  else if (x.hasOwnProperty(IconRefType.SourceUrl)) {\n    iconRefType = IconRefType.SourceUrl || null\n    iconRefToken = x[IconRefType.SourceUrl] || null\n  }\n  return {\n    iconRefType,\n    iconRefToken\n  }\n}\n","<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>","import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { RegisteredStaticIconReference, contentPathOfIcon } from '../static-icon.model'\n\n@Component({\n  selector: 'mage-static-icon-img',\n  template: `<mage-xhr-img [src]=\"iconPath\"></mage-xhr-img>`,\n})\nexport class StaticIconImgComponent implements OnInit, OnChanges {\n\n  @Input()\n  iconRef: RegisteredStaticIconReference | string | null\n  iconPath: string | null\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.iconRef) {\n      if (this.iconRef) {\n        this.iconPath = contentPathOfIcon(this.iconRef)\n      }\n      else {\n        this.iconPath = null\n      }\n    }\n  }\n}\n","<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-->","import { Component, OnInit } from '@angular/core'\nimport { PagingParameters, PagingDataSource } from '@ngageoint/mage.web-core-lib/paging'\nimport { StaticIcon } from '../static-icon.model'\nimport { StaticIconService } from '../static-icon.service'\n\nexport interface StaticIconSelectItem {\n  id: string\n  path: string\n  title: string\n  fileName: string\n}\n\n@Component({\n  selector: 'static-icon-select',\n  templateUrl: './static-icon-select.component.html',\n  styleUrls: ['./static-icon-select.component.scss']\n})\nexport class StaticIconSelectComponent implements OnInit {\n\n  icons: StaticIcon[] | null = null\n  dataSource: PagingDataSource<StaticIcon>\n\n  constructor(\n    private iconService: StaticIconService\n  ) {\n    this.dataSource = new PagingDataSource<StaticIcon>(250, (paging: PagingParameters) => {\n      return this.iconService.fetchIcons(paging)\n    })\n  }\n\n  ngOnInit() {\n    this.iconService.fetchIcons().subscribe(x => {\n      this.icons = x.items\n    })\n  }\n\n  onBrowseForUploadIcon() {\n    throw new Error('unimplemented')\n  }\n}\n\n","import { ScrollingModule } from '@angular/cdk/scrolling'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms'\nimport { MatCardModule } from '@angular/material/card'\nimport { MageCommonModule } from '@ngageoint/mage.web-core-lib/common'\nimport { StaticIconFormFieldComponent } from './static-icon-form-field/static-icon-form-field.component'\nimport { StaticIconImgComponent } from './static-icon-img/static-icon-img.component'\nimport { StaticIconSelectComponent } from './static-icon-select/static-icon-select.component'\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatCardModule,\n    MageCommonModule,\n    ScrollingModule\n  ],\n  declarations: [\n    StaticIconFormFieldComponent,\n    StaticIconImgComponent,\n    StaticIconSelectComponent,\n  ],\n  exports: [\n    StaticIconFormFieldComponent,\n    StaticIconImgComponent,\n    StaticIconSelectComponent,\n  ]\n})\nexport class StaticIconModule {}"],"names":["Observable","catchError","throwError","HttpParams","Injectable","FormGroup","FormControl","Validators","NG_VALUE_ACCESSOR","NG_VALIDATORS","i0.ɵɵelementStart","i0.ɵɵelement","i0.ɵɵelementEnd","i0.ɵɵproperty","i0.ɵɵadvance","Component","Input","i0.ɵɵtext","i0.ɵɵtextInterpolate","PagingDataSource","i0.ɵɵtemplate","CommonModule","FormsModule","ReactiveFormsModule","MatCardModule","MageCommonModule","ScrollingModule","NgModule"],"mappings":"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"}

package/bundles/ngageoint-mage.web-core-lib-static-icon.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/cdk/scrolling"),require("@angular/common"),require("@angular/core"),require("@angular/forms"),require("@angular/material/card"),require("@ngageoint/mage.web-core-lib/common"),require("@angular/common/http"),require("rxjs"),require("rxjs/operators"),require("@angular/platform-browser"),require("@ngageoint/mage.web-core-lib/paging")):"function"==typeof define&&define.amd?define("@ngageoint/mage.web-core-lib/static-icon",["exports","@angular/cdk/scrolling","@angular/common","@angular/core","@angular/forms","@angular/material/card","@ngageoint/mage.web-core-lib/common","@angular/common/http","rxjs","rxjs/operators","@angular/platform-browser","@ngageoint/mage.web-core-lib/paging"],n):n(((e=e||self).ngageoint=e.ngageoint||{},e.ngageoint.mage=e.ngageoint.mage||{},e.ngageoint.mage["web-core-lib"]=e.ngageoint.mage["web-core-lib"]||{},e.ngageoint.mage["web-core-lib"]["static-icon"]={}),e.ng.cdk.scrolling,e.ng.common,e.ng.core,e.ng.forms,e.ng.material.card,e.ngageoint.mage["web-core-lib"].common,e.ng.common.http,e.rxjs,e.rxjs.operators,e.ng.platformBrowser,e.ngageoint.mage["web-core-lib"].paging)}(this,(function(e,n,t,o,r,i,c,a,u,l,s,f){"use strict";var m,p=function(e){if(e)return"string"!=typeof e&&(e=e.id),"/api/icons/"+e+"/content"},g=function(){function e(e){this.http=e}return e.prototype.fetchIcons=function(e){var n=Date.now();return new u.Observable((function(e){for(var t=[],o=100;o--;){var r=n-o;t.unshift({id:String(r),title:"Icon "+r,fileName:"icon-"+r+".png",sourceUrl:"https://test.mage/"+r+".png",contentPath:"/icons/"+r+"/content"})}return setTimeout((function(){e.next({pageSize:100,pageIndex:0,totalCount:100,items:t}),e.complete()}),0),{unsubscribe:function(){}}}))},e.prototype.fetchIconById=function(e){return this.http.get("/api/icons/"+e).pipe(l.catchError((function(e,n){return u.throwError(e)})))},e.prototype.fetchIconBySourceUrl=function(e){return this.http.get("/api/icons",{params:(new a.HttpParams).set("source_url",e)})},e.prototype.fetchIconByReference=function(e){if(e.id)return this.fetchIconById(e.id);if(e.sourceUrl)return this.fetchIconBySourceUrl(e.sourceUrl);throw new Error("no icon id or source url")},e.prototype.registerIconUrl=function(e){throw new Error("unimplemented")},e.prototype.uploadIcon=function(){throw new Error("unimplemented")},e.ɵfac=function(n){return new(n||e)(o.ɵɵinject(a.HttpClient))},e.ɵprov=o.ɵɵdefineInjectable({token:e,factory:e.ɵfac,providedIn:"root"}),e}(),d=function(){function e(e,n,t){var o=this;this.iconService=e,this.httpClient=n,this.sanitizer=t,this.iconRef=null,this.form=new r.FormGroup({iconRefToken:new r.FormControl(null),iconRefType:new r.FormControl(null,r.Validators.required)}),this.onChange=function(e){},this.onValidatorChange=function(){},this.onTouched=function(){},this.form.valueChanges.subscribe((function(e){o.iconRef=function(e){var n,t;if(!e.iconRefType)return null;switch(e.iconRefType){case m.Registered:return(n={})[m.Registered]=e.iconRefToken,n;case m.SourceUrl:return(t={})[m.SourceUrl]=e.iconRefToken,t;default:throw new Error("invalid icon ref type: "+e.iconRefToken)}}(e),o.onChange(o.iconRef)}))}return e.prototype.registerOnValidatorChange=function(e){this.onValidatorChange=e},e.prototype.ngOnChanges=function(e){},e.prototype.ngOnDestroy=function(){},e.prototype.onSelectIcon=function(){},e.prototype.writeValue=function(e){this.iconRef=e;var n=function(e){if(!e)return{iconRefType:null,iconRefToken:null};var n=null,t=null;e.hasOwnProperty(m.Registered)?(n=m.Registered||null,t=e[m.Registered]||null):e.hasOwnProperty(m.SourceUrl)&&(n=m.SourceUrl||null,t=e[m.SourceUrl]||null);return{iconRefType:n,iconRefToken:t}}(e);this.form.setValue(n,{emitEvent:!1}),this.resolveIconRef()},e.prototype.registerOnChange=function(e){this.onChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.setDisabledState=function(e){e?this.form.disable():this.form.enable()},e.prototype.validate=function(e){return this.form.errors},e.prototype.resolveIconRef=function(){var e=this;this.iconRef?this.iconService.fetchIconByReference(this.iconRef).subscribe((function(n){e.icon=n,e.icon})):this.icon=null},e.ɵfac=function(n){return new(n||e)(o.ɵɵdirectiveInject(g),o.ɵɵdirectiveInject(a.HttpClient),o.ɵɵdirectiveInject(s.DomSanitizer))},e.ɵcmp=o.ɵɵdefineComponent({type:e,selectors:[["mage-static-icon-form-field"]],features:[o.ɵɵProvidersFeature([{provide:r.NG_VALUE_ACCESSOR,multi:!0,useExisting:e},{provide:r.NG_VALIDATORS,multi:!0,useExisting:e}]),o.ɵɵNgOnChangesFeature],decls:4,vars:2,consts:[[3,"formGroup"],[1,"icon-image",3,"src"],["type","hidden","formControlName","iconRefType"],["type","hidden","formControlName","iconRefToken"]],template:function(e,n){1&e&&(o.ɵɵelementStart(0,"div",0),o.ɵɵelement(1,"mage-xhr-img",1),o.ɵɵelement(2,"input",2),o.ɵɵelement(3,"input",3),o.ɵɵelementEnd()),2&e&&(o.ɵɵproperty("formGroup",n.form),o.ɵɵadvance(1),o.ɵɵproperty("src",null==n.icon?null:n.icon.contentPath))},directives:[r.NgControlStatusGroup,r.FormGroupDirective,c.XhrImgComponent,r.DefaultValueAccessor,r.NgControlStatus,r.FormControlName],styles:[".icon-image[_ngcontent-%COMP%]{display:block;height:3em;width:3em}"]}),e}();!function(e){e.Registered="id",e.SourceUrl="sourceUrl"}(m||(m={}));var h=function(){function e(){}return e.prototype.ngOnInit=function(){},e.prototype.ngOnChanges=function(e){e.iconRef&&(this.iconRef?this.iconPath=p(this.iconRef):this.iconPath=null)},e.ɵfac=function(n){return new(n||e)},e.ɵcmp=o.ɵɵdefineComponent({type:e,selectors:[["mage-static-icon-img"]],inputs:{iconRef:"iconRef"},features:[o.ɵɵNgOnChangesFeature],decls:1,vars:1,consts:[[3,"src"]],template:function(e,n){1&e&&o.ɵɵelement(0,"mage-xhr-img",0),2&e&&o.ɵɵproperty("src",n.iconPath)},directives:[c.XhrImgComponent],encapsulation:2}),e}();function y(e,n){if(1&e&&(o.ɵɵelementStart(0,"mat-card",3),o.ɵɵelementStart(1,"mat-card-header"),o.ɵɵelementStart(2,"mat-card-title"),o.ɵɵtext(3),o.ɵɵelementEnd(),o.ɵɵelementEnd(),o.ɵɵelement(4,"img",4),o.ɵɵelementEnd()),2&e){var t=n.$implicit;o.ɵɵadvance(3),o.ɵɵtextInterpolate(t.title),o.ɵɵadvance(1),o.ɵɵproperty("src",t.path,o.ɵɵsanitizeUrl)}}var v=function(){function e(e){var n=this;this.iconService=e,this.icons=null,this.dataSource=new f.PagingDataSource(250,(function(e){return n.iconService.fetchIcons(e)}))}return e.prototype.ngOnInit=function(){var e=this;this.iconService.fetchIcons().subscribe((function(n){e.icons=n.items}))},e.prototype.onBrowseForUploadIcon=function(){throw new Error("unimplemented")},e.ɵfac=function(n){return new(n||e)(o.ɵɵdirectiveInject(g))},e.ɵcmp=o.ɵɵdefineComponent({type:e,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(e,n){1&e&&(o.ɵɵelementStart(0,"div",0),o.ɵɵelementStart(1,"cdk-virtual-scroll-viewport",1),o.ɵɵtemplate(2,y,5,2,"mat-card",2),o.ɵɵelementEnd(),o.ɵɵelementEnd()),2&e&&(o.ɵɵadvance(1),o.ɵɵproperty("itemSize",40),o.ɵɵadvance(1),o.ɵɵproperty("cdkVirtualForOf",n.icons))},directives:[n.CdkVirtualScrollViewport,n.CdkFixedSizeVirtualScroll,n.CdkVirtualForOf,i.MatCard,i.MatCardHeader,i.MatCardTitle],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}"]}),e}(),C=function(){function e(){}return e.ɵmod=o.ɵɵdefineNgModule({type:e}),e.ɵinj=o.ɵɵdefineInjector({factory:function(n){return new(n||e)},imports:[[t.CommonModule,r.FormsModule,r.ReactiveFormsModule,i.MatCardModule,c.MageCommonModule,n.ScrollingModule]]}),e}();("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(C,{declarations:[d,h,v],imports:[t.CommonModule,r.FormsModule,r.ReactiveFormsModule,i.MatCardModule,c.MageCommonModule,n.ScrollingModule],exports:[d,h,v]}),e.StaticIconFormFieldComponent=d,e.StaticIconImgComponent=h,e.StaticIconModule=C,e.StaticIconSelectComponent=v,e.StaticIconService=g,e.contentPathOfIcon=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ngageoint-mage.web-core-lib-static-icon.umd.min.js.map

package/bundles/ngageoint-mage.web-core-lib-static-icon.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-form-field/static-icon-form-field.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.model.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.service.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-form-field/static-icon-form-field.component.html","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-img/static-icon-img.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-select/static-icon-select.component.html","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon-select/static-icon-select.component.ts","ng://@ngageoint/mage.web-core-lib/static-icon/static-icon.module.ts"],"names":["IconRefType","contentPathOfIcon","icon","id","StaticIconService","http","this","prototype","fetchIcons","fetch","now","Date","Observable","observer","icons","remaining","unshift","String","title","fileName","sourceUrl","contentPath","setTimeout","next","pageSize","pageIndex","totalCount","items","complete","unsubscribe","fetchIconById","get","pipe","catchError","err","caught","throwError","fetchIconBySourceUrl","url","params","HttpParams","set","fetchIconByReference","ref","Error","registerIconUrl","uploadIcon","core","ɵɵinject","HttpClient","factory","ɵfac","providedIn","StaticIconFormFieldComponent","iconService","httpClient","sanitizer","_this","iconRef","form","FormGroup","iconRefToken","FormControl","iconRefType","Validators","required","onChange","onValidatorChange","onTouched","valueChanges","subscribe","x","Registered","_a","SourceUrl","_b","iconRefForFormValue","registerOnValidatorChange","fn","ngOnChanges","changes","ngOnDestroy","onSelectIcon","writeValue","formValue","hasOwnProperty","formValueForIconRef","setValue","emitEvent","resolveIconRef","registerOnChange","registerOnTouched","setDisabledState","isDisabled","disable","enable","validate","control","errors","ɵɵdirectiveInject","platformBrowser","DomSanitizer","selectors","features","ɵɵProvidersFeature","provide","NG_VALUE_ACCESSOR","multi","useExisting","NG_VALIDATORS","ɵɵNgOnChangesFeature","decls","vars","consts","template","rf","ctx","i0.ɵɵelementStart","i0.ɵɵelement","i0.ɵɵelementEnd","i0.ɵɵproperty","i0.ɵɵadvance","StaticIconImgComponent","ngOnInit","iconPath","inputs","i0.ɵɵtext","i0.ɵɵtextInterpolate","StaticIconSelectComponent","dataSource","PagingDataSource","paging","onBrowseForUploadIcon","i0.ɵɵtemplate","StaticIconModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatCardModule","MageCommonModule","ScrollingModule","declarations","exports"],"mappings":"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","sourcesContent":["import { HttpClient } from '@angular/common/http'\nimport { Component, OnChanges, OnDestroy, SimpleChanges } from '@angular/core'\nimport { AbstractControl, ControlValueAccessor, FormControl, FormGroup, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validator, Validators } from '@angular/forms'\nimport { DomSanitizer } from '@angular/platform-browser'\nimport { StaticIcon, StaticIconReference } from '../static-icon.model'\nimport { StaticIconService } from '../static-icon.service'\n\n\n@Component({\n  selector: 'mage-static-icon-form-field',\n  templateUrl: './static-icon-form-field.component.html',\n  styleUrls: ['./static-icon-form-field.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      multi: true,\n      useExisting: StaticIconFormFieldComponent\n    },\n    {\n      provide: NG_VALIDATORS,\n      multi: true,\n      useExisting: StaticIconFormFieldComponent\n    },\n  ]\n})\nexport class StaticIconFormFieldComponent implements OnChanges, OnDestroy, ControlValueAccessor, Validator {\n\n  iconRef: StaticIconReference = null\n\n  form: FormGroup = new FormGroup({\n    iconRefToken: new FormControl(null),\n    iconRefType: new FormControl(null, Validators.required)\n  })\n  icon: StaticIcon | null\n\n  private onChange: (iconRef: StaticIconReference) => void = (iconRef: StaticIconReference) => {}\n  private onValidatorChange: () => void = () => {}\n  private onTouched: () => void = () => {}\n\n  constructor(private iconService: StaticIconService, private httpClient: HttpClient, private sanitizer: DomSanitizer) {\n    this.form.valueChanges.subscribe((x: IconRefFormValue) => {\n      this.iconRef = iconRefForFormValue(x)\n      this.onChange(this.iconRef)\n    })\n  }\n\n  registerOnValidatorChange?(fn: () => void): void {\n    this.onValidatorChange = fn\n  }\n\n  ngOnChanges(changes: SimpleChanges) { }\n\n  ngOnDestroy() { }\n\n  onSelectIcon() { }\n\n  writeValue(iconRef: StaticIconReference): void {\n    this.iconRef = iconRef\n    const formValue = formValueForIconRef(iconRef)\n    this.form.setValue(formValue, { emitEvent: false })\n    this.resolveIconRef()\n  }\n\n  registerOnChange(fn: (x: StaticIconReference | null) => void): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState?(isDisabled: boolean): void {\n    if (isDisabled) {\n      this.form.disable()\n    }\n    else {\n      this.form.enable()\n    }\n  }\n\n  validate(control: AbstractControl): ValidationErrors {\n    return this.form.errors\n  }\n\n  private resolveIconRef() {\n    if (!this.iconRef) {\n      this.icon = null\n      return\n    }\n    this.iconService.fetchIconByReference(this.iconRef).subscribe(x => {\n      this.icon = x\n      if (!this.icon) {\n        return\n      }\n    })\n  }\n}\n\nenum IconRefType {\n  Registered = 'id',\n  SourceUrl = 'sourceUrl'\n}\n\ntype IconRefFormValue = {\n  iconRefToken: string | null\n  iconRefType: IconRefType | null\n}\n\nfunction iconRefForFormValue(x: IconRefFormValue): StaticIconReference | null {\n  if (!x.iconRefType) {\n    return null\n  }\n  switch (x.iconRefType) {\n    case IconRefType.Registered:\n      return { [IconRefType.Registered]: x.iconRefToken }\n    case IconRefType.SourceUrl:\n      return { [IconRefType.SourceUrl]: x.iconRefToken }\n    default:\n      throw new Error('invalid icon ref type: ' + x.iconRefToken)\n  }\n}\n\nfunction formValueForIconRef(x: StaticIconReference | null): IconRefFormValue {\n  if (!x) {\n    return {\n      iconRefType: null,\n      iconRefToken: null\n    }\n  }\n  let iconRefType: IconRefType | null = null\n  let iconRefToken: string | null = null\n  if (x.hasOwnProperty(IconRefType.Registered)) {\n    iconRefType = IconRefType.Registered || null\n    iconRefToken = x[IconRefType.Registered] || null\n  }\n  else if (x.hasOwnProperty(IconRefType.SourceUrl)) {\n    iconRefType = IconRefType.SourceUrl || null\n    iconRefToken = x[IconRefType.SourceUrl] || null\n  }\n  return {\n    iconRefType,\n    iconRefToken\n  }\n}\n","\nexport interface StaticIcon {\n  id: string\n  sourceUrl: string\n  contentPath: string\n  title?: string\n  summary?: string\n  fileName?: string\n  tags?: string[]\n}\n\nexport interface RegisteredStaticIconReference {\n  id: string\n  sourceUrl?: never\n}\n\nexport interface SourceUrlStaticIconReference {\n  sourceUrl: string\n  id?: never\n}\n\nexport const contentPathOfIcon = (icon?: StaticIcon | RegisteredStaticIconReference | string | null | undefined): string | undefined => {\n  if (!icon) {\n    return\n  }\n  if (typeof icon !== 'string') {\n    icon = icon.id\n  }\n  return `/api/icons/${icon}/content`\n}\n\nexport type StaticIconReference = RegisteredStaticIconReference | SourceUrlStaticIconReference\n","import { HttpClient, HttpParams } from '@angular/common/http'\nimport { Injectable } from '@angular/core';\nimport { Observable, throwError } from 'rxjs'\nimport { catchError } from 'rxjs/operators'\nimport { PageOf, PagingParameters } from '@ngageoint/mage.web-core-lib/paging'\nimport { StaticIcon, StaticIconReference } from './static-icon.model'\n\n\nexport interface IconFetch extends PagingParameters {\n  searchText?: string\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class StaticIconService {\n\n  constructor(private http: HttpClient) { }\n\n  fetchIcons(fetch?: IconFetch): Observable<PageOf<StaticIcon>> {\n    const now = Date.now()\n    const results = new Observable<PageOf<StaticIcon>>(observer => {\n      const icons: StaticIcon[] = []\n      let remaining = 100\n      while (remaining--) {\n        const id = now - remaining\n        icons.unshift({\n          id: String(id),\n          title: `Icon ${id}`,\n          fileName: `icon-${id}.png`,\n          sourceUrl: `https://test.mage/${id}.png`,\n          contentPath: `/icons/${id}/content`\n        })\n      }\n      setTimeout(() => {\n        observer.next({\n          pageSize: 100,\n          pageIndex: 0,\n          totalCount: 100,\n          items: icons\n        })\n        observer.complete()\n      }, 0)\n      return {\n        unsubscribe() { }\n      }\n    })\n    return results\n  }\n\n  fetchIconById(id: string): Observable<StaticIcon | null> {\n    return this.http.get<StaticIcon>(`/api/icons/${id}`).pipe(\n      catchError((err, caught) => {\n        // TODO: this is probably better practice to insulate app layer from\n        // http errors\n        // if (err instanceof HttpErrorResponse) {\n        //   if (err.status === 404) {\n        //     return null\n        //   }\n        // }\n        return throwError(err)\n      })\n    )\n  }\n\n  fetchIconBySourceUrl(url: string): Observable<StaticIcon> {\n    return this.http.get<StaticIcon | null>(`/api/icons`, {\n      params: new HttpParams().set('source_url', url)\n    })\n  }\n\n  fetchIconByReference(ref: StaticIconReference): Observable<StaticIcon | null> {\n    if (ref.id) {\n      return this.fetchIconById(ref.id)\n    }\n    else if (ref.sourceUrl) {\n      return this.fetchIconBySourceUrl(ref.sourceUrl)\n    }\n    throw new Error('no icon id or source url')\n  }\n\n  registerIconUrl(url: string): Observable<StaticIcon> {\n    throw new Error('unimplemented')\n  }\n\n  uploadIcon(): void {\n    throw new Error('unimplemented')\n  }\n}\n","<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>","import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { RegisteredStaticIconReference, contentPathOfIcon } from '../static-icon.model'\n\n@Component({\n  selector: 'mage-static-icon-img',\n  template: `<mage-xhr-img [src]=\"iconPath\"></mage-xhr-img>`,\n})\nexport class StaticIconImgComponent implements OnInit, OnChanges {\n\n  @Input()\n  iconRef: RegisteredStaticIconReference | string | null\n  iconPath: string | null\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.iconRef) {\n      if (this.iconRef) {\n        this.iconPath = contentPathOfIcon(this.iconRef)\n      }\n      else {\n        this.iconPath = null\n      }\n    }\n  }\n}\n","<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-->","import { Component, OnInit } from '@angular/core'\nimport { PagingParameters, PagingDataSource } from '@ngageoint/mage.web-core-lib/paging'\nimport { StaticIcon } from '../static-icon.model'\nimport { StaticIconService } from '../static-icon.service'\n\nexport interface StaticIconSelectItem {\n  id: string\n  path: string\n  title: string\n  fileName: string\n}\n\n@Component({\n  selector: 'static-icon-select',\n  templateUrl: './static-icon-select.component.html',\n  styleUrls: ['./static-icon-select.component.scss']\n})\nexport class StaticIconSelectComponent implements OnInit {\n\n  icons: StaticIcon[] | null = null\n  dataSource: PagingDataSource<StaticIcon>\n\n  constructor(\n    private iconService: StaticIconService\n  ) {\n    this.dataSource = new PagingDataSource<StaticIcon>(250, (paging: PagingParameters) => {\n      return this.iconService.fetchIcons(paging)\n    })\n  }\n\n  ngOnInit() {\n    this.iconService.fetchIcons().subscribe(x => {\n      this.icons = x.items\n    })\n  }\n\n  onBrowseForUploadIcon() {\n    throw new Error('unimplemented')\n  }\n}\n\n","import { ScrollingModule } from '@angular/cdk/scrolling'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms'\nimport { MatCardModule } from '@angular/material/card'\nimport { MageCommonModule } from '@ngageoint/mage.web-core-lib/common'\nimport { StaticIconFormFieldComponent } from './static-icon-form-field/static-icon-form-field.component'\nimport { StaticIconImgComponent } from './static-icon-img/static-icon-img.component'\nimport { StaticIconSelectComponent } from './static-icon-select/static-icon-select.component'\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatCardModule,\n    MageCommonModule,\n    ScrollingModule\n  ],\n  declarations: [\n    StaticIconFormFieldComponent,\n    StaticIconImgComponent,\n    StaticIconSelectComponent,\n  ],\n  exports: [\n    StaticIconFormFieldComponent,\n    StaticIconImgComponent,\n    StaticIconSelectComponent,\n  ]\n})\nexport class StaticIconModule {}"]}