@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-utils.js","sources":["../../../projects/ui-common/utils/get-attribute.ts","../../../projects/ui-common/utils/has-attribute.ts","../../../projects/ui-common/utils/cdk/get-closest-widget-cdk-drag.ts","../../../projects/ui-common/utils/form/get-control-name.ts","../../../projects/ui-common/utils/form/get-control-path.ts","../../../projects/ui-common/utils/form/observe-control-value.ts","../../../projects/ui-common/utils/form/observe-control-is-different.ts","../../../projects/ui-common/utils/form/wait-on-non-pending-status.ts","../../../projects/ui-common/utils/form/observe-control-status.ts","../../../projects/ui-common/utils/form/observe-control-valid.ts","../../../projects/ui-common/utils/form/observe-control-value-change.ts","../../../projects/ui-common/utils/has-property.ts","../../../projects/ui-common/utils/form/has-required-control.ts","../../../projects/ui-common/utils/form/is-empty-input-value.ts","../../../projects/ui-common/utils/operators/map-each.ts","../../../projects/ui-common/utils/operators/tap-first.ts","../../../projects/ui-common/utils/router/leaf-child-route.ts","../../../projects/ui-common/utils/router/will-have-data-prop.ts","../../../projects/ui-common/utils/router/operators/activated-routes-with-data-property.ts","../../../projects/ui-common/utils/router/route-snapshot-path-relative.ts","../../../projects/ui-common/utils/router/route-snapshot-path-full.ts","../../../projects/ui-common/utils/router/is-empty-url-route.ts","../../../projects/ui-common/utils/calc-percentage.ts","../../../projects/ui-common/utils/toggle-attribute.ts","../../../projects/ui-common/utils/input-masks.ts","../../../projects/ui-common/utils/is-null-or-undefined.ts","../../../projects/ui-common/utils/load-style.ts","../../../projects/ui-common/utils/load-style-sheet.ts","../../../projects/ui-common/utils/obj-utils.ts","../../../projects/ui-common/utils/file-utils.ts","../../../projects/ui-common/utils/not-null-or-undefined.ts","../../../projects/ui-common/utils/wait-on-condition-async.ts","../../../projects/ui-common/utils/polling-ticker.ts","../../../projects/ui-common/utils/refreshable.ts","../../../projects/ui-common/utils/wrap-into-observable.ts","../../../projects/ui-common/utils/is-absolute-url.ts","../../../projects/ui-common/utils/subscriber-count.ts","../../../projects/ui-common/utils/observe-query-list.ts","../../../projects/ui-common/utils/create-padding.ts","../../../projects/ui-common/utils/pad-end.ts","../../../projects/ui-common/utils/pad-start.ts","../../../projects/ui-common/utils/is-numeric.ts","../../../projects/ui-common/utils/fractional-digits-count.ts","../../../projects/ui-common/utils/theseam-ui-common-utils.ts"],"sourcesContent":["/**\n *\n */\nexport function getAttribute<E extends HTMLElement>(element: E, name: string): string | null {\n  return element.getAttribute(name)\n}\n","/**\n *\n */\nexport function hasAttribute<E extends HTMLElement>(element: E, name: string): boolean {\n  return element.hasAttribute(name)\n}\n","import { CdkDrag } from '@angular/cdk/drag-drop'\nimport { ElementRef } from '@angular/core'\n\nimport { getAttribute } from '../get-attribute'\nimport { hasAttribute } from '../has-attribute'\n\n/**\n * Finds the closest CdkDrag to an element by looking at the DOM.\n * @param element Element relative to which to look for a cdkDrag.\n * @param openDialogs References to the currently available cdkDrag.\n */\nexport function getClosestWidgetCdkDrag(element: ElementRef<HTMLElement>, dragDirectives: CdkDrag<any>[]) {\n  let parent: HTMLElement | null = element.nativeElement.parentElement\n\n  while (parent && !(parent.classList.contains('cdk-drag') && hasAttribute(parent, 'data-widget-id'))) {\n    parent = parent.parentElement\n  }\n\n  const parentId = parent ? getAttribute(parent, 'data-widget-id') : null\n  return parentId ?\n    dragDirectives.find(drag => getAttribute(drag.getRootElement(), 'data-widget-id') === parentId)\n    : null\n}\n","import { AbstractControl } from '@angular/forms'\n\n/**\n * Get the name of the control.\n *\n * Example:\n *\n * ```js\n * const group = new FormGroup({\n *  name: new Control(),\n *  age: new Control()\n * })\n *\n * for (const c of group.controls) {\n *   console.log(getControlName(c))\n * }\n *\n * // Output:\n * // >> 'name'\n * // >> 'age'\n * ```\n */\nexport function getControlName(c: AbstractControl): string | null {\n  if (!c.parent) { return null }\n  // NOTE: Typed as 'any' because using string for array index is not valid for\n  // array index type, but it works and we actually want the index as a string\n  // anyway.\n  const controls: any = c.parent.controls\n  return Object.keys(controls).find(name => c === controls[name]) || null\n}\n","import { AbstractControl } from '@angular/forms'\n\nimport { getControlName } from './get-control-name'\n\n/**\n * Get the path to a control.\n *\n * The path is built by walking back the `parent` properties until `parent` is\n * `null`.\n *\n * Example:\n *\n * ```js\n * const group = new FormGroup({\n *   name: new FormControl(),\n *   address: new FormGroup({\n *     city: new FormControl(),\n *     state: new FormControl()\n *   })\n * })\n *\n * const control = group.get('address.city')\n * console.log(getControlPath(control))\n *\n * // Output:\n * >> 'address.city'\n * ```\n *\n */\nexport function getControlPath(c: AbstractControl, path: string = ''): string | null {\n  path = getControlName(c) + path\n\n  if (c.parent && getControlName(c.parent)) {\n    path = '.' + path\n    return getControlPath(c.parent, path)\n  } else {\n    return path\n  }\n}\n","import { AbstractControl } from '@angular/forms'\nimport { Observable, of } from 'rxjs'\nimport { startWith, switchMap } from 'rxjs/operators'\n\n/**\n * Observe the value of a control.\n */\nexport function observeControlValue<T = any>(control: AbstractControl): Observable<T> {\n  return of(control)\n    .pipe(switchMap(_control => _control.valueChanges\n      .pipe(startWith(_control.value))\n    ))\n}\n","import { AbstractControl } from '@angular/forms'\nimport { Observable } from 'rxjs'\nimport { distinctUntilChanged, map } from 'rxjs/operators'\n\nimport { observeControlValue } from './observe-control-value'\n\n/**\n * Observe the changed state of the input value from the time this function is\n * called.\n *\n * When this function is called the value is stored. Each time the control's\n * value changes the value is compared with the initial value. Currenly the\n * values are compared as stringified objects using `JSON.stringify`.\n *\n * TODO: Allow the value compare implementation to be optionally changed.\n */\nexport function observeControlIsDifferent(control: AbstractControl): Observable<boolean> {\n  const _initial = JSON.stringify(control.value)\n  return observeControlValue(control)\n    .pipe(\n      map(value => JSON.stringify(value) !== _initial),\n      distinctUntilChanged(),\n    )\n}\n","import { AbstractControl } from '@angular/forms'\nimport { interval, merge, Observable } from 'rxjs'\nimport { filter, map, mapTo, startWith, take } from 'rxjs/operators'\n\n/**\n * Wait on the status of a form control to not be `'PENDING'`.\n *\n * NOTE: This function is mainly just a work around for an issue where\n *  `statusChanges` sometimes emits `'Pending'` without emitting another state\n *  when complete. Seems to happen with async validators if the value changes\n *  before completing, even if the validator completes(subscription `complete`\n *  if observable).\n */\nexport function waitOnNonPendingStatus(control: AbstractControl): Observable<string> {\n  return merge(\n      control.statusChanges,\n      interval(30).pipe(mapTo(control), map(c => c.status))\n    )\n    .pipe(startWith(control.status))\n    .pipe(filter(v => v !== 'PENDING'))\n    .pipe(take(1))\n}\n","import { AbstractControl } from '@angular/forms'\nimport { Observable, of } from 'rxjs'\nimport { startWith, switchMap } from 'rxjs/operators'\n\nimport { waitOnNonPendingStatus } from './wait-on-non-pending-status'\n\n/**\n * Observe the status of a control using a work around for status not changing\n * after pending.\n */\nexport function observeControlStatus(control: AbstractControl): Observable<string> {\n  return of(control)\n    .pipe(switchMap(_control => _control.statusChanges\n      .pipe(startWith(_control.status))\n      .pipe(switchMap(status => status === 'PENDING'\n        ? waitOnNonPendingStatus(control)\n          .pipe(startWith(status))\n        : of(status)\n      ))\n    ))\n}\n","import { AbstractControl } from '@angular/forms'\nimport { Observable } from 'rxjs'\nimport { distinctUntilChanged, map, pairwise, startWith } from 'rxjs/operators'\n\nimport { observeControlStatus } from './observe-control-status'\n\n/**\n * Observe the valid state of a control.\n *\n * By default `waitOnPending` is false and the control states map to:\n *  'VALID' => true\n *  'INVALID' => false\n *  'PENDING' => false\n *\n * If `waitOnPending` is true the valid result when 'PENDING' remains the same\n *  as it was before 'PENDING' until it is no longer 'PENDING'.\n */\nexport function observeControlValid(control: AbstractControl, waitOnPending: boolean = false): Observable<boolean> {\n  if (waitOnPending) {\n    return observeControlStatus(control)\n      .pipe(distinctUntilChanged())\n      .pipe(startWith(undefined))\n      .pipe(pairwise())\n      .pipe(map(v => ({ previous: v[0], current: v[1] })))\n      .pipe(map(v => v.current === 'PENDING' ? v.previous : v.current))\n      .pipe(map(status => status === 'VALID'))\n  } else {\n    return observeControlStatus(control)\n      .pipe(distinctUntilChanged())\n      .pipe(map(status => status === 'VALID'))\n  }\n}\n","import { AbstractControl } from '@angular/forms'\nimport { Observable } from 'rxjs'\nimport { map, pairwise, startWith } from 'rxjs/operators'\n\nimport { observeControlValue } from './observe-control-value'\n\n/**\n * Observe the value of a control with the previous.\n */\nexport function observeControlValueChange(control: AbstractControl): Observable<{ previous: any, current: any }> {\n  return observeControlValue(control)\n    .pipe(\n      startWith(undefined),\n      pairwise(),\n      map(v => ({ previous: v[0], current: v[1] }))\n    )\n}\n","// Source: https://stackoverflow.com/a/59361497/7926298\nexport function hasProperty<T extends object, K extends keyof T>(\n  style: T,\n  prop: K\n// ): style is T & { [P in K]-?: Exclude<T[K], undefined> } {\n): style is T & Required<Record<K, Exclude<T[K], undefined>>> {\n  return style.hasOwnProperty(prop) && style[prop] !== undefined\n}\n","import { AbstractControl } from '@angular/forms'\n\nimport { hasProperty } from '../has-property'\n\n/**\n * Check if control has a required control.\n *\n * ----------------------------------------------------------------------------\n * NOTE: I am not sure about if this should be used or not.\n *\n * From my understanding this assumes that all the validators do not have some\n * unexpected side-effect from being called like this. It could be argued that\n * the validator is flawed and should be fixed if that is the case, but I am not\n * convinced that is correct yet.\n *\n * An example that I think is valid for this argument: A FormControl configured\n * to only check validators when a specific condition happens, because of a\n * reason that it has to do a long process. In that situation should this\n * function be smart enough to consider that or is it up to the validator to\n * consider this function possibly being used.\n *\n * This seems to assume the required validator will always be a synchronous\n * validator. That is a valid assumption if thinking about showing a required\n * state in the UI, but a FormControl does not neccessarily have to be used in\n * UI. So, I think it could be valid to have an async validator that uses the\n * name `required` for it error, but I do not have a good example, so I could be\n * wrong.\n * ----------------------------------------------------------------------------\n *\n * Source: https://gist.github.com/jsdevtom/5589af349a395b37e699b67417ef025b\n * @experimental\n * @ignore\n */\nexport function hasRequiredControl(abstractControl: AbstractControl): boolean {\n  if (abstractControl.validator) {\n    const validator = abstractControl.validator({}as AbstractControl)\n    if (validator && validator.required) {\n        return true\n    }\n  }\n\n  const _abstractControl: any = abstractControl\n  if (hasProperty(_abstractControl, 'controls')) {\n      for (const controlName in _abstractControl.controls) {\n          if (_abstractControl.controls[controlName]) {\n              if (hasRequiredControl(_abstractControl.controls[controlName])) {\n                  return true\n              }\n          }\n      }\n  }\n\n  return false\n}\n","// Source: https://github.com/angular/angular/blob/master/packages/forms/src/validators.ts#L16\nexport function isEmptyInputValue(value: any): boolean {\n  // we don't check for string here so it also works with arrays\n  return value == null || value.length === 0\n}\n","import { from, Observable } from 'rxjs'\nimport { map, switchMap, toArray } from 'rxjs/operators'\n\nexport function mapEach<T, R>(predicate: (value: T) => R) {\n  return (source$: Observable<T[]>): Observable<R[]> =>\n    source$.pipe(switchMap(v => from(v).pipe(map(m => predicate(m)), toArray())))\n}\n","import { Observable } from 'rxjs'\nimport { tap } from 'rxjs/operators'\n\n/**\n * Like tap, but only calls predicate on first emission.\n */\nexport function tapFirst<T>(predicate: (value: T) => void) {\n  let _initialized = false\n  return (source$: Observable<T>): Observable<T> =>\n    source$.pipe(\n      tap(v => {\n        if (!_initialized) {\n          predicate(v)\n          _initialized = true\n        }\n      })\n    )\n}\n","import { ActivatedRoute } from '@angular/router'\n\nexport function leafChildRoute(activatedRoute: ActivatedRoute): ActivatedRoute {\n  let route = activatedRoute\n  while (route.firstChild) { route = route.firstChild }\n  return route\n}\n","import { ActivatedRoute } from '@angular/router'\n\nfunction hasRouteConfigDataProp(route: ActivatedRoute, prop: string): boolean {\n  return !!(route && route.routeConfig && route.routeConfig.data && route.routeConfig.data.hasOwnProperty(prop))\n}\n\nfunction hasRouteConfigResolveProp(route: ActivatedRoute, prop: string): boolean {\n  return !!(route && route.routeConfig && route.routeConfig.resolve && route.routeConfig.resolve.hasOwnProperty(prop))\n}\n\nexport function willHaveDataProp(route: ActivatedRoute, prop: string): boolean {\n  return hasRouteConfigDataProp(route, prop) || hasRouteConfigResolveProp(route, prop)\n}\n","import { ActivatedRoute, Data } from '@angular/router'\nimport { combineLatest, Observable } from 'rxjs'\nimport { map, switchMap } from 'rxjs/operators'\n\nimport { leafChildRoute } from '../leaf-child-route'\nimport { willHaveDataProp } from '../will-have-data-prop'\n\nexport interface IActivatedRouteWithData {\n  route: ActivatedRoute\n  data: Data\n}\n\nexport function activatedRoutesWithDataProperty(prop: string, mustHaveDefined: boolean = false) {\n  const _data = (r: ActivatedRoute) => r.data.pipe(map(_d => ({ route: r, data: _d })))\n  return (source$: Observable<ActivatedRoute>): Observable<IActivatedRouteWithData[]> =>\n    source$.pipe(\n      map(route => leafChildRoute(route)),\n      map(route => route.pathFromRoot),\n      switchMap(routes => combineLatest(routes.map(r => _data(r)))),\n      map(v => v.filter(_v => _v.data.hasOwnProperty(prop))),\n      map(v => mustHaveDefined\n        ? v.filter(_v => willHaveDataProp(_v.route, prop))\n        : v\n      )\n    )\n}\n","import { ActivatedRouteSnapshot } from '@angular/router'\n\nexport function routeSnapshotPathRelative(route: ActivatedRouteSnapshot) {\n  return route.url.reduce((path, urlSegment) => path += '/' + urlSegment.path, '')\n}\n","import { ActivatedRouteSnapshot } from '@angular/router'\n\nimport { routeSnapshotPathRelative } from './route-snapshot-path-relative'\n\nexport function routeSnapshotPathFull(route: ActivatedRouteSnapshot) {\n  return route.pathFromRoot.reduce((path, _route) => path += routeSnapshotPathRelative(_route), '')\n}\n","import { ActivatedRoute } from '@angular/router'\r\n\r\nexport function isEmptyUrlRoute(activatedRoute: ActivatedRoute): boolean {\r\n  return activatedRoute.snapshot.url.length === 0\r\n}\r\n","export function calcPercentage(total: number, n: number) {\n  return total && total > 0 ? (n / total) * 100 : 0\n}\n","/**\n * Polyfil for `Element.toggleAttribute`\n *\n * Toggles a value without a value. Useful for attributes, such as `disabled`,\n * `readonly`, and `hidden`, that only needs to exist on the `Element` without\n * requiring a value.\n *\n * Most browsers natively support this feature, but IE, which we still try to\n * support for at least the main parts of the app, has \"Unknown\" support of this\n * feature. Until IE support is dropped this polyfil should be used to toggle an\n * attribute.\n *\n * Source:\n * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute#Polyfill\n */\nexport function toggleAttribute(element: HTMLElement, name: string, force: boolean): boolean {\n  if (force !== void 0) { force = !!force }\n\n  if (element.getAttribute(name) !== null) {\n    if (force) { return true }\n\n    element.removeAttribute(name)\n    return false\n  } else {\n    if (force === false) { return false }\n\n    element.setAttribute(name, '')\n    return true\n  }\n}\n","export const phoneNumberMask = ['(', /[1-9]/, /\\d/, /\\d/, ')', ' ', /\\d/, /\\d/, /\\d/, '-', /\\d/, /\\d/, /\\d/, /\\d/]\n","export function isNullOrUndefined(value: any) {\n  return value === undefined || value === null\n}\n","export function loadStyle(content: string): Promise<HTMLStyleElement> {\n  return new Promise((resolve, reject) => {\n    const s = document.createElement('style')\n    s.onload = () => resolve(s)\n    s.onerror = (e) => {\n      document.head.removeChild(s)\n      reject(e)\n    }\n    s.innerHTML = content\n    document.head.appendChild(s)\n  })\n}\n","export function loadStyleSheet(path: string): Promise<HTMLLinkElement> {\n  return new Promise((resolve, reject) => {\n    const s = document.createElement('link')\n    s.onload = () => resolve(s)\n    s.onerror = (e) => {\n      document.head.removeChild(s)\n      reject(e)\n    }\n    s.rel = 'stylesheet'\n    s.href = path\n    document.head.appendChild(s)\n  })\n}\n","/** Returns object without property */\nexport function withoutProperty<T, K extends keyof T>(obj: T, propName: K): Pick<T, Exclude<keyof T, K>> {\n  const { [propName]: _, ...without } = obj\n  return without\n}\n\n/** Returns object without properties */\nexport function withoutProperties<T, K extends keyof T>(obj: T, propNames: K[]): Pick<T, Exclude<keyof T, K>> {\n  let without: any = obj\n  for (const propName of propNames) {\n    without = withoutProperty(without, propName)\n  }\n  return without\n}\n\n/** Delete property of object */\nexport function deleteProperty<T extends {}, K extends keyof T>(obj: T, propName: K): void {\n  if (obj.hasOwnProperty(propName)) {\n    delete obj[propName]\n  }\n}\n\n/** Delete properties of object */\nexport function deleteProperties<T, K extends keyof T>(obj: T, propNames: K[]): void {\n  for (const propName of propNames) {\n    deleteProperty(obj, propName)\n  }\n}\n","import fileType from '@marklb/file-type'\n// import { Buffer } from 'buffer/'\nconst Buffer = require('buffer/').Buffer\n\nexport function readFileAsync(file: any): Promise<ArrayBuffer | null> {\n  return new Promise<ArrayBuffer | null>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as ArrayBuffer | null)\n    }\n    reader.readAsArrayBuffer(file)\n  })\n}\n\nexport async function readFileAsDataUrlAsync(file: Blob): Promise<string | null> {\n  return new Promise<string | null>((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as string | null)\n    }\n    reader.readAsDataURL(file)\n  })\n}\n\nexport async function fileBufferToBlob(\n  fileBuffer: Buffer,\n  defaultMime: string = 'application/octet-stream'\n): Promise<Blob> {\n  const fType = fileType(fileBuffer)\n  const mime = (fType) ? fType.mime : defaultMime\n  const blob = new Blob([fileBuffer as any], { type: mime })\n  return blob\n}\n\nexport async function fileBufferToObjectUrl(\n  fileBuffer: Buffer,\n  defaultMime: string = 'application/octet-stream'\n): Promise<string> {\n  const file = await fileBufferToBlob(fileBuffer, defaultMime)\n  const fileURL = URL.createObjectURL(file)\n  return fileURL\n}\n\nexport interface IFileData {\n  ext?: string\n  mime?: string\n  blob: Blob\n}\n\nexport async function fileDataFromBuffer(\n  fileBuffer: Buffer | Uint8Array | ArrayBuffer,\n  defaultMime: string = 'application/octet-stream'\n): Promise<IFileData> {\n  const _fileBuffer = Buffer.from(fileBuffer)\n  const fType = fileType(_fileBuffer as any)\n  const ext = fType && fType.ext || undefined\n  const mime = fType ? fType.mime : defaultMime\n  const blob = new Blob([_fileBuffer as any], { type: mime })\n  const fileData: IFileData = { ext, mime, blob }\n  return fileData\n}\n\nexport function openBlob(blob: Blob, target?: string, filename?: string) {\n  // NOTE: IE and MSEdge do not allow Blob resources as a source for\n  // tabs or iframes. msSaveOrOpenBlob is used as a workaround. I\n  // haven't been able to find a way to just open the Blob file in\n  // another tab yet for IE or MSEdge.\n  if (window.navigator.msSaveOrOpenBlob) {\n    window.navigator.msSaveOrOpenBlob(blob, filename)\n  } else {\n    const url = URL.createObjectURL(blob)\n    const win = window.open(url, target)\n    // TODO: Consider if always setting opener to null is to restrictive\n    // if (win && target && target.toLowerCase() === '_blank') {\n    //   win.opener = null\n    // }\n\n  }\n}\n","export function notNullOrUndefined<T>(value: T | null | undefined): value is T {\n  return value !== null && value !== undefined\n}\n","export async function waitOnConditionAsync(\n  condition: () => boolean,\n  timeoutDuration: number = -1,\n  throwOnTimeout: boolean = true\n): Promise<any> {\n  const timeStart: any = new Date()\n\n  const _waitFunc = (callback: (boolean: boolean) => any) => {\n    let conditionSuccess = false\n\n    if (condition()) {\n      callback(true)\n      conditionSuccess = true\n    }\n\n    if (!conditionSuccess) {\n      const timeNow: any = new Date()\n      const duration = timeNow - timeStart\n      if (timeoutDuration > -1 && duration > timeoutDuration) {\n        if (throwOnTimeout) {\n          throw new Error('Timed out waiting on condition.')\n        } else {\n          callback(false)\n        }\n      }\n\n      setTimeout(() => { _waitFunc(callback) }, 30)\n    }\n  }\n\n  return new Promise((resolve, reject) => {\n    const fn = (b: boolean) => {\n      resolve(b)\n    }\n    _waitFunc(fn)\n  })\n}\n","import { isObservable, Observable, Subscriber, Subscription } from 'rxjs'\n\nclass IntervalTimer {\n\n  private _intervalTime: number\n  private _intervalId: number | null = null\n\n  constructor(\n    private _callback: () => void,\n    intervalTime: number,\n    startOnInit: boolean = true\n  ) {\n    this._intervalTime = intervalTime\n    if (startOnInit) {\n      this.start()\n    }\n  }\n\n  set intervalTime(time: number) {\n    this._intervalTime = time\n  }\n\n  public start(): void {\n    if (this._intervalId === null) {\n      this._intervalId = window.setInterval(() => {\n        this._callback()\n      }, this._intervalTime)\n    }\n  }\n\n  public stop(): void {\n    if (this._intervalId !== null) {\n      clearInterval(this._intervalId)\n      this._intervalId = null\n    }\n  }\n\n  public reset(newIntervalTime?: number): void {\n    if (newIntervalTime) {\n      this.intervalTime = newIntervalTime\n    }\n    this.stop()\n    this.start()\n  }\n\n}\n\nexport type PollingActionFn<R> = () => R | Observable<R>\n\n// tslint:disable:no-inferrable-types\nexport class PollingTickerOptions {\n  emitOnInit?: boolean = true\n}\n// tslint:enable:no-inferrable-types\n\n// TODO: Simplify complexity.\n\n/**\n * Call an action and emits the result to its subscriber on an interval or when\n * ticker emits. When the ticker emits, the interval time will reset.\n *\n * When subscribed to, the action will be called and emitted right away unless\n * the `emitOnInit` option is set to false.\n */\nexport function pollingTicker<R>(\n  action: PollingActionFn<R>,\n  pollingInterval?: number,\n  ticker?: Observable<number | void>,\n  options?: PollingTickerOptions\n): Observable<R> {\n  return new Observable((subscriber: Subscriber<R>) => {\n    const _opts = { ...(new PollingTickerOptions()), ...(options || {}) }\n\n    let timer: IntervalTimer | null = null\n    let actionSub: Subscription | null = null\n    let tickerSub: Subscription | null = null\n\n    try {\n      const handleAction = () => {\n        if (timer) { timer.stop() }\n\n        const actionResult = action()\n\n        if (isObservable(actionResult)) {\n          if (actionSub) {\n            actionSub.unsubscribe()\n          }\n          actionSub = actionResult.subscribe(\n            (v: R) => { subscriber.next(v); if (timer) { timer.reset() } },\n            (err) => { subscriber.error(err) },\n            () => {\n              actionSub = null\n              if (timer) { timer.start() }\n            }\n          )\n        } else {\n          subscriber.next(actionResult)\n        }\n        if (timer) { timer.start() }\n      }\n\n      if (_opts.emitOnInit) {\n        handleAction()\n      }\n\n      if (pollingInterval) {\n        timer = new IntervalTimer(() => {\n          handleAction()\n        }, pollingInterval)\n      }\n\n      if (ticker) {\n        tickerSub = ticker.subscribe(newPollingInterval => {\n          if (newPollingInterval && timer) {\n            timer.stop()\n            if (newPollingInterval) {\n              timer.intervalTime = newPollingInterval\n            }\n          }\n          handleAction()\n          if (timer) { timer.reset() }\n        })\n      }\n    } catch (err) {\n      subscriber.error(err)\n    }\n\n    return () => {\n      if (timer) {\n        timer.stop()\n      }\n      if (actionSub) {\n        actionSub.unsubscribe()\n      }\n      if (tickerSub) {\n        tickerSub.unsubscribe()\n      }\n    }\n  })\n}\n","import { BehaviorSubject, isObservable, Observable, Subject } from 'rxjs'\nimport { distinctUntilChanged, mapTo, publishReplay, refCount, shareReplay, skip, take, tap } from 'rxjs/operators'\n\nimport { tapFirst } from './operators/tap-first'\nimport { pollingTicker } from './polling-ticker'\n\nexport class Refreshable<T> {\n\n  private _initialized = false\n  private _pollingInterval = new BehaviorSubject<number>(0)\n  private _ticker = new Subject<void>()\n  private _pending = new BehaviorSubject<boolean>(false)\n\n  public data$: Observable<T>\n  public pending$: Observable<boolean>\n\n  constructor(\n    action: () => (T | Observable<T>),\n    pollingInterval?: number\n  ) {\n    if (pollingInterval !== null && pollingInterval !== undefined) {\n      this._pollingInterval.next(pollingInterval)\n    }\n\n    this.pending$ = this._pending.asObservable()\n      .pipe(\n        distinctUntilChanged(),\n        shareReplay(1)\n      )\n\n    this.data$ = pollingTicker(this._actionHandler(action), pollingInterval, this._ticker)\n      .pipe(\n        tapFirst(() => this._initialized = true),\n        publishReplay(),\n        refCount()\n      )\n  }\n\n  get initialized(): boolean { return this._initialized }\n\n  /**\n   * Intercepts the action call to monitor pending state\n   */\n  private _actionHandler = (action: () => (T | Observable<T>)) => {\n    return () => {\n      this._pending.next(true)\n\n      const actionResult = action()\n      if (isObservable(actionResult)) {\n        return actionResult.pipe(tap(() => { this._pending.next(false) }))\n      } else {\n        this._pending.next(true)\n        return actionResult\n      }\n    }\n  }\n\n  /**\n   * Selects the data observable\n   */\n  public select(refresh?: boolean): Observable<T> {\n    if (refresh && this._initialized && !this._pending.value) { this._ticker.next() }\n    return this.data$\n  }\n\n  public refresh(): Observable<void> {\n    let result$: Observable<any>\n\n    if (this._initialized) {\n      // TODO: Add a test and maybe refactor this to be more clear. It worked in\n      //  my manual tests, but there may be some situations where this doesn't\n      //  work, since the ticker isn't the only way to trigger a refresh. Right\n      //  now it should be fine, but if an async operator is added to be run\n      //  each time `data$` is subscribed to, then this could fail if the data\n      //  emits one extra time before the ticker is triggered.\n      let _polled = false\n      result$ = this.data$\n        .pipe(\n          tap(_ => !_polled && (_polled = true) && this._ticker.next()),\n          skip(1)\n        )\n    } else {\n      result$ = this.data$\n    }\n\n    return result$\n      .pipe(\n        take(1),\n        mapTo(undefined)\n      )\n  }\n\n}\n","import { from, isObservable, Observable } from 'rxjs'\n\nexport function wrapIntoObservable<T>(value: T | Promise<T>| Observable<T>): Observable<T> {\n  if (isObservable(value)) {\n    return value\n  }\n\n  return from(Promise.resolve(value))\n}\n","\n/**\n * Explaination:\n *  ^       - beginning of the string\n *  (?:     - beginning of a non-captured group\n *  [a-z]+  - any character of 'a' to 'z' 1 or more times\n *  :       - string (colon character)\n *  )?      - end of the non-captured group. Group appearing 0 or 1 times\n *  //      - string (two forward slash characters)\n *  'i'     - non case-sensitive flag\n *\n * source: https://stackoverflow.com/a/19709846\n */\nconst IS_ABSOLUTE_URL_REGEX = new RegExp('^(?:[a-z]+:)?//', 'i')\n\nexport function isAbsoluteUrl(url: string): boolean {\n  return IS_ABSOLUTE_URL_REGEX.test(url)\n}\n","import { Observable, Subscriber } from 'rxjs'\n\n/**\n * This is just for helping debug observables that aren't being unsubscribed\n * from correctly.\n */\nfunction subscriberCount<T>(sourceObservable: Observable<T>, description: string) {\n  let counter = 0\n  return new Observable((subscriber: Subscriber<T>) => {\n    const subscription = sourceObservable.subscribe(subscriber)\n    counter++\n    console.log(`${description} subscriptions: ${counter}`)\n\n    return () => {\n      subscription.unsubscribe()\n      counter--\n      console.log(`${description} subscriptions: ${counter}`)\n    }\n  })\n}\n","import { QueryList } from '@angular/core'\nimport { Observable } from 'rxjs'\nimport { map, startWith } from 'rxjs/operators'\n\nexport function observeQueryList<T>(queryList: QueryList<T>, emitCurrentValue = true): Observable<T[]> {\n  return queryList.changes.pipe(\n    startWith(queryList),\n    map(v => v.toArray() as T[])\n  )\n}\n","\nexport function createPadding(len: number, chars: string): string {\n  // if (chars.length <= len) {\n  //   return chars\n  // }\n\n  if (chars.length === 0) {\n    throw Error(`Padding characters must be at least 1 char length.`)\n  }\n\n  let str = chars\n  while (str.length < len) {\n    str += chars\n  }\n\n  if (str.length > len) {\n    str = str.slice(0, len)\n  }\n\n  return str\n}\n","import { createPadding } from './create-padding'\n\nexport function padEnd(\n  stringToPad: string,\n  paddingLength: number | undefined = 0,\n  paddingChars: string | undefined = ' '\n): string {\n  const strLength = paddingLength ? stringToPad.length : 0\n\n  if (!paddingLength || strLength >= paddingLength) {\n    return stringToPad\n  }\n\n  return stringToPad + createPadding(paddingLength - strLength, paddingChars)\n}\n","import { createPadding } from './create-padding'\n\nexport function padStart(\n  stringToPad: string,\n  paddingLength: number | undefined = 0,\n  paddingChars: string | undefined = ' '\n): string {\n  const strLength = paddingLength ? stringToPad.length : 0\n\n  if (!paddingLength || strLength >= paddingLength) {\n    return stringToPad\n  }\n\n  return createPadding(paddingLength - strLength, paddingChars) + stringToPad\n}\n","export function isNumeric(value: any): boolean {\n  return !isNaN(Number(value) - parseFloat(value))\n}\n","import { isNumeric } from './is-numeric'\n\n/**\n * Returns the number of fractional digits.\n *\n * NOTE: This is intended for input validation, so trailing 0's will be included\n * in the total. Also, localization is not considered, so '.' is assumed to be\n * the fractional separator.\n */\nexport function fractionalDigitsCount(value: string): number | null {\n  if (!isNumeric(value)) {\n    return null\n  }\n\n  const a = value.split('.')\n  if (a.length !== 2) {\n    return null\n  }\n\n  return a[1].length\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-validators.js

@@ -0,0 +1,94 @@
+import { isObservable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { Validators } from '@angular/forms';
+import { isEmptyInputValue, isNumeric } from '@theseam/ui-common/utils';
+
+/**
+ * Validates that value matches on of the following:
+ *  ''             // empty string
+ *  'xxxxxxxxx'    // 'x' is a number
+ *  'xx-xxxxxxx'   // 'x' is a number
+ *  'xxx-xx-xxxx'  // 'x' is a number
+ */
+function taxIdValidator(control) {
+    const isValid = /^$|^\d{9}$|^\d{2}-\d{7}$|^\d{3}-\d{2}-\d{4}$/.test(control.value);
+    return isValid
+        ? null : { taxId: {} };
+}
+
+/**
+ * Validates that an email already exists.
+ */
+function emailExistsValidator(emailExists) {
+    return (control) => {
+        const validationResult = (exists) => {
+            return exists === false ? null : { 'emailExists': {} };
+        };
+        const fnRes = emailExists(control.value);
+        if (isObservable(fnRes)) {
+            return fnRes.pipe(map(validationResult));
+        }
+        return Promise.resolve(fnRes).then(validationResult);
+    };
+}
+
+/**
+ * Validates that a value is a valid phone number length.
+ */
+function phoneLengthValidator(control) {
+    return control.value.length === 0 || (control.value.length <= 18 && control.value.length >= 7)
+        ? null : { 'phoneLength': {} };
+}
+
+const DECIMAL_REGEX = /^([-+]{1})?\d*(\.\d*)?$/;
+function _decimalValidator() {
+    return (control) => {
+        if (isEmptyInputValue(control.value)) {
+            return null; // don't validate empty values to allow optional controls
+        }
+        const isDecimal = !Array.isArray(control.value) &&
+            isNumeric(control.value) &&
+            (Validators.pattern(DECIMAL_REGEX)(control) === null);
+        if (!isDecimal) {
+            return { 'decimal': { 'reason': 'Must be valid decimal number.' } };
+        }
+        return null;
+    };
+}
+/**
+ * Validates control value is a valid decimal number.
+ *
+ * NOTE: This does not allow any js valid decimal number. It only accepts them
+ * in a format expected by our backend.
+ */
+const decimalValidator = _decimalValidator();
+
+const INTEGER_REGEX = /^([-+]{1})?[0-9]*$/;
+function _integerValidator() {
+    return (control) => {
+        if (isEmptyInputValue(control.value)) {
+            return null; // don't validate empty values to allow optional controls
+        }
+        const isInteger = !Array.isArray(control.value) &&
+            isNumeric(control.value) &&
+            (Validators.pattern(INTEGER_REGEX)(control) === null);
+        if (!isInteger) {
+            return { 'integer': { 'reason': 'Must be valid integer.' } };
+        }
+        return null;
+    };
+}
+/**
+ * Validates control value is a valid integer number.
+ *
+ * NOTE: This does not allow any js valid integer number. It only accepts them
+ * in a format expected by our backend.
+ */
+const integerValidator = _integerValidator();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DECIMAL_REGEX, INTEGER_REGEX, decimalValidator, emailExistsValidator, integerValidator, phoneLengthValidator, taxIdValidator };
+//# sourceMappingURL=theseam-ui-common-validators.js.map

package/fesm2015/theseam-ui-common-validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-validators.js","sources":["../../../projects/ui-common/validators/tax-id.validator.ts","../../../projects/ui-common/validators/email-exists.validator.ts","../../../projects/ui-common/validators/phone-length.validator.ts","../../../projects/ui-common/validators/decimal.validator.ts","../../../projects/ui-common/validators/integer.validator.ts","../../../projects/ui-common/validators/theseam-ui-common-validators.ts"],"sourcesContent":["import { FormControl } from '@angular/forms'\n\n/**\n * Validates that value matches on of the following:\n *  ''             // empty string\n *  'xxxxxxxxx'    // 'x' is a number\n *  'xx-xxxxxxx'   // 'x' is a number\n *  'xxx-xx-xxxx'  // 'x' is a number\n */\nexport function taxIdValidator(control: FormControl) {\n  const isValid = /^$|^\\d{9}$|^\\d{2}-\\d{7}$|^\\d{3}-\\d{2}-\\d{4}$/.test(control.value)\n  return isValid\n    ? null : { taxId: {} }\n}\n","import { FormControl } from '@angular/forms'\nimport { isObservable, Observable } from 'rxjs'\nimport { map } from 'rxjs/operators'\n\n/**\n * Validates that an email already exists.\n */\nexport function emailExistsValidator(\n  emailExists: (email: string) => Promise<boolean> | Observable<boolean> | boolean\n) {\n  return (control: FormControl) => {\n    const validationResult = (exists: boolean) => {\n      return exists === false ? null : { 'emailExists': {} }\n    }\n\n    const fnRes = emailExists(control.value)\n    if (isObservable(fnRes)) {\n      return fnRes.pipe(map(validationResult))\n    }\n    return Promise.resolve(fnRes).then(validationResult)\n  }\n}\n","import { FormControl } from '@angular/forms'\n\n/**\n * Validates that a value is a valid phone number length.\n */\nexport function phoneLengthValidator(control: FormControl) {\n  return control.value.length === 0 || (control.value.length <= 18 && control.value.length >= 7)\n    ? null : { 'phoneLength': {} }\n}\n","import { AbstractControl, ValidatorFn, Validators } from '@angular/forms'\n\nimport { isEmptyInputValue, isNumeric } from '@theseam/ui-common/utils'\n\nexport const DECIMAL_REGEX = /^([-+]{1})?\\d*(\\.\\d*)?$/\n\nfunction _decimalValidator(): ValidatorFn {\n  return (control: AbstractControl) => {\n    if (isEmptyInputValue(control.value)) {\n      return null // don't validate empty values to allow optional controls\n    }\n\n    const isDecimal =\n      !Array.isArray(control.value) &&\n      isNumeric(control.value) &&\n      (Validators.pattern(DECIMAL_REGEX)(control) === null)\n\n    if (!isDecimal) {\n      return { 'decimal': { 'reason': 'Must be valid decimal number.' } }\n    }\n\n    return null\n  }\n}\n\n/**\n * Validates control value is a valid decimal number.\n *\n * NOTE: This does not allow any js valid decimal number. It only accepts them\n * in a format expected by our backend.\n */\nexport const decimalValidator: ValidatorFn = _decimalValidator()\n","import { AbstractControl, ValidatorFn, Validators } from '@angular/forms'\n\nimport { isEmptyInputValue, isNumeric } from '@theseam/ui-common/utils'\n\nexport const INTEGER_REGEX = /^([-+]{1})?[0-9]*$/\n\nfunction _integerValidator(): ValidatorFn {\n  return (control: AbstractControl) => {\n    if (isEmptyInputValue(control.value)) {\n      return null // don't validate empty values to allow optional controls\n    }\n\n    const isInteger =\n      !Array.isArray(control.value) &&\n      isNumeric(control.value) &&\n      (Validators.pattern(INTEGER_REGEX)(control) === null)\n\n    if (!isInteger) {\n      return { 'integer': { 'reason': 'Must be valid integer.' } }\n    }\n    return null\n  }\n}\n\n/**\n * Validates control value is a valid integer number.\n *\n * NOTE: This does not allow any js valid integer number. It only accepts them\n * in a format expected by our backend.\n */\nexport const integerValidator: ValidatorFn = _integerValidator()\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;SAOgB,cAAc,CAAC,OAAoB;IACjD,MAAM,OAAO,GAAG,8CAA8C,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAClF,OAAO,OAAO;UACV,IAAI,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;AAC1B;;ACTA;;;SAGgB,oBAAoB,CAClC,WAAgF;IAEhF,OAAO,CAAC,OAAoB;QAC1B,MAAM,gBAAgB,GAAG,CAAC,MAAe;YACvC,OAAO,MAAM,KAAK,KAAK,GAAG,IAAI,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE,CAAA;SACvD,CAAA;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAA;SACzC;QACD,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;KACrD,CAAA;AACH;;ACnBA;;;SAGgB,oBAAoB,CAAC,OAAoB;IACvD,OAAO,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;UAC1F,IAAI,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE,CAAA;AAClC;;MCJa,aAAa,GAAG,0BAAyB;AAEtD,SAAS,iBAAiB;IACxB,OAAO,CAAC,OAAwB;QAC9B,IAAI,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,SAAS,GACb,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YAC7B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;aACvB,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAA;QAEvD,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,+BAA+B,EAAE,EAAE,CAAA;SACpE;QAED,OAAO,IAAI,CAAA;KACZ,CAAA;AACH,CAAC;AAED;;;;;;MAMa,gBAAgB,GAAgB,iBAAiB;;MC3BjD,aAAa,GAAG,qBAAoB;AAEjD,SAAS,iBAAiB;IACxB,OAAO,CAAC,OAAwB;QAC9B,IAAI,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,SAAS,GACb,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YAC7B,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;aACvB,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAA;QAEvD,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,wBAAwB,EAAE,EAAE,CAAA;SAC7D;QACD,OAAO,IAAI,CAAA;KACZ,CAAA;AACH,CAAC;AAED;;;;;;MAMa,gBAAgB,GAAgB,iBAAiB;;AC9B9D;;;;;;"}

package/fesm2015/theseam-ui-common-viewers.js

@@ -0,0 +1,328 @@
+import { __awaiter, __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, Input, HostBinding, ViewChild, Injectable, NgModule } from '@angular/core';
+import { Subject, from, ReplaySubject, BehaviorSubject, of } from 'rxjs';
+import { takeUntil, auditTime, switchMap, tap, shareReplay, map } from 'rxjs/operators';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { waitOnConditionAsync, wrapIntoObservable } from '@theseam/ui-common/utils';
+import { coerceNumberProperty, coerceArray } from '@angular/cdk/coercion';
+import { CommonModule } from '@angular/common';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+
+class TheSeamPdfPageComponent {
+    constructor() {
+        this._ngUnsubscribe = new Subject();
+        this.shadow = false;
+        /**
+         * Canvas will responsively scale and rerender if scaled more than
+         * `renderUpdateThreshold` pixels.
+         */
+        this.responsive = false;
+        /**
+         * The canvas will be rerendered if the canvas size changes by this many
+         * pixels from the last render.
+         *
+         * To make the canvas responsive using only the initial size for its render
+         * set the threshold to `-1`. You can still trigger a rerender by calling the
+         * `render()` method.
+         *
+         * NOTE: Only used when `responsive` is `true`.
+         */
+        this.renderUpdateThreshold = 100;
+        this.rendering = false;
+        this._renderRequestSubject = new Subject();
+        this._render$ = this._renderRequestSubject.pipe(takeUntil(this._ngUnsubscribe), auditTime(500), switchMap(_ => from(waitOnConditionAsync(() => this.rendering === false, 30 * 1000))), switchMap(_ => from(this._render())));
+    }
+    get page() { return this._page; }
+    set page(value) {
+        this._page = value;
+        setTimeout(() => { this.render(); });
+    }
+    get _shadow() { return this.shadow; }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    ngAfterViewInit() {
+        this._render$.subscribe();
+        this.render();
+    }
+    render() {
+        this._renderRequestSubject.next();
+    }
+    _render() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.pdfContainer || !this.pdfCanvas) {
+                return;
+            }
+            try {
+                const w = this.pdfContainer.nativeElement.clientWidth;
+                const desiredWidth = w;
+                const viewport = this.page.getViewport({ scale: 1 });
+                const scale = desiredWidth / viewport.width;
+                const scaledViewport = this.page.getViewport({ scale });
+                // Prepare canvas using PDF page dimensions
+                const canvas = this.pdfCanvas.nativeElement;
+                const context = canvas.getContext('2d');
+                canvas.height = scaledViewport.height;
+                canvas.width = scaledViewport.width;
+                canvas.style.height = `${scaledViewport.height}px`;
+                canvas.style.width = `${scaledViewport.width}px`;
+                // Render PDF page into canvas context
+                const renderContext = {
+                    canvasContext: context,
+                    viewport: scaledViewport
+                };
+                const renderTask = yield this.page.render(renderContext).promise;
+                // TODO: Allow canceling instead of only waiting
+                // await renderTask.cancel()
+                this.rendering = false;
+                if (this.responsive) {
+                    canvas.style.width = '100%';
+                    canvas.style.height = '100%';
+                }
+            }
+            catch (err) {
+                // PDF loading error
+                console.error(err);
+            }
+        });
+    }
+    onResized() {
+        if (!this.responsive || this.renderUpdateThreshold === -1) {
+            return;
+        }
+        if (!this.pdfContainer || !this.pdfCanvas) {
+            return;
+        }
+        const containerRect = this.pdfContainer.nativeElement.getBoundingClientRect();
+        const pdfWidth = this.pdfCanvas.nativeElement.width;
+        const pdfHeight = this.pdfCanvas.nativeElement.height;
+        const wDiff = Math.abs(containerRect.width - pdfWidth);
+        const hDiff = Math.abs(containerRect.height - pdfHeight);
+        if (wDiff > this.renderUpdateThreshold || hDiff > this.renderUpdateThreshold) {
+            this.render();
+        }
+    }
+}
+TheSeamPdfPageComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-pdf-page',
+                template: `
+  <div #pdfContainer
+    (seamElemResized)="onResized()">
+    <canvas #pdfCanvas></canvas>
+  </div>
+  `,
+                styles: [`
+    :host { display: block; }
+    canvas { display: block; }
+  `]
+            },] }
+];
+TheSeamPdfPageComponent.ctorParameters = () => [];
+TheSeamPdfPageComponent.propDecorators = {
+    page: [{ type: Input }],
+    shadow: [{ type: Input }],
+    _shadow: [{ type: HostBinding, args: ['class.shadow',] }],
+    pdfContainer: [{ type: ViewChild, args: ['pdfContainer', { static: true },] }],
+    pdfCanvas: [{ type: ViewChild, args: ['pdfCanvas', { static: true },] }],
+    responsive: [{ type: Input }],
+    renderUpdateThreshold: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], TheSeamPdfPageComponent.prototype, "shadow", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamPdfPageComponent.prototype, "responsive", void 0);
+
+class PdfRendererService {
+    constructor() {
+        const pdfjsImport = wrapIntoObservable(import('pdfjs-dist/legacy/build/pdf'));
+        this._pdfjs$ = pdfjsImport.pipe(tap((pdfJs) => {
+            if (!pdfJs.GlobalWorkerOptions.workerSrc) {
+                // tslint:disable-next-line:max-line-length
+                pdfJs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfJs.version}/pdf.worker.min.js`;
+            }
+        }), shareReplay({ bufferSize: 1, refCount: true }));
+    }
+    getDocument(url) {
+        return from(fetch(url)).pipe(switchMap(v => this._pdfjs$.pipe(switchMap(pdfjs => pdfjs.getDocument(v).promise))));
+    }
+}
+PdfRendererService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PdfRendererService_Factory() { return new PdfRendererService(); }, token: PdfRendererService, providedIn: "root" });
+PdfRendererService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+PdfRendererService.ctorParameters = () => [];
+
+class TheSeamPdfViewerComponent {
+    constructor(_pdfRenderer) {
+        this._pdfRenderer = _pdfRenderer;
+        this.shadow = false;
+        /**
+         * Canvas will responsively scale and rerender if scaled more than
+         * `renderUpdateThreshold` pixels.
+         */
+        this.responsive = false;
+        this._renderUpdateThreshold = 100;
+        this._pageRange = [];
+        this._pageNumber = -1;
+        this._pageNumbers = [];
+        this._documentSubject = new ReplaySubject(1);
+        /**
+         * Undefined means all a pages
+         */
+        this._pageNumbersSubject = new BehaviorSubject(undefined);
+        this.document$ = this._documentSubject.asObservable().pipe(switchMap(url => {
+            if (!url) {
+                return of();
+            }
+            return this._pdfRenderer.getDocument(url);
+        }));
+        const pageNumbers$ = this._pageNumbersSubject.asObservable();
+        this.pages$ = this.document$.pipe(switchMap(doc => pageNumbers$.pipe(map(pageNumbers => {
+            const pages = [];
+            for (let i = 0; i < doc.numPages; i++) {
+                if (!pageNumbers || pageNumbers.indexOf(i + 1) !== -1) {
+                    pages.push(from(doc.getPage(i + 1)));
+                }
+            }
+            return pages;
+        }))));
+    }
+    get pdfUrl() { return this._pdfUrl; }
+    set pdfUrl(value) {
+        this._pdfUrl = value;
+        this._documentSubject.next(value);
+    }
+    /**
+     * The canvas will be rerendered if the canvas size changes by this many
+     * pixels from the last render.
+     *
+     * To make the canvas responsive using only the initial size for its render
+     * set the threshold to `-1`. You can still trigger a rerender by calling the
+     * `render()` method.
+     *
+     * NOTE: Only used when `responsive` is `true`.
+     */
+    set renderUpdateThreshold(value) { this._renderUpdateThreshold = coerceNumberProperty(value); }
+    get renderUpdateThreshold() { return this._renderUpdateThreshold; }
+    /**
+     * Range of pages to render.
+     *
+     * Example(page 1 to page 3):
+     *  [pageRange]="[1,3]"
+     */
+    get pageRange() { return this._pageRange; }
+    set pageRange(value) {
+        this._pageRange = value;
+        if (!this._pageRange) {
+            this._pageNumbersSubject.next(undefined);
+        }
+        try {
+            const range = coerceArray(this._pageRange);
+            if (range.length !== 2) {
+                throw new Error('[pdf-viewer] Invalid Page Range. Range array must have two numbers only.');
+            }
+            if (range[0] > range[1]) {
+                throw new Error('[pdf-viewer] Invalid Page Range. Start of the range must be less than or equal to the end.');
+            }
+            const nums = [];
+            for (let i = range[0]; i <= range[1]; i++) {
+                nums.push(i);
+            }
+            this._pageNumbersSubject.next(nums);
+        }
+        catch (err) {
+            // TODO: Decide how to conveniently display these errors.
+            console.error(err);
+            this._pageNumbersSubject.next([]);
+        }
+    }
+    /**
+     * Render a specific page.
+     */
+    get pageNumber() { return this._pageNumber; }
+    set pageNumber(value) {
+        this._pageNumber = coerceNumberProperty(value, -1);
+        this._pageNumbersSubject.next(this._pageNumber === -1 ? undefined : [this._pageNumber]);
+    }
+    /**
+     * Specific page numbers to render.
+     */
+    get pageNumbers() { return this._pageNumbers; }
+    set pageNumbers(value) {
+        this._pageNumbers = value;
+        if (Array.isArray(this._pageNumbers)) {
+            this._pageNumbersSubject.next(this._pageNumbers);
+        }
+        else {
+            this._pageNumbersSubject.next(undefined);
+        }
+    }
+}
+TheSeamPdfViewerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-pdf-viewer',
+                template: `
+  <ng-container *ngFor="let page of pages$ | async">
+    <seam-pdf-page
+      class="mb-2"
+      [page]="page | async"
+      [responsive]="responsive"
+      [shadow]="shadow"
+      [renderUpdateThreshold]="renderUpdateThreshold">
+    </seam-pdf-page>
+  </ng-container>
+  `,
+                styles: [`:host { display: block; }`]
+            },] }
+];
+TheSeamPdfViewerComponent.ctorParameters = () => [
+    { type: PdfRendererService }
+];
+TheSeamPdfViewerComponent.propDecorators = {
+    pdfUrl: [{ type: Input }],
+    shadow: [{ type: Input }],
+    responsive: [{ type: Input }],
+    renderUpdateThreshold: [{ type: Input }],
+    pageRange: [{ type: Input }],
+    pageNumber: [{ type: Input }],
+    pageNumbers: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], TheSeamPdfViewerComponent.prototype, "shadow", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamPdfViewerComponent.prototype, "responsive", void 0);
+
+class TheSeamPdfViewerModule {
+}
+TheSeamPdfViewerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TheSeamSharedModule
+                ],
+                declarations: [
+                    TheSeamPdfViewerComponent,
+                    TheSeamPdfPageComponent
+                ],
+                exports: [
+                    TheSeamPdfViewerComponent,
+                    TheSeamPdfPageComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamPdfPageComponent, TheSeamPdfViewerComponent, TheSeamPdfViewerModule };
+//# sourceMappingURL=theseam-ui-common-viewers.js.map

package/fesm2015/theseam-ui-common-viewers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-viewers.js","sources":["../../../projects/ui-common/viewers/pdf-viewer/pdf-page/pdf-page.component.ts","../../../projects/ui-common/viewers/pdf-viewer/pdf-renderer.service.ts","../../../projects/ui-common/viewers/pdf-viewer/pdf-viewer.component.ts","../../../projects/ui-common/viewers/pdf-viewer/pdf-viewer.module.ts","../../../projects/ui-common/viewers/theseam-ui-common-viewers.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion'\nimport { AfterViewInit, Component, ElementRef, HostBinding, Input, OnDestroy, ViewChild } from '@angular/core'\nimport { from, Observable, Subject } from 'rxjs'\nimport { auditTime, switchMap, takeUntil } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { waitOnConditionAsync } from '@theseam/ui-common/utils'\n\n@Component({\n  selector: 'seam-pdf-page',\n  template: `\n  <div #pdfContainer\n    (seamElemResized)=\"onResized()\">\n    <canvas #pdfCanvas></canvas>\n  </div>\n  `,\n  styles: [`\n    :host { display: block; }\n    canvas { display: block; }\n  `]\n})\nexport class TheSeamPdfPageComponent implements OnDestroy, AfterViewInit {\n  static ngAcceptInputType_shadow: BooleanInput\n  static ngAcceptInputType_responsive: BooleanInput\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  @Input()\n  public get page() { return this._page }\n  public set page(value) {\n    this._page = value\n    setTimeout(() => { this.render() })\n  }\n  private _page: any\n\n  @Input() @InputBoolean() shadow: boolean = false\n\n  @HostBinding('class.shadow') get _shadow() { return this.shadow }\n\n  @ViewChild('pdfContainer', { static: true }) pdfContainer?: ElementRef<HTMLDivElement>\n  @ViewChild('pdfCanvas', { static: true }) pdfCanvas?: ElementRef<HTMLCanvasElement>\n\n  /**\n   * Canvas will responsively scale and rerender if scaled more than\n   * `renderUpdateThreshold` pixels.\n   */\n  @Input() @InputBoolean() responsive = false\n\n  /**\n   * The canvas will be rerendered if the canvas size changes by this many\n   * pixels from the last render.\n   *\n   * To make the canvas responsive using only the initial size for its render\n   * set the threshold to `-1`. You can still trigger a rerender by calling the\n   * `render()` method.\n   *\n   * NOTE: Only used when `responsive` is `true`.\n   */\n  @Input() renderUpdateThreshold = 100\n\n  public rendering = false\n\n  private _renderRequestSubject = new Subject<void>()\n\n  private _render$: Observable<void>\n\n  constructor() {\n    this._render$ = this._renderRequestSubject.pipe(\n      takeUntil(this._ngUnsubscribe),\n      auditTime(500),\n      switchMap(_ => from(waitOnConditionAsync(() => this.rendering === false, 30 * 1000))),\n      switchMap(_ => from(this._render()))\n    )\n  }\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewInit() {\n    this._render$.subscribe()\n    this.render()\n  }\n\n  public render() {\n    this._renderRequestSubject.next()\n  }\n\n  private async _render() {\n    if (!this.pdfContainer || !this.pdfCanvas) {\n      return\n    }\n\n    try {\n      const w = this.pdfContainer.nativeElement.clientWidth\n      const desiredWidth = w\n      const viewport = this.page.getViewport({ scale: 1 })\n      const scale = desiredWidth / viewport.width\n      const scaledViewport = this.page.getViewport({ scale })\n\n      // Prepare canvas using PDF page dimensions\n      const canvas: HTMLCanvasElement = this.pdfCanvas.nativeElement\n      const context = canvas.getContext('2d')\n      canvas.height = scaledViewport.height\n      canvas.width = scaledViewport.width\n      canvas.style.height = `${scaledViewport.height}px`\n      canvas.style.width = `${scaledViewport.width}px`\n\n      // Render PDF page into canvas context\n      const renderContext = {\n        canvasContext: context,\n        viewport: scaledViewport\n      }\n\n      const renderTask = await this.page.render(renderContext).promise\n\n      // TODO: Allow canceling instead of only waiting\n      // await renderTask.cancel()\n      this.rendering = false\n      if (this.responsive) {\n        canvas.style.width = '100%'\n        canvas.style.height = '100%'\n      }\n    } catch (err) {\n      // PDF loading error\n      console.error(err)\n    }\n  }\n\n  onResized() {\n    if (!this.responsive || this.renderUpdateThreshold === -1) { return }\n\n    if (!this.pdfContainer || !this.pdfCanvas) {\n      return\n    }\n\n    const containerRect = this.pdfContainer.nativeElement.getBoundingClientRect()\n    const pdfWidth = this.pdfCanvas.nativeElement.width\n    const pdfHeight = this.pdfCanvas.nativeElement.height\n    const wDiff = Math.abs(containerRect.width - pdfWidth)\n    const hDiff = Math.abs(containerRect.height - pdfHeight)\n    if (wDiff > this.renderUpdateThreshold || hDiff > this.renderUpdateThreshold) {\n      this.render()\n    }\n\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { shareReplay, switchMap, tap } from 'rxjs/operators'\n\nimport { wrapIntoObservable } from '@theseam/ui-common/utils'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class PdfRendererService {\n\n  private readonly _pdfjs$: Observable<any>\n\n  constructor() {\n    const pdfjsImport = wrapIntoObservable(import('pdfjs-dist/legacy/build/pdf'))\n    this._pdfjs$ = pdfjsImport.pipe(\n      tap((pdfJs: any) => {\n        if (!pdfJs.GlobalWorkerOptions.workerSrc) {\n          // tslint:disable-next-line:max-line-length\n          pdfJs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${ (pdfJs as any).version }/pdf.worker.min.js`\n        }\n      }),\n      shareReplay({ bufferSize: 1, refCount: true })\n    )\n  }\n\n  public getDocument(url: string): Observable<any> {\n    return from(fetch(url)).pipe(\n      switchMap(v => this._pdfjs$.pipe(\n        switchMap(pdfjs => pdfjs.getDocument(v).promise)\n      ))\n    )\n  }\n}\n","import { BooleanInput, coerceArray, coerceNumberProperty } from '@angular/cdk/coercion'\nimport { Component, Input } from '@angular/core'\nimport { BehaviorSubject, from, Observable, of, ReplaySubject } from 'rxjs'\nimport { map, shareReplay, switchMap, tap } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { wrapIntoObservable } from '@theseam/ui-common/utils'\n\nimport { PdfRendererService } from './pdf-renderer.service'\n\n@Component({\n  selector: 'seam-pdf-viewer',\n  template: `\n  <ng-container *ngFor=\"let page of pages$ | async\">\n    <seam-pdf-page\n      class=\"mb-2\"\n      [page]=\"page | async\"\n      [responsive]=\"responsive\"\n      [shadow]=\"shadow\"\n      [renderUpdateThreshold]=\"renderUpdateThreshold\">\n    </seam-pdf-page>\n  </ng-container>\n  `,\n  styles: [`:host { display: block; }`]\n})\nexport class TheSeamPdfViewerComponent {\n  static ngAcceptInputType_shadow: BooleanInput\n  static ngAcceptInputType_responsive: BooleanInput\n\n  @Input()\n  get pdfUrl(): string | undefined | null { return this._pdfUrl }\n  set pdfUrl(value: string | undefined | null) {\n    this._pdfUrl = value\n    this._documentSubject.next(value)\n  }\n  private _pdfUrl: string | undefined | null\n\n  @Input() @InputBoolean() shadow = false\n\n  /**\n   * Canvas will responsively scale and rerender if scaled more than\n   * `renderUpdateThreshold` pixels.\n   */\n  @Input() @InputBoolean() responsive = false\n\n  /**\n   * The canvas will be rerendered if the canvas size changes by this many\n   * pixels from the last render.\n   *\n   * To make the canvas responsive using only the initial size for its render\n   * set the threshold to `-1`. You can still trigger a rerender by calling the\n   * `render()` method.\n   *\n   * NOTE: Only used when `responsive` is `true`.\n   */\n  @Input()\n  set renderUpdateThreshold(value: number) { this._renderUpdateThreshold = coerceNumberProperty(value) }\n  get renderUpdateThreshold(): number { return this._renderUpdateThreshold }\n  private _renderUpdateThreshold: number = 100\n\n  /**\n   * Range of pages to render.\n   *\n   * Example(page 1 to page 3):\n   *  [pageRange]=\"[1,3]\"\n   */\n  @Input()\n  get pageRange(): number[] { return this._pageRange }\n  set pageRange(value: number[]) {\n    this._pageRange = value\n\n    if (!this._pageRange) {\n      this._pageNumbersSubject.next(undefined)\n    }\n\n    try {\n      const range = coerceArray(this._pageRange)\n      if (range.length !== 2) {\n        throw new Error('[pdf-viewer] Invalid Page Range. Range array must have two numbers only.')\n      }\n      if (range[0] > range[1]) {\n        throw new Error('[pdf-viewer] Invalid Page Range. Start of the range must be less than or equal to the end.')\n      }\n\n      const nums: number[] = []\n      for (let i = range[0]; i <= range[1]; i++) {\n        nums.push(i)\n      }\n      this._pageNumbersSubject.next(nums)\n    } catch (err) {\n      // TODO: Decide how to conveniently display these errors.\n      console.error(err)\n      this._pageNumbersSubject.next([])\n    }\n  }\n  private _pageRange: number[] = []\n\n  /**\n   * Render a specific page.\n   */\n  @Input()\n  get pageNumber(): number { return this._pageNumber }\n  set pageNumber(value: number) {\n    this._pageNumber = coerceNumberProperty(value, -1)\n    this._pageNumbersSubject.next(this._pageNumber === -1 ? undefined : [ this._pageNumber ])\n  }\n  private _pageNumber = -1\n\n  /**\n   * Specific page numbers to render.\n   */\n  @Input()\n  get pageNumbers(): number[] { return this._pageNumbers }\n  set pageNumbers(value: number[]) {\n    this._pageNumbers = value\n    if (Array.isArray(this._pageNumbers)) {\n      this._pageNumbersSubject.next(this._pageNumbers)\n    } else {\n      this._pageNumbersSubject.next(undefined)\n    }\n  }\n  private _pageNumbers: number[] = []\n\n  private _documentSubject = new ReplaySubject<any>(1)\n  public document$: Observable<any>\n  public pages$: Observable<any[]>\n\n  /**\n   * Undefined means all a pages\n   */\n  private _pageNumbersSubject = new BehaviorSubject<number[] | undefined>(undefined)\n\n  constructor(\n    private readonly _pdfRenderer: PdfRendererService\n  ) {\n    this.document$ = this._documentSubject.asObservable().pipe(\n      switchMap(url => {\n        if (!url) {\n          return of()\n        }\n        return this._pdfRenderer.getDocument(url)\n      })\n    )\n\n    const pageNumbers$ = this._pageNumbersSubject.asObservable()\n\n    this.pages$ = this.document$.pipe(\n      switchMap(doc => pageNumbers$.pipe(\n        map(pageNumbers => {\n          const pages: any[] = []\n          for (let i = 0; i < doc.numPages; i++) {\n            if (!pageNumbers || pageNumbers.indexOf(i + 1) !== -1) {\n              pages.push(from(doc.getPage(i + 1)))\n            }\n          }\n          return pages\n        })\n      ))\n    )\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\n\nimport { TheSeamPdfPageComponent } from './pdf-page/pdf-page.component'\nimport { TheSeamPdfViewerComponent } from './pdf-viewer.component'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    TheSeamSharedModule\n  ],\n  declarations: [\n    TheSeamPdfViewerComponent,\n    TheSeamPdfPageComponent\n  ],\n  exports: [\n    TheSeamPdfViewerComponent,\n    TheSeamPdfPageComponent\n  ]\n})\nexport class TheSeamPdfViewerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-widget.js

@@ -0,0 +1,1187 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { CdkDrag, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, ElementRef, NgZone, Optional, Inject, Input, TemplateRef, Component, ChangeDetectionStrategy, NgModule, ViewEncapsulation, HostBinding, Renderer2, ContentChild, EventEmitter, Output, Injectable } from '@angular/core';
+import { Subject, BehaviorSubject, throwError, of } from 'rxjs';
+import { auditTime, takeUntil, take, switchMap, filter, map } from 'rxjs/operators';
+import { getClosestWidgetCdkDrag } from '@theseam/ui-common/utils';
+import { CommonModule } from '@angular/common';
+import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
+import { mixinTheme, mixinActive, mixinDisabled, InputBoolean, mixinTabIndex } from '@theseam/ui-common/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import { __decorate } from 'tslib';
+import { TheSeamTableModule } from '@theseam/ui-common/table';
+import { TheSeamTableCellTypesModule } from '@theseam/ui-common/table-cell-types';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { faCog, faAngleDown } from '@fortawesome/free-solid-svg-icons';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i2 from '@theseam/ui-common/dynamic-component-loader';
+import { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader';
+import { CdkTableModule } from '@angular/cdk/table';
+import { RouterModule } from '@angular/router';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
+
+function extendStyles(dest, source) {
+    for (const key in source) {
+        if (source.hasOwnProperty(key)) {
+            // tslint:disable-next-line: no-non-null-assertion
+            dest[key] = source[key];
+        }
+    }
+    return dest;
+}
+function toggleNativeDragInteractions(element, enable) {
+    const userSelect = enable ? '' : 'none';
+    extendStyles(element.style, {
+        touchAction: enable ? '' : 'none',
+        webkitUserDrag: enable ? '' : 'none',
+        webkitTapHighlightColor: enable ? '' : 'transparent',
+        userSelect: userSelect,
+        msUserSelect: userSelect,
+        webkitUserSelect: userSelect,
+        MozUserSelect: userSelect
+    });
+}
+const THESEAM_WIDGET_ACCESSOR = new InjectionToken('TheSeamWidgetAccessor');
+class WidgetDragHandleDirective {
+    constructor(element, _ngZone, _dashboardWidgets, __parentDrag) {
+        this.element = element;
+        this._ngZone = _ngZone;
+        this._dashboardWidgets = _dashboardWidgets;
+        this.__parentDrag = __parentDrag;
+        this._ngUnsubscribe = new Subject();
+        this._attachedToDom = new BehaviorSubject(false);
+        this._doneCheckingAttached = false;
+        /** Emits when the state of the handle has changed. */
+        this._stateChanges = new Subject();
+        this._disabled = false;
+        toggleNativeDragInteractions(element.nativeElement, false);
+    }
+    /** Needed because CdkDrag reads this variable */
+    get _parentDrag() { return this.getParentCdkDrag(); }
+    /** Whether starting to drag through this handle is disabled. */
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this._stateChanges.next(this);
+    }
+    ngOnInit() {
+        if (this._dashboardWidgets) {
+            this._dashboardWidgets.widgetsChange.pipe(auditTime(0), takeUntil(this._ngUnsubscribe)).subscribe(() => {
+                if (this._knownParentDrag) {
+                    const isAttached = this.isAttachedToDom();
+                    if (isAttached) {
+                        const parent = this.getParentCdkDrag();
+                        if (this._knownParentDrag !== parent) {
+                            this._attachedToDom.next(isAttached);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    ngAfterViewInit() {
+        if (this.__parentDrag || this._dashboardWidgets) {
+            // FIXME: This only works until the widget is moved to another template
+            // outlet. Now that the component isn't reinitialized when moving between
+            // lists the handle needs to now reflex that change to its new CdkDrag
+            // parent and possibly tell its previous parent to forget it.
+            // HACK: This is a hack to allow the `CdkDrag` directive to manage a
+            // handle that is not visible to `ContentChildren` query.
+            this._ngZone.onStable.asObservable()
+                // .pipe(take(1), untilDestroyed(this))
+                .pipe(take(1), 
+            // With the weird trick being done to keep widgets initialized when switching columns
+            switchMap(() => this._attachedToDom.pipe(filter(v => v === true))), 
+            // take(1)
+            takeUntil(this._ngUnsubscribe))
+                .subscribe(() => {
+                const parent = this.getParentCdkDrag();
+                if (this._knownParentDrag && this._knownParentDrag !== parent) {
+                    this._knownParentDrag._dragRef.disableHandle(this.element.nativeElement);
+                    this._knownParentDrag = undefined;
+                }
+                if (parent) {
+                    this._knownParentDrag = parent;
+                    parent._handles.reset([...parent._handles._results, this]);
+                    parent._handles.notifyOnChanges();
+                    parent._dragRef.enableHandle(this.element.nativeElement);
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        this._stateChanges.complete();
+        this._attachedToDom.complete();
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    ngDoCheck() {
+        // The attached observable only emits once, so we can stop checking if
+        // attached.
+        if (this._doneCheckingAttached) {
+            return;
+        }
+        const isAttached = this.isAttachedToDom();
+        if (isAttached !== this._attachedToDom.value) {
+            this._attachedToDom.next(isAttached);
+            this._doneCheckingAttached = true;
+        }
+    }
+    isAttachedToDom() {
+        return document.body.contains(this.element.nativeElement);
+    }
+    /** Closest parent draggable instance. */
+    getParentCdkDrag() {
+        if (this.__parentDrag) {
+            return this.__parentDrag;
+        }
+        else if (this._dashboardWidgets && this._dashboardWidgets.cdkDragDirectives) {
+            const dragsArr = this._dashboardWidgets.cdkDragDirectives.toArray();
+            const closest = getClosestWidgetCdkDrag(this.element, dragsArr);
+            return (closest !== undefined && closest !== null) ? closest : undefined;
+        }
+    }
+}
+WidgetDragHandleDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamWidgetDragHandle]',
+                host: {
+                    'class': 'cdk-drag-handle'
+                }
+            },] }
+];
+WidgetDragHandleDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_WIDGET_ACCESSOR,] }] },
+    { type: CdkDrag, decorators: [{ type: Optional }] }
+];
+WidgetDragHandleDirective.propDecorators = {
+    disabled: [{ type: Input, args: ['cdkDragHandleDisabled',] }]
+};
+
+class WidgetIconTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+WidgetIconTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamWidgetIconTpl]'
+            },] }
+];
+WidgetIconTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+class WidgetTitleTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+WidgetTitleTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamWidgetTitleTpl]'
+            },] }
+];
+WidgetTitleTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+class WidgetButtonGroupComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetButtonGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-button-group',
+                template: "<ng-content select=\"[seamButton]\"></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:block}"]
+            },] }
+];
+WidgetButtonGroupComponent.ctorParameters = () => [];
+
+class TheSeamWidgetButtonGroupModule {
+}
+TheSeamWidgetButtonGroupModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetButtonGroupComponent
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamButtonsModule
+                ],
+                exports: [
+                    WidgetButtonGroupComponent,
+                    TheSeamButtonsModule
+                ]
+            },] }
+];
+
+class WidgetContentHeaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetContentHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-content-header',
+                template: "<ng-content></ng-content>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["seam-widget-content-header{display:block;padding:.5rem .5rem 1rem}"]
+            },] }
+];
+WidgetContentHeaderComponent.ctorParameters = () => [];
+
+class TheSeamWidgetContentHeaderModule {
+}
+TheSeamWidgetContentHeaderModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetContentHeaderComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetContentHeaderComponent
+                ]
+            },] }
+];
+
+class WidgetDescriptionComponent {
+}
+WidgetDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-description',
+                template: "<p><ng-content></ng-content></p>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+
+class TheSeamWidgetDescriptionModule {
+}
+TheSeamWidgetDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetDescriptionComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetDescriptionComponent
+                ]
+            },] }
+];
+
+class WidgetEmptyLabelComponent {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+    get _btnCss() { return this._isButton() ? true : false; }
+    get _btnLinkCss() { return this._isButton() ? true : false; }
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get type() { return this._type; }
+    ngOnInit() { }
+    /** Determines if the component host is a button. */
+    _isButton() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
+    }
+    /** Determines if the component host is an anchor. */
+    _isAnchor() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
+    }
+}
+WidgetEmptyLabelComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-empty-label,a[seam-widget-empty-label],button[seam-widget-empty-label]',
+                template: "<ng-content></ng-content>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["seam-widget-empty-label{display:block;width:100%;text-align:left;font-size:15px;padding:.5rem}"]
+            },] }
+];
+WidgetEmptyLabelComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+WidgetEmptyLabelComponent.propDecorators = {
+    _btnCss: [{ type: HostBinding, args: ['class.btn',] }],
+    _btnLinkCss: [{ type: HostBinding, args: ['class.btn-link',] }],
+    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
+    type: [{ type: Input }]
+};
+
+class TheSeamWidgetEmptyLabelModule {
+}
+TheSeamWidgetEmptyLabelModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetEmptyLabelComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetEmptyLabelComponent
+                ]
+            },] }
+];
+
+class WidgetFooterLinkComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+WidgetFooterLinkComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'a[seam-widget-footer-link]',
+                template: "<ng-content></ng-content>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["a[seam-widget-footer-link]{display:block;text-align:center;margin-top:.5rem}"]
+            },] }
+];
+WidgetFooterLinkComponent.ctorParameters = () => [];
+
+class TheSeamWidgetFooterLinkModule {
+}
+TheSeamWidgetFooterLinkModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetFooterLinkComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetFooterLinkComponent
+                ]
+            },] }
+];
+
+class WidgetFooterTextComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetFooterTextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-footer-text',
+                template: "<em>\n  <ng-content></ng-content>\n</em>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["seam-widget-footer-text{display:block;font-size:13px;margin-top:.5rem}"]
+            },] }
+];
+WidgetFooterTextComponent.ctorParameters = () => [];
+
+class TheSeamWidgetFooterTextModule {
+}
+TheSeamWidgetFooterTextModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetFooterTextComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetFooterTextComponent
+                ]
+            },] }
+];
+
+class WidgetHeaderBadgeBase {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+    }
+}
+const _WidgetHeaderBadgeMixinBase = mixinTheme(WidgetHeaderBadgeBase, 'badge');
+class WidgetHeaderBadgeComponent extends _WidgetHeaderBadgeMixinBase {
+    constructor(_elementRef) { super(_elementRef); }
+    ngOnInit() { }
+}
+WidgetHeaderBadgeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-header-badge',
+                template: "<ng-content></ng-content>\n",
+                // tslint:disable-next-line:use-input-property-decorator
+                inputs: ['theme'],
+                // tslint:disable-next-line:use-host-property-decorator
+                host: {
+                    'class': 'badge float-right'
+                },
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["seam-widget-header-badge.badge{font-size:17px}"]
+            },] }
+];
+WidgetHeaderBadgeComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+
+class TheSeamWidgetHeaderBadgeModule {
+}
+TheSeamWidgetHeaderBadgeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetHeaderBadgeComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetHeaderBadgeComponent
+                ]
+            },] }
+];
+
+class WidgetListGroupItemIconTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+WidgetListGroupItemIconTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamWidgetListGroupItemIconTpl]',
+                exportAs: 'seamWidgetListGroupItemIconTpl'
+            },] }
+];
+WidgetListGroupItemIconTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+// tslint:disable-next-line: max-line-length
+const WIDGET_LIST_GROUP_ITEM_INPUTS = ['disabled', 'theme', 'active', 'icon', 'iconClass', 'label', 'secondaryIcon', 'secondaryIconClass', 'secondaryIconTitle'];
+class WidgetListGroupItemBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+    /** Focuses the element. */
+    focus() {
+        this._getHostElement().focus();
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+WidgetListGroupItemBase.decorators = [
+    { type: Directive }
+];
+WidgetListGroupItemBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+WidgetListGroupItemBase.propDecorators = {
+    iconTpl: [{ type: ContentChild, args: [WidgetListGroupItemIconTplDirective, { static: true },] }]
+};
+class WidgetListGroupItemActionableBase extends WidgetListGroupItemBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        this._focusMonitor.monitor(this._elementRef, true);
+    }
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+}
+WidgetListGroupItemActionableBase.decorators = [
+    { type: Directive }
+];
+WidgetListGroupItemActionableBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+const _WidgetListGroupItemBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemBase), 'list-group-item'));
+const _WidgetListGroupItemActionableBase = mixinActive(mixinTheme(mixinDisabled(WidgetListGroupItemActionableBase), 'list-group-item'));
+class WidgetListGroupItemComponent extends _WidgetListGroupItemBase {
+    constructor(_elementRef, _renderer) {
+        super(_elementRef, _renderer);
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+    ngOnInit() { }
+}
+WidgetListGroupItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-list-group-item',
+                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
+                exportAs: 'seamWidgetListGroupItem',
+                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
+                host: {
+                    'class': 'list-group-item',
+                    '[class.active]': 'active',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null',
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetListGroupItemComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+class WidgetListGroupItemButtonComponent extends _WidgetListGroupItemActionableBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        /** ARIA type for the button. */
+        this.type = 'button';
+    }
+    ngOnInit() { }
+    ngOnDestroy() { super.ngOnDestroy(); }
+}
+WidgetListGroupItemButtonComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'button[seam-widget-list-group-item],button[seamWidgetListGroupItem]',
+                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
+                exportAs: 'seamWidgetListGroupItem',
+                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
+                host: {
+                    '[attr.type]': 'type',
+                    'class': 'list-group-item list-group-item-action',
+                    '[class.active]': 'active',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null',
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetListGroupItemButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+WidgetListGroupItemButtonComponent.propDecorators = {
+    type: [{ type: Input }]
+};
+class WidgetListGroupItemAnchorComponent extends _WidgetListGroupItemActionableBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { super.ngOnDestroy(); }
+    _haltDisabledEvents(event) {
+        // A disabled button shouldn't apply any actions
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+}
+WidgetListGroupItemAnchorComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line:component-selector
+                selector: 'a[seam-widget-list-group-item],a[seamWidgetListGroupItem]',
+                template: "<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"$any(iconTpl)\"></ng-container>\n    </span>\n  </ng-container>\n  <ng-template #noIconTpl>\n    <span class=\"pr-2\">\n      <seam-icon *ngIf=\"icon\"\n        [icon]=\"icon\"\n        [iconClass]=\"iconClass\"\n        iconType=\"borderless-styled-square\">\n      </seam-icon>\n    </span>\n  </ng-template>\n\n  <div class=\"d-flex flex-column justify-content-center flex-grow-1\">\n    {{ label }}\n  </div>\n\n  <seam-icon *ngIf=\"secondaryIcon\"\n    iconType=\"borderless-styled-square\"\n    class=\"secondary-icon align-self-center ml-1\"\n    [icon]=\"secondaryIcon\"\n    [iconClass]=\"secondaryIconClass\"\n    [title]=\"secondaryIconTitle\"\n    size=\"lg\">\n  </seam-icon>\n</div>\n",
+                exportAs: 'seamWidgetListGroupItem',
+                inputs: WIDGET_LIST_GROUP_ITEM_INPUTS,
+                host: {
+                    'class': 'list-group-item list-group-item-action',
+                    '[class.active]': 'active',
+                    '[attr.tabindex]': 'disabled ? -1 : (tabIndex || 0)',
+                    '[attr.aria-disabled]': 'disabled.toString()',
+                    '[attr.disabled]': 'disabled || null',
+                    '(click)': '_haltDisabledEvents($event)',
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetListGroupItemAnchorComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+WidgetListGroupItemAnchorComponent.propDecorators = {
+    tabIndex: [{ type: Input }]
+};
+
+// TODO: Make `ListGroup` a root component and wrap it with `WidgetListGroup`.
+class WidgetListGroupComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+WidgetListGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-list-group',
+                template: "<ng-content select=\"seam-widget-list-group-item,\n  a[seam-widget-list-group-item],\n  a[seamWidgetListGroupItem],\n  button[seam-widget-list-group-item],\n  button[seamWidgetListGroupItem]\">\n</ng-content>\n",
+                host: {
+                    'class': 'list-group'
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetListGroupComponent.ctorParameters = () => [];
+
+class TheSeamWidgetListGroupModule {
+}
+TheSeamWidgetListGroupModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetListGroupComponent,
+                    WidgetListGroupItemAnchorComponent,
+                    WidgetListGroupItemButtonComponent,
+                    WidgetListGroupItemComponent,
+                    WidgetListGroupItemIconTplDirective
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamIconModule
+                ],
+                exports: [
+                    WidgetListGroupComponent,
+                    WidgetListGroupItemAnchorComponent,
+                    WidgetListGroupItemButtonComponent,
+                    WidgetListGroupItemComponent,
+                    WidgetListGroupItemIconTplDirective
+                ]
+            },] }
+];
+
+class WidgetTableComponent {
+    constructor() {
+        this.rows = [];
+        this.size = 'sm';
+        this.hasHeader = true;
+        this.actionRefreshRequest = new EventEmitter();
+    }
+    _actionRefreshRequest() {
+        this.actionRefreshRequest.emit();
+    }
+}
+WidgetTableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-table',
+                template: "<seam-table\n  [columns]=\"columns\"\n  [rows]=\"rows\"\n  [trackBy]=\"trackBy\"\n  [size]=\"size\"\n  [hasHeader]=\"hasHeader\"\n  (actionRefreshRequest)=\"_actionRefreshRequest()\">\n</seam-table>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetTableComponent.ctorParameters = () => [];
+WidgetTableComponent.propDecorators = {
+    columns: [{ type: Input }],
+    rows: [{ type: Input }],
+    trackBy: [{ type: Input }],
+    size: [{ type: Input }],
+    hasHeader: [{ type: Input }],
+    actionRefreshRequest: [{ type: Output }]
+};
+__decorate([
+    InputBoolean()
+], WidgetTableComponent.prototype, "hasHeader", void 0);
+
+class TheSeamWidgetTableModule {
+}
+TheSeamWidgetTableModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetTableComponent
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamTableModule,
+                    TheSeamTableCellTypesModule
+                ],
+                exports: [
+                    WidgetTableComponent
+                ]
+            },] }
+];
+
+class WidgetTileFooterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetTileFooterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-tile-footer,[seam-widget-tile-footer]',
+                template: "\n  <ng-content select=\"seam-widget-tile-footer-item,[seam-widget-tile-footer-item]\"></ng-content>\n\n",
+                host: {
+                    class: 'd-flex flex-row justify-content-end'
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+WidgetTileFooterComponent.ctorParameters = () => [];
+
+class WidgetTileFooterItemComponent {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+        this.disabled = false;
+    }
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get _DisabledCss() { return this.disabled; }
+    get type() { return this._type; }
+    ngOnInit() { }
+    /** Determines if the component host is a button. */
+    _isButton() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
+    }
+}
+WidgetTileFooterItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-tile-footer-item,a[seam-widget-tile-footer-item],button[seam-widget-tile-footer-item]',
+                template: "<ng-content></ng-content>\n",
+                host: {
+                    class: 'btn btn-link py-0 px-1'
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{font-size:12px}"]
+            },] }
+];
+WidgetTileFooterItemComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+WidgetTileFooterItemComponent.propDecorators = {
+    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
+    _DisabledCss: [{ type: HostBinding, args: ['class.disabled',] }],
+    type: [{ type: Input }],
+    disabled: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], WidgetTileFooterItemComponent.prototype, "disabled", void 0);
+
+class WidgetTileGroupComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetTileGroupComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-tile-group',
+                template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile\"></ng-content>\n<ng-content select=\"seam-widget-tile-footer\"></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:block;margin-bottom:.5rem}:host:last-child{margin-bottom:0}:host ::ng-deep [seam-widget-tile]{margin-bottom:0}"]
+            },] }
+];
+WidgetTileGroupComponent.ctorParameters = () => [];
+
+class WidgetTileSecondaryIconDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+WidgetTileSecondaryIconDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamWidgetTileSecondaryIcon]',
+                exportAs: 'seamWidgetTileSecondaryIcon'
+            },] }
+];
+WidgetTileSecondaryIconDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+class TheSeamWidgetTileBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        this._renderer = _renderer;
+        this._focusMonitor.monitor(this._elementRef, true);
+    }
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+    /** Focuses the button. */
+    focus() {
+        this._getHostElement().focus();
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+TheSeamWidgetTileBase.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+TheSeamWidgetTileBase.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+const _TheSeamWidgetTileMixinBase = mixinTabIndex(mixinDisabled(TheSeamWidgetTileBase));
+// TODO: Should this component be split into separate components for button and anchor.
+class WidgetTileComponent extends _TheSeamWidgetTileMixinBase {
+    constructor(_elementRef, _focusMonitor, _renderer) {
+        super(_elementRef, _focusMonitor, _renderer);
+        this.grayscaleOnDisable = true;
+        this._haltDisabledEvents = (event) => {
+            // A disabled button shouldn't apply any actions
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        };
+    }
+    get _attrType() {
+        return this._type || this._isButton() ? 'button' : undefined;
+    }
+    get _btnCss() { return this._isButton() ? true : false; }
+    get _disabledCss() { return this.disabled; }
+    get _ariaDisabled() { return this.disabled.toString(); }
+    get _attrDisabled() { return this.disabled || null; }
+    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
+    get type() { return this._type; }
+    ngOnInit() {
+        if (this._isAnchor()) {
+            this._clickUnListen = this._renderer.listen(this._getHostElement(), 'click', this._haltDisabledEvents);
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (this._clickUnListen) {
+            this._clickUnListen();
+        }
+    }
+    /** Determines if the component host is a button. */
+    _isButton() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'button';
+    }
+    /** Determines if the component host is an anchor. */
+    _isAnchor() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a';
+    }
+}
+WidgetTileComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-tile, a[seam-widget-tile], button[seam-widget-tile]',
+                template: "<div class=\"d-flex flex-row\">\n  <div style=\"position: relative\">\n    <seam-icon\n      [icon]=\"icon\"\n      iconType=\"styled-square\"\n      [iconClass]=\"iconClass\"\n      [disabled]=\"disabled\">\n    </seam-icon>\n\n    <seam-icon *ngIf=\"notificationIcon\"\n      class=\"widget-tile--notification-icon\"\n      [icon]=\"notificationIcon\"\n      iconType=\"image-fill\"\n      [iconClass]=\"notificationIconClass\"\n      [disabled]=\"disabled\">\n    </seam-icon>\n  </div>\n  <div class=\"flex-grow-1 text-left pl-2\" style=\"margin: auto 0;\">\n    <ng-content></ng-content>\n  </div>\n  <div *ngIf=\"secondaryIcon\">\n    <ng-template [ngTemplateOutlet]=\"secondaryIcon.template\"></ng-template>\n  </div>\n</div>\n",
+                inputs: ['disabled'],
+                exportAs: 'seamWidgetTile',
+                encapsulation: ViewEncapsulation.None,
+                styles: ["a[seam-widget-tile],button[seam-widget-tile],seam-widget-tile{display:block;width:100%;padding:4px;text-decoration:none;color:#212529;font-size:14px;font-weight:400;line-height:18px;border:1px solid #dee2e6;border-radius:10px;margin-bottom:.5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}a[seam-widget-tile]:hover,button[seam-widget-tile]:hover,seam-widget-tile:hover{color:#212529;background-color:#f4f4f4;text-decoration:none}a[seam-widget-tile].focus,a[seam-widget-tile]:focus,button[seam-widget-tile].focus,button[seam-widget-tile]:focus,seam-widget-tile.focus,seam-widget-tile:focus{box-shadow:0 0 0 .2rem rgba(53,126,189,.25);outline:0}a[seam-widget-tile].disabled,a[seam-widget-tile]:disabled,button[seam-widget-tile].disabled,button[seam-widget-tile]:disabled,seam-widget-tile.disabled,seam-widget-tile:disabled{opacity:.65;pointer-events:none;cursor:default;filter:grayscale(1)}a[seam-widget-tile]:last-child,button[seam-widget-tile]:last-child,seam-widget-tile:last-child{margin-bottom:0}a[seam-widget-tile] .widget-tile--notification-icon,button[seam-widget-tile] .widget-tile--notification-icon,seam-widget-tile .widget-tile--notification-icon{position:absolute;bottom:-3px;right:-3px;width:15px!important;height:15px!important}a[seam-widget-tile] seam-icon img[src$=\".svg\"],button[seam-widget-tile] seam-icon img[src$=\".svg\"],seam-widget-tile seam-icon img[src$=\".svg\"]{height:100%}"]
+            },] }
+];
+WidgetTileComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: FocusMonitor },
+    { type: Renderer2 }
+];
+WidgetTileComponent.propDecorators = {
+    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
+    _btnCss: [{ type: HostBinding, args: ['class.btn',] }],
+    _disabledCss: [{ type: HostBinding, args: ['class.disabled',] }],
+    _ariaDisabled: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
+    _attrDisabled: [{ type: HostBinding, args: ['attr.disabled',] }],
+    _attrTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }],
+    type: [{ type: Input }],
+    icon: [{ type: Input }],
+    grayscaleOnDisable: [{ type: Input }],
+    iconClass: [{ type: Input }],
+    notificationIcon: [{ type: Input }],
+    notificationIconClass: [{ type: Input }],
+    secondaryIcon: [{ type: ContentChild, args: [WidgetTileSecondaryIconDirective, { static: true },] }]
+};
+__decorate([
+    InputBoolean()
+], WidgetTileComponent.prototype, "grayscaleOnDisable", void 0);
+
+class TheSeamWidgetTileModule {
+}
+TheSeamWidgetTileModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetTileComponent,
+                    WidgetTileSecondaryIconDirective,
+                    WidgetTileFooterComponent,
+                    WidgetTileGroupComponent,
+                    WidgetTileFooterItemComponent
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamIconModule
+                ],
+                exports: [
+                    WidgetTileComponent,
+                    WidgetTileSecondaryIconDirective,
+                    WidgetTileFooterComponent,
+                    WidgetTileGroupComponent,
+                    WidgetTileFooterItemComponent
+                ]
+            },] }
+];
+
+class WidgetTileListComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+WidgetTileListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-tile-list',
+                template: "<ng-content select=\"[seam-widget-tile],seam-widget-tile,seam-widget-tile-group\"></ng-content>\n",
+                styles: [":host{display:flex;flex-direction:column}"]
+            },] }
+];
+WidgetTileListComponent.ctorParameters = () => [];
+
+class TheSeamWidgetTileListModule {
+}
+TheSeamWidgetTileListModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetTileListComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    WidgetTileListComponent,
+                    TheSeamWidgetTileModule
+                ]
+            },] }
+];
+
+/**
+ * Widget
+ *
+ * Widgets are designed with the intention of being on a dashboard. Other uses
+ * may be supported as the need arises.
+ *
+ * The only HTML/CSS use should be a widget content component, unless there is a
+ * case requiring more advanced design. This is so that we can manage a common
+ * style for our widgets. If a case requiring non widget content components is
+ * used then the situation should be considered for becoming a widget component.
+ */
+class WidgetComponent {
+    /** @ignore */
+    constructor() {
+        /** @ignore */
+        this.configIcon = faCog;
+        /** @ignore */
+        this.collapseIcon = faAngleDown;
+        this.collapsed = false;
+        /**
+         * Toggles the top header bar of a widget. This should be true for most
+         * widgets.
+         */
+        this.hasHeader = true;
+        /** Shows widget loading instead of content. */
+        this.loading = false;
+        /** @ignore */
+        // NOTE: Config is still being worked on.
+        this.hasConfig = false;
+        /** @ignore */
+        // NOTE: Collapse is still being worked on.
+        this.canCollapse = false;
+    }
+    /**
+     * Icon displayed in the top header.
+     *
+     * If a more advanced icon is needed you can use `seamWidgetIconTpl` template
+     * directive, but a `SeamIcon` input is recommended, because allowing custom
+     * icons that do not follow the tested types can lead to inconsitency quickly
+     * as different developers keep making tweaks.
+     */
+    get icon() { return this._iconUrl || this._iconObj; }
+    set icon(value) {
+        if (typeof value === 'string') {
+            this._iconUrl = value;
+            this._iconObj = undefined;
+        }
+        else {
+            this._iconUrl = undefined;
+            this._iconObj = value;
+        }
+    }
+    /** @ignore */
+    ngOnInit() { }
+    /**
+     * Toggles a widget's collapsed state.
+     *
+     * NOTE: Collapse is still being worked on.
+     * @depracated
+     * @ignore
+     */
+    collapse() {
+        this.collapsed = !this.collapsed;
+    }
+}
+WidgetComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget',
+                template: "<div class=\"seam-widget border rounded overflow-hidden\">\n  <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n    <div class=\"widget-header-content p-2 text-nowrap\">\n      <span class=\"mr-1 widget-header-icon\">\n        <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"iconTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noIconTpl>\n          <fa-icon *ngIf=\"_iconObj\"\n            class=\"widget-header-icon--fa {{ iconClass }}\"\n            [icon]=\"_iconObj\"></fa-icon>\n          <img *ngIf=\"_iconUrl\"\n            class=\"widget-header-icon--img {{ iconClass }}\"\n            [src]=\"_iconUrl\" [alt]=\"titleText\">\n        </ng-template>\n      </span>\n      <span class=\"widget-header-title text-truncate\">\n        <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"titleTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: titleText, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n      </span>\n    </div>\n    <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n      <div *ngIf=\"hasConfig\">\n        <!-- <button seamIconBtn [icon]=\"configIcon\"\n          class=\"widget-header-btn-config\"\n          iconType=\"\">\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button> -->\n        <button seamButton class=\"widget-header-btn-config p-0\">\n          <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button>\n      </div>\n\n      <div *ngIf=\"canCollapse\" class=\"px-0\">\n        <button seamButton class=\"widget-header-btn-collapse p-0\" (click)=\"collapse()\">\n          <seam-icon class=\"d-block\" [icon]=\"collapseIcon\" iconClass=\"text-secondary\" style=\"margin-left: -10px; margin-right: -5px;\"></seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative\" [style.height.px]=\"loading ? 150 : undefined\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\">\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"seam-widget-footer\"></ng-content>\n      <ng-template #loadingTpl>\n        <div class=\"position-absolute\" @loadingAnim style=\"top:0;right:0;bottom:0;left:0\">\n          <seam-loading [theme]=\"'primary'\"></seam-loading>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n</div>\n",
+                encapsulation: ViewEncapsulation.None,
+                animations: [
+                    trigger('loadingAnim', [
+                        transition(':enter', [
+                            style({ opacity: 0 }),
+                            animate('250ms ease-in-out', style({ opacity: 1 }))
+                        ]),
+                        transition(':leave', [
+                            style({ opacity: 1 }),
+                            animate('250ms ease-in-out', style({ opacity: 0 }))
+                        ])
+                    ])
+                ],
+                styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#fff}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#f4f4f4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}"]
+            },] }
+];
+WidgetComponent.ctorParameters = () => [];
+WidgetComponent.propDecorators = {
+    collapsed: [{ type: Input }],
+    hasHeader: [{ type: Input }],
+    titleText: [{ type: Input }],
+    icon: [{ type: Input }],
+    iconClass: [{ type: Input }],
+    loading: [{ type: Input }],
+    hasConfig: [{ type: Input }],
+    canCollapse: [{ type: Input }],
+    iconTpl: [{ type: ContentChild, args: [WidgetIconTplDirective, { static: true },] }],
+    titleTpl: [{ type: ContentChild, args: [WidgetTitleTplDirective, { static: true },] }]
+};
+__decorate([
+    InputBoolean()
+], WidgetComponent.prototype, "collapsed", void 0);
+__decorate([
+    InputBoolean()
+], WidgetComponent.prototype, "hasHeader", void 0);
+__decorate([
+    InputBoolean()
+], WidgetComponent.prototype, "loading", void 0);
+__decorate([
+    InputBoolean()
+], WidgetComponent.prototype, "hasConfig", void 0);
+__decorate([
+    InputBoolean()
+], WidgetComponent.prototype, "canCollapse", void 0);
+
+class WidgetFooterComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+WidgetFooterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-widget-footer',
+                template: "<div class=\"widget-footer--left\">\n  <ng-content select=\"seam-widget-footer-text\"></ng-content>\n</div>\n<div class=\"widget-footer--right\">\n  <ng-content select=\"seam-widget-button-group\"></ng-content>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                styles: ["seam-widget-footer{display:flex;flex-direction:row;margin:.25rem}seam-widget-footer .widget-footer--left{flex:1 1 100%}seam-widget-footer .widget-footer--right{flex:0 0 auto}"]
+            },] }
+];
+WidgetFooterComponent.ctorParameters = () => [];
+
+const THESEAM_WIDGETS = new InjectionToken('TheSeamWidgets');
+
+/**
+ * Registry is to provide a way to manage widgets in a way that we can load them
+ * the same way throughout the app, whether the component itself is registered,
+ * the component is lazy-loaded, or referenced by an id stored in the database.
+ */
+class WidgetRegistryService {
+    constructor(_widgets, _dynamicComponentLoader) {
+        this._widgets = _widgets;
+        this._dynamicComponentLoader = _dynamicComponentLoader;
+    }
+    createWidgetPortal(widgetId, viewContainerRef, injector, componentFactoryResolver) {
+        const widgetDef = (this._widgets || []).find(w => w.widgetId === widgetId);
+        if (!widgetDef) {
+            return throwError(`WidgetRegstry: Unknown widgetId "${widgetId}"`);
+        }
+        if (typeof widgetDef.componentOrComponentId === 'string') {
+            return this._dynamicComponentLoader
+                .getComponentFactory(widgetDef.componentOrComponentId)
+                .pipe(map(componentFactory => {
+                let resolver = componentFactoryResolver;
+                if (!resolver) {
+                    const m = componentFactory.ngModule;
+                    if (m && m.componentFactoryResolver) {
+                        resolver = m.componentFactoryResolver;
+                    }
+                }
+                const portal = new ComponentPortal(componentFactory.componentType, viewContainerRef, injector, resolver);
+                return portal;
+            }));
+        }
+        else {
+            const portal = new ComponentPortal(widgetDef.componentOrComponentId, viewContainerRef, injector, componentFactoryResolver);
+            return of(portal);
+        }
+    }
+}
+WidgetRegistryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function WidgetRegistryService_Factory() { return new WidgetRegistryService(i0.ɵɵinject(THESEAM_WIDGETS), i0.ɵɵinject(i2.TheSeamDynamicComponentLoader)); }, token: WidgetRegistryService, providedIn: "root" });
+WidgetRegistryService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+WidgetRegistryService.ctorParameters = () => [
+    { type: Array, decorators: [{ type: Inject, args: [THESEAM_WIDGETS,] }] },
+    { type: TheSeamDynamicComponentLoader }
+];
+
+const contentModules = [
+    TheSeamWidgetButtonGroupModule,
+    TheSeamWidgetContentHeaderModule,
+    TheSeamWidgetDescriptionModule,
+    TheSeamWidgetEmptyLabelModule,
+    TheSeamWidgetFooterLinkModule,
+    TheSeamWidgetFooterTextModule,
+    TheSeamWidgetHeaderBadgeModule,
+    TheSeamWidgetListGroupModule,
+    TheSeamWidgetTableModule,
+    TheSeamWidgetTileListModule,
+    TheSeamWidgetTileModule
+];
+class TheSeamWidgetModule {
+}
+TheSeamWidgetModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    WidgetComponent,
+                    WidgetIconTplDirective,
+                    WidgetTitleTplDirective,
+                    WidgetDragHandleDirective,
+                    WidgetFooterComponent
+                ],
+                imports: [
+                    CommonModule,
+                    FontAwesomeModule,
+                    TheSeamIconModule,
+                    TheSeamLoadingModule,
+                    DragDropModule,
+                    TheSeamButtonsModule,
+                    CdkTableModule,
+                    ...contentModules
+                ],
+                exports: [
+                    RouterModule,
+                    WidgetComponent,
+                    WidgetIconTplDirective,
+                    WidgetTitleTplDirective,
+                    WidgetFooterComponent,
+                    ...contentModules
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { THESEAM_WIDGETS, THESEAM_WIDGET_ACCESSOR, TheSeamWidgetButtonGroupModule, TheSeamWidgetContentHeaderModule, TheSeamWidgetDescriptionModule, TheSeamWidgetEmptyLabelModule, TheSeamWidgetFooterLinkModule, TheSeamWidgetFooterTextModule, TheSeamWidgetHeaderBadgeModule, TheSeamWidgetListGroupModule, TheSeamWidgetModule, TheSeamWidgetTableModule, TheSeamWidgetTileListModule, TheSeamWidgetTileModule, WidgetButtonGroupComponent, WidgetComponent, WidgetContentHeaderComponent, WidgetDescriptionComponent, WidgetDragHandleDirective, WidgetEmptyLabelComponent, WidgetFooterComponent, WidgetFooterLinkComponent, WidgetFooterTextComponent, WidgetHeaderBadgeComponent, WidgetIconTplDirective, WidgetListGroupComponent, WidgetListGroupItemAnchorComponent, WidgetListGroupItemButtonComponent, WidgetListGroupItemComponent, WidgetListGroupItemIconTplDirective, WidgetRegistryService, WidgetTableComponent, WidgetTileComponent, WidgetTileFooterComponent, WidgetTileFooterItemComponent, WidgetTileGroupComponent, WidgetTileListComponent, WidgetTileSecondaryIconDirective, WidgetTitleTplDirective, extendStyles, toggleNativeDragInteractions };
+//# sourceMappingURL=theseam-ui-common-widget.js.map