@ngageoint/mage.web-core-lib 6.2.2

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

@@ -0,0 +1,379 @@
+import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf, ScrollingModule } from '@angular/cdk/scrolling';
+import { CommonModule } from '@angular/common';
+import { ɵɵinject, ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵProvidersFeature, ɵɵNgOnChangesFeature, ɵɵelementStart, ɵɵelement, ɵɵelementEnd, ɵɵproperty, ɵɵadvance, Component, Input, ɵɵtext, ɵɵtextInterpolate, ɵɵsanitizeUrl, ɵɵtemplate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { FormGroup, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControlStatusGroup, FormGroupDirective, DefaultValueAccessor, NgControlStatus, FormControlName, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatCard, MatCardHeader, MatCardTitle, MatCardModule } from '@angular/material/card';
+import { XhrImgComponent, MageCommonModule } from '@ngageoint/mage.web-core-lib/common';
+import { HttpParams, HttpClient } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+import { DomSanitizer } 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)(ɵɵinject(HttpClient)); };
+StaticIconService.ɵprov = ɵɵdefineInjectable({ token: StaticIconService, factory: StaticIconService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(StaticIconService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: HttpClient }]; }, null); })();
+
+class StaticIconFormFieldComponent {
+    constructor(iconService, httpClient, sanitizer) {
+        this.iconService = iconService;
+        this.httpClient = httpClient;
+        this.sanitizer = sanitizer;
+        this.iconRef = null;
+        this.form = new FormGroup({
+            iconRefToken: new FormControl(null),
+            iconRefType: new FormControl(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)(ɵɵdirectiveInject(StaticIconService), ɵɵdirectiveInject(HttpClient), ɵɵdirectiveInject(DomSanitizer)); };
+StaticIconFormFieldComponent.ɵcmp = ɵɵdefineComponent({ type: StaticIconFormFieldComponent, selectors: [["mage-static-icon-form-field"]], features: [ɵɵProvidersFeature([
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: StaticIconFormFieldComponent
+            },
+            {
+                provide: NG_VALIDATORS,
+                multi: true,
+                useExisting: StaticIconFormFieldComponent
+            },
+        ]), ɵɵ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) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelement(1, "mage-xhr-img", 1);
+        ɵɵelement(2, "input", 2);
+        ɵɵelement(3, "input", 3);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("formGroup", ctx.form);
+        ɵɵadvance(1);
+        ɵɵproperty("src", ctx.icon == null ? null : ctx.icon.contentPath);
+    } }, directives: [NgControlStatusGroup, FormGroupDirective, XhrImgComponent, DefaultValueAccessor, NgControlStatus, FormControlName], styles: [".icon-image[_ngcontent-%COMP%]{display:block;height:3em;width:3em}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(StaticIconFormFieldComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mage-static-icon-form-field',
+                templateUrl: './static-icon-form-field.component.html',
+                styleUrls: ['./static-icon-form-field.component.scss'],
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                    {
+                        provide: NG_VALIDATORS,
+                        multi: true,
+                        useExisting: StaticIconFormFieldComponent
+                    },
+                ]
+            }]
+    }], function () { return [{ type: StaticIconService }, { type: HttpClient }, { type: 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 = ɵɵdefineComponent({ type: StaticIconImgComponent, selectors: [["mage-static-icon-img"]], inputs: { iconRef: "iconRef" }, features: [ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "src"]], template: function StaticIconImgComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelement(0, "mage-xhr-img", 0);
+    } if (rf & 2) {
+        ɵɵproperty("src", ctx.iconPath);
+    } }, directives: [XhrImgComponent], encapsulation: 2 });
+/*@__PURE__*/ (function () { ɵ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) {
+    ɵɵelementStart(0, "mat-card", 3);
+    ɵɵelementStart(1, "mat-card-header");
+    ɵɵelementStart(2, "mat-card-title");
+    ɵɵtext(3);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelement(4, "img", 4);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const icon_r1 = ctx.$implicit;
+    ɵɵadvance(3);
+    ɵɵtextInterpolate(icon_r1.title);
+    ɵɵadvance(1);
+    ɵɵproperty("src", icon_r1.path, ɵɵ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)(ɵɵdirectiveInject(StaticIconService)); };
+StaticIconSelectComponent.ɵcmp = ɵɵ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) {
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "cdk-virtual-scroll-viewport", 1);
+        ɵɵtemplate(2, StaticIconSelectComponent_mat_card_2_Template, 5, 2, "mat-card", 2);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(1);
+        ɵɵproperty("itemSize", 40);
+        ɵɵadvance(1);
+        ɵɵproperty("cdkVirtualForOf", ctx.icons);
+    } }, directives: [CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf, MatCard, MatCardHeader, 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}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(StaticIconSelectComponent, [{
+        type: Component,
+        args: [{
+                selector: 'static-icon-select',
+                templateUrl: './static-icon-select.component.html',
+                styleUrls: ['./static-icon-select.component.scss']
+            }]
+    }], function () { return [{ type: StaticIconService }]; }, null); })();
+
+class StaticIconModule {
+}
+StaticIconModule.ɵmod = ɵɵdefineNgModule({ type: StaticIconModule });
+StaticIconModule.ɵinj = ɵɵdefineInjector({ factory: function StaticIconModule_Factory(t) { return new (t || StaticIconModule)(); }, imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatCardModule,
+            MageCommonModule,
+            ScrollingModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(StaticIconModule, { declarations: [StaticIconFormFieldComponent,
+        StaticIconImgComponent,
+        StaticIconSelectComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatCardModule,
+        MageCommonModule,
+        ScrollingModule], exports: [StaticIconFormFieldComponent,
+        StaticIconImgComponent,
+        StaticIconSelectComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(StaticIconModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    MatCardModule,
+                    MageCommonModule,
+                    ScrollingModule
+                ],
+                declarations: [
+                    StaticIconFormFieldComponent,
+                    StaticIconImgComponent,
+                    StaticIconSelectComponent,
+                ],
+                exports: [
+                    StaticIconFormFieldComponent,
+                    StaticIconImgComponent,
+                    StaticIconSelectComponent,
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StaticIconFormFieldComponent, StaticIconImgComponent, StaticIconModule, StaticIconSelectComponent, StaticIconService, contentPathOfIcon };
+//# sourceMappingURL=ngageoint-mage.web-core-lib-static-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngageoint-mage.web-core-lib-static-icon.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","ng://@ngageoint/mage.web-core-lib/static-icon/ngageoint-mage.web-core-lib-static-icon.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 {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵelement","i0.ɵɵelementEnd","i0.ɵɵproperty","i0.ɵɵadvance","i0.ɵɵtext","i0.ɵɵtextInterpolate","i0.ɵɵtemplate"],"mappings":"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"}