@theseam/ui-common 0.2.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-checkbox.js","sources":["../../../projects/ui-common/checkbox/checkbox.component.ts","../../../projects/ui-common/checkbox/checkbox.module.ts","../../../projects/ui-common/checkbox/theseam-ui-common-checkbox.ts"],"sourcesContent":["import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport {\n  AfterViewInit,\n  Attribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild\n} from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\n\nimport { CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor, InputBoolean, mixinDisabled, mixinTabIndex } from '@theseam/ui-common/core'\n\n// NOTE: Partially based on mat-checkbox: https://github.com/angular/components/blob/master/src/material/checkbox/checkbox.ts\n\n/** Change event object emitted by TheSeamCheckboxComponent. */\nexport class TheSeamCheckboxChange {\n  /** The source TheSeamCheckboxComponent of the event. */\n  public readonly source: TheSeamCheckboxComponent\n  /** The new `checked` value of the checkbox. */\n  public readonly checked: boolean\n\n  constructor(\n    private readonly _source: TheSeamCheckboxComponent,\n    private readonly _checked: boolean\n  ) {\n    this.source = _source\n    this.checked = _checked\n  }\n}\n\nexport const THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line: no-use-before-declare\n  useExisting: forwardRef(() => TheSeamCheckboxComponent),\n  multi: true\n}\n\nclass TheSeamCheckboxComponentBase {\n  constructor(public _elementRef: ElementRef) {}\n}\n\nconst _TheSeamCheckboxMixinBase: HasTabIndexCtor & CanDisableCtor &\n  typeof TheSeamCheckboxComponentBase =\n    mixinTabIndex(mixinDisabled(TheSeamCheckboxComponentBase))\n\nlet _uid = 0\n\n/**\n * A Checkbox.\n */\n@Component({\n  selector: 'seam-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n  exportAs: 'seamCheckbox',\n  host: {\n    '[attr.tabindex]': 'null',\n    'class': 'custom-control custom-checkbox'\n  },\n  providers: [ THESEAM_CHECKBOX_CONTROL_VALUE_ACCESSOR ],\n  inputs: [ 'tabIndex' ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TheSeamCheckboxComponent extends _TheSeamCheckboxMixinBase\n  implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, CanDisable, HasTabIndex {\n  static ngAcceptInputType_checked: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_indeterminate: BooleanInput\n\n  /** @ignore */\n  private _uid = `seam-chk-${_uid++}`\n\n  /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */\n  @Input() id?: string = this._uid\n\n  /** Returns the unique id for the input. */\n  get inputId(): string { return `${this.id || this._uid}` }\n\n  /**\n   * Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will\n   * take precedence so this may be omitted.\n   */\n  @Input('aria-label') ariaLabel?: string = ''\n\n  /**\n   * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element\n   */\n  @Input('aria-labelledby') ariaLabelledby?: string | null = null\n\n  /** Whether the checkbox is required. */\n  @Input() @InputBoolean() required: boolean = false\n\n  /** Whether the checkbox is checked. */\n  @Input()\n  get checked(): boolean { return this._checked }\n  set checked(value: boolean) {\n    const newValue = coerceBooleanProperty(value)\n\n    if (newValue !== this.checked) {\n      this._checked = newValue\n      this._changeDetectorRef.markForCheck()\n    }\n  }\n  /** @ignore */\n  private _checked: boolean = false\n\n  /**\n   * Whether the checkbox is disabled.\n   */\n  // This fully overrides the implementation provided by mixinDisabled, but the\n  // mixin is still required because mixinTabIndex requires it.\n  @Input()\n  get disabled(): boolean { return this._disabled }\n  set disabled(value: boolean) {\n    const newValue = coerceBooleanProperty(value)\n\n    if (newValue !== this.disabled) {\n      this._disabled = newValue\n      this._changeDetectorRef.markForCheck()\n    }\n  }\n  /** @ignore */\n  private _disabled = false\n\n  /**\n   * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n   * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n   * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n   * set to false.\n   */\n  @Input()\n  get indeterminate(): boolean { return this._indeterminate }\n  set indeterminate(value: boolean) {\n    const changed = value !== this._indeterminate\n    this._indeterminate = coerceBooleanProperty(value)\n\n    if (changed) {\n      this.indeterminateChange.emit(this._indeterminate)\n    }\n\n    this._syncIndeterminate(this._indeterminate)\n  }\n  /** @ignore */\n  private _indeterminate = false\n\n  /** Name value will be applied to the input element if present */\n  @Input() name: string | undefined | null = null\n\n  /** Event emitted when the checkbox's `checked` value changes. */\n  @Output() readonly change = new EventEmitter<TheSeamCheckboxChange>()\n\n  /** Event emitted when the checkbox's `indeterminate` value changes. */\n  @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>()\n\n  /** The value attribute of the native input element */\n  @Input() value: string | undefined | null\n\n  /**\n   * The native `<input type=\"checkbox\">` element\n   * @ignore\n   */\n  @ViewChild('input', { static: true }) _inputElement: ElementRef<HTMLInputElement> | undefined | null\n\n  /**\n   * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.\n   * @ignore\n   */\n  _onTouched: () => any = () => {}\n\n  /** @ignore */\n  private _controlValueAccessorChangeFn: (value: any) => void = () => {}\n\n  constructor(\n    elementRef: ElementRef,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _focusMonitor: FocusMonitor,\n    private _ngZone: NgZone,\n    @Attribute('tabindex') tabIndex: string\n  ) {\n    super(elementRef)\n\n    this.tabIndex = parseInt(tabIndex, 10) || 0\n\n    this._focusMonitor.monitor(elementRef, true).subscribe(focusOrigin => {\n      if (!focusOrigin) {\n        // When a focused element becomes disabled, the browser *immediately* fires a blur event.\n        // Angular does not expect events to be raised during change detection, so any state change\n        // (such as a form control's 'ng-touched') will cause a changed-after-checked error.\n        // See https://github.com/angular/angular/issues/17793. To work around this, we defer\n        // telling the form control it has been touched until the next tick.\n        Promise.resolve().then(() => {\n          this._onTouched()\n          _changeDetectorRef.markForCheck()\n        })\n      }\n    })\n  }\n\n  /** @ignore */\n  ngOnInit() { }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this._focusMonitor.stopMonitoring(this._elementRef)\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._syncIndeterminate(this._indeterminate)\n  }\n\n  /**\n   * Method being called whenever the label text changes.\n   * @ignore\n   */\n  _onLabelTextChange() {\n    // Since the event of the `cdkObserveContent` directive runs outside of the zone, the checkbox\n    // component will be only marked for check, but no actual change detection runs automatically.\n    // Instead of going back into the zone in order to trigger a change detection which causes\n    // *all* components to be checked (if explicitly marked or not using OnPush), we only trigger\n    // an explicit change detection for the checkbox view and its children.\n    this._changeDetectorRef.detectChanges()\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  writeValue(value: any) {\n    this.checked = !!value\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnTouched(fn: any) {\n    this._onTouched = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled\n  }\n\n  /** @ignore */\n  _getAriaChecked(): 'true' | 'false' | 'mixed' {\n    return this.checked ? 'true' : (this.indeterminate ? 'mixed' : 'false')\n  }\n\n  /** @ignore */\n  private _emitChangeEvent() {\n    const event = new TheSeamCheckboxChange(this, this.checked)\n\n    this._controlValueAccessorChangeFn(this.checked)\n    this.change.emit(event)\n  }\n\n  /** Toggles the `checked` state of the checkbox. */\n  toggle(): void {\n    this.checked = !this.checked\n  }\n\n  /**\n   * Event handler for checkbox input element.\n   * Toggles checked state if element is not disabled.\n   * Do not toggle on (change) event since IE doesn't fire change event when\n   *   indeterminate checkbox is clicked.\n   * @ignore\n   */\n  _onInputClick(event: Event) {\n    // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click\n    if (!this.disabled) {\n      // When user manually click on the checkbox, `indeterminate` is set to false.\n      if (this.indeterminate) {\n\n        Promise.resolve().then(() => {\n          this._indeterminate = false\n          this.indeterminateChange.emit(this._indeterminate)\n        })\n      }\n\n      this.toggle()\n\n      // Emit our custom change event if the native input emitted one.\n      // It is important to only emit it, if the native input triggered one, because\n      // we don't want to trigger a change event, when the `checked` variable changes for example.\n      this._emitChangeEvent()\n    }\n  }\n\n  /** Focuses the checkbox. */\n  focus(origin: FocusOrigin = 'keyboard', options?: FocusOptions): void {\n    if (!this._inputElement) { return }\n    this._focusMonitor.focusVia(this._inputElement, origin, options)\n  }\n\n  /** @ignore */\n  _onInteractionEvent(event: Event) {\n    // We always have to stop propagation on the change event.\n    // Otherwise the change event, from the input element, will bubble up and\n    // emit its event object to the `change` output.\n    event.stopPropagation()\n  }\n\n  /**\n   * Syncs the indeterminate value with the checkbox DOM node.\n   *\n   * We sync `indeterminate` directly on the DOM node, because in Ivy the check for whether a\n   * property is supported on an element boils down to `if (propName in element)`. Domino's\n   * HTMLInputElement doesn't have an `indeterminate` property so Ivy will warn during\n   * server-side rendering.\n   * @ignore\n   */\n  private _syncIndeterminate(value: boolean) {\n    const nativeCheckbox = this._inputElement\n\n    if (nativeCheckbox) {\n      nativeCheckbox.nativeElement.indeterminate = value\n    }\n  }\n\n}\n","import { ObserversModule } from '@angular/cdk/observers'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamCheckboxComponent } from './checkbox.component'\n\n@NgModule({\n  declarations: [\n    TheSeamCheckboxComponent\n  ],\n  imports: [\n    CommonModule,\n    ObserversModule\n  ],\n  exports: [\n    TheSeamCheckboxComponent\n  ]\n})\nexport class TheSeamCheckboxModule { }\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-confirm-dialog.js

@@ -0,0 +1,153 @@
+import { __decorate } from 'tslib';
+import { Component, Input, Injectable, EventEmitter, Directive, Output, HostBinding, HostListener, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { Modal, TheSeamModalModule } from '@theseam/ui-common/modal';
+import { CommonModule } from '@angular/common';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+
+class ConfirmDialogComponent {
+    constructor() {
+        this.message = 'Are you sure you want to continue?';
+        this.alertType = 'warning';
+    }
+}
+ConfirmDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-confirm-dialog',
+                template: "<seam-modal-body>\n  <h5>{{ message }}</h5>\n\n  <div *ngIf=\"alertMessage\" class=\"alert {{ alertType ? 'alert-' + alertType : '' }} mb-0\">\n    {{ alertMessage }}\n  </div>\n</seam-modal-body>\n<seam-modal-footer>\n  <button class=\"btn btn-primary\" seamModalClose=\"confirm\">Yes</button>\n  <button class=\"btn btn-lightgray\" data-dismiss=\"modal\" seamModalClose=\"cancel\" seamAutoFocus>No</button>\n</seam-modal-footer>\n",
+                styles: [""]
+            },] }
+];
+ConfirmDialogComponent.propDecorators = {
+    message: [{ type: Input }],
+    alertMessage: [{ type: Input }],
+    alertType: [{ type: Input }]
+};
+
+class SeamConfirmDialogService {
+    constructor(modal) {
+        this.modal = modal;
+    }
+    open(message, alert) {
+        const modalRef = this.modal.openFromComponent(ConfirmDialogComponent);
+        if (!modalRef.componentInstance) {
+            throw new Error('ConfirmDialogComponent not created.');
+        }
+        const comp = modalRef.componentInstance;
+        if (message) {
+            comp.message = message;
+        }
+        if (alert) {
+            if (typeof alert === 'string') {
+                comp.alertMessage = alert;
+            }
+            else if (alert.message && alert.type) {
+                comp.alertMessage = alert.message;
+                comp.alertType = alert.type;
+            }
+            else {
+                throw new Error('Invalid alert argument.');
+            }
+        }
+        return modalRef;
+    }
+}
+SeamConfirmDialogService.decorators = [
+    { type: Injectable }
+];
+SeamConfirmDialogService.ctorParameters = () => [
+    { type: Modal }
+];
+
+class ConfirmClickDirective {
+    constructor(_confirmService) {
+        this._confirmService = _confirmService;
+        this.seamConfirmDisabled = false;
+        this.seamConfirmClick = new EventEmitter();
+    }
+    get _confirmClickActiveCss() { return !!this._modalRef; }
+    _onClick(event) {
+        if (this.seamConfirmDisabled) {
+            if (!!this._modalRef) {
+                this._modalRef.close();
+                this._modalRef = undefined;
+            }
+        }
+        if (!!this._modalRef) {
+            return;
+        }
+        this._modalRef = this._confirmService.open(this.seamConfirmMsg || '', this.seamConfirmAlert || undefined);
+        this._modalRef.afterClosed().subscribe(result => {
+            if (result === 'confirm') {
+                this.seamConfirmClick.emit(result);
+            }
+            this._modalRef = undefined;
+        });
+    }
+    ngOnDestroy() {
+        if (this._modalRef) {
+            this._modalRef.close();
+        }
+    }
+    get modalRef() { return this._modalRef; }
+    close() {
+        if (this._modalRef) {
+            this._modalRef.close();
+        }
+    }
+}
+ConfirmClickDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamConfirmClick]',
+                exportAs: 'seamConfirmClick'
+            },] }
+];
+ConfirmClickDirective.ctorParameters = () => [
+    { type: SeamConfirmDialogService }
+];
+ConfirmClickDirective.propDecorators = {
+    seamConfirmMsg: [{ type: Input }],
+    seamConfirmAlert: [{ type: Input }],
+    seamConfirmDisabled: [{ type: Input }],
+    seamConfirmClick: [{ type: Output }],
+    _confirmClickActiveCss: [{ type: HostBinding, args: ['class.lib-confirm-click-active',] }],
+    _onClick: [{ type: HostListener, args: ['click', ['$event'],] }]
+};
+__decorate([
+    InputBoolean()
+], ConfirmClickDirective.prototype, "seamConfirmDisabled", void 0);
+
+class TheSeamConfirmDialogModule {
+}
+TheSeamConfirmDialogModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ConfirmDialogComponent,
+                    ConfirmClickDirective
+                ],
+                imports: [
+                    CommonModule,
+                    TheSeamSharedModule,
+                    TheSeamModalModule,
+                    TheSeamIconModule
+                ],
+                exports: [
+                    ConfirmDialogComponent,
+                    ConfirmClickDirective
+                ],
+                entryComponents: [
+                    ConfirmDialogComponent
+                ],
+                providers: [
+                    SeamConfirmDialogService
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ConfirmClickDirective, ConfirmDialogComponent, SeamConfirmDialogService, TheSeamConfirmDialogModule };
+//# sourceMappingURL=theseam-ui-common-confirm-dialog.js.map

package/fesm2015/theseam-ui-common-confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-confirm-dialog.js","sources":["../../../projects/ui-common/confirm-dialog/confirm-dialog.component.ts","../../../projects/ui-common/confirm-dialog/confirm-dialog.service.ts","../../../projects/ui-common/confirm-dialog/confirm-click.directive.ts","../../../projects/ui-common/confirm-dialog/confirm-dialog.module.ts","../../../projects/ui-common/confirm-dialog/theseam-ui-common-confirm-dialog.ts"],"sourcesContent":["import { Component, Input } from '@angular/core'\n\nimport type { ThemeTypes } from '@theseam/ui-common/models'\n\n@Component({\n  selector: 'seam-confirm-dialog',\n  templateUrl: './confirm-dialog.component.html',\n  styleUrls: ['./confirm-dialog.component.scss']\n})\nexport class ConfirmDialogComponent {\n\n  @Input() message: string | undefined | null = 'Are you sure you want to continue?'\n  @Input() alertMessage: string | undefined | null\n  @Input() alertType: ThemeTypes | undefined | null = 'warning'\n\n}\n","import { Injectable } from '@angular/core'\n\nimport { Modal, ModalRef } from '@theseam/ui-common/modal'\nimport { ThemeTypes } from '@theseam/ui-common/models'\n\nimport { ConfirmDialogComponent } from './confirm-dialog.component'\n\n@Injectable()\nexport class SeamConfirmDialogService {\n\n  constructor(\n    private modal: Modal\n  ) { }\n\n  public open(\n    message?: string,\n    alert?: string | { message: string, type: ThemeTypes }\n  ): ModalRef<ConfirmDialogComponent, 'confirm' | undefined> {\n    const modalRef = this.modal.openFromComponent(ConfirmDialogComponent)\n\n    if (!modalRef.componentInstance) {\n      throw new Error('ConfirmDialogComponent not created.')\n    }\n\n    const comp: ConfirmDialogComponent = modalRef.componentInstance\n\n    if (message) {\n      comp.message = message\n    }\n\n    if (alert) {\n      if (typeof alert === 'string') {\n        comp.alertMessage = alert\n      } else if (alert.message && alert.type) {\n        comp.alertMessage = alert.message\n        comp.alertType = alert.type\n      } else {\n        throw new Error('Invalid alert argument.')\n      }\n    }\n\n    return modalRef\n  }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Directive, EventEmitter, HostBinding, HostListener, Input, OnDestroy, Output } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { ModalRef } from '@theseam/ui-common/modal'\nimport { ThemeTypes } from '@theseam/ui-common/models'\n\nimport { ConfirmDialogComponent } from './confirm-dialog.component'\nimport { SeamConfirmDialogService } from './confirm-dialog.service'\n\n@Directive({\n  selector: '[seamConfirmClick]',\n  exportAs: 'seamConfirmClick'\n})\nexport class ConfirmClickDirective implements OnDestroy {\n  static ngAcceptInputType_seamConfirmDisabled: BooleanInput\n\n  private _modalRef: ModalRef<ConfirmDialogComponent, 'confirm' | undefined> | undefined\n\n  @Input() seamConfirmMsg: string | undefined | null\n  @Input() seamConfirmAlert: string | { message: string, type: ThemeTypes } | undefined | null\n  @Input() @InputBoolean() seamConfirmDisabled: boolean = false\n\n  @Output() seamConfirmClick = new EventEmitter<'confirm'>()\n\n  @HostBinding('class.lib-confirm-click-active')\n  get _confirmClickActiveCss() { return !!this._modalRef }\n\n  @HostListener('click', [ '$event' ])\n  _onClick(event: any) {\n    if (this.seamConfirmDisabled) {\n      if (!!this._modalRef) {\n        this._modalRef.close()\n        this._modalRef = undefined\n      }\n    }\n\n    if (!!this._modalRef) { return }\n\n    this._modalRef = this._confirmService.open(this.seamConfirmMsg || '', this.seamConfirmAlert || undefined)\n\n    this._modalRef.afterClosed().subscribe(result => {\n      if (result === 'confirm') {\n        this.seamConfirmClick.emit(result)\n      }\n\n      this._modalRef = undefined\n    })\n  }\n\n  constructor(private _confirmService: SeamConfirmDialogService) { }\n\n  ngOnDestroy() {\n    if (this._modalRef) {\n      this._modalRef.close()\n    }\n  }\n\n  get modalRef() { return this._modalRef }\n\n  public close() {\n    if (this._modalRef) {\n      this._modalRef.close()\n    }\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\nimport { TheSeamModalModule } from '@theseam/ui-common/modal'\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\n\nimport { ConfirmClickDirective } from './confirm-click.directive'\nimport { ConfirmDialogComponent } from './confirm-dialog.component'\nimport { SeamConfirmDialogService } from './confirm-dialog.service'\n\n@NgModule({\n  declarations: [\n    ConfirmDialogComponent,\n    ConfirmClickDirective\n  ],\n  imports: [\n    CommonModule,\n    TheSeamSharedModule,\n    TheSeamModalModule,\n    TheSeamIconModule\n  ],\n  exports: [\n    ConfirmDialogComponent,\n    ConfirmClickDirective\n  ],\n  entryComponents: [\n    ConfirmDialogComponent\n  ],\n  providers: [\n    SeamConfirmDialogService\n  ]\n})\nexport class TheSeamConfirmDialogModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MASa,sBAAsB;IALnC;QAOW,YAAO,GAA8B,oCAAoC,CAAA;QAEzE,cAAS,GAAkC,SAAS,CAAA;KAE9D;;;YAXA,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,4bAA8C;;aAE/C;;;sBAGE,KAAK;2BACL,KAAK;wBACL,KAAK;;;MCLK,wBAAwB;IAEnC,YACU,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;KACjB;IAEE,IAAI,CACT,OAAgB,EAChB,KAAsD;QAEtD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;QAErE,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;YAC/B,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;SACvD;QAED,MAAM,IAAI,GAA2B,QAAQ,CAAC,iBAAiB,CAAA;QAE/D,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;SACvB;QAED,IAAI,KAAK,EAAE;YACT,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAA;aAC1B;iBAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE;gBACtC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAA;gBACjC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAA;aAC5B;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAA;aAC3C;SACF;QAED,OAAO,QAAQ,CAAA;KAChB;;;YAnCF,UAAU;;;YALF,KAAK;;;MCYD,qBAAqB;IAoChC,YAAoB,eAAyC;QAAzC,oBAAe,GAAf,eAAe,CAA0B;QA7BpC,wBAAmB,GAAY,KAAK,CAAA;QAEnD,qBAAgB,GAAG,IAAI,YAAY,EAAa,CAAA;KA2BQ;IAzBlE,IACI,sBAAsB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA,EAAE;IAGxD,QAAQ,CAAC,KAAU;QACjB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;gBACpB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;gBACtB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;aAC3B;SACF;QAED,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;YAAE,OAAM;SAAE;QAEhC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,EAAE,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAA;QAEzG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM;YAC3C,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACnC;YAED,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;SAC3B,CAAC,CAAA;KACH;IAID,WAAW;QACT,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;SACvB;KACF;IAED,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;IAEjC,KAAK;QACV,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;SACvB;KACF;;;YAtDF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,QAAQ,EAAE,kBAAkB;aAC7B;;;YALQ,wBAAwB;;;6BAW9B,KAAK;+BACL,KAAK;kCACL,KAAK;+BAEL,MAAM;qCAEN,WAAW,SAAC,gCAAgC;uBAG5C,YAAY,SAAC,OAAO,EAAE,CAAE,QAAQ,CAAE;;AAPV;IAAf,YAAY,EAAE;kEAAqC;;MCYlD,0BAA0B;;;YAtBtC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;oBACtB,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,kBAAkB;oBAClB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;oBACtB,qBAAqB;iBACtB;gBACD,eAAe,EAAE;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE;oBACT,wBAAwB;iBACzB;aACF;;;AChCD;;;;;;"}

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

@@ -0,0 +1,231 @@
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import { Observable } from 'rxjs';
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Mixin to augment a directive with a `disabled` property. */
+function mixinDisabled(base) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            this._disabled = false;
+        }
+        get disabled() { return this._disabled; }
+        set disabled(value) { this._disabled = coerceBooleanProperty(value); }
+    };
+}
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Mixin to augment a directive with an initialized property that will emits when ngOnInit ends. */
+function mixinInitialized(base) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            /** Whether this directive has been marked as initialized. */
+            this._isInitialized = false;
+            /**
+             * List of subscribers that subscribed before the directive was initialized. Should be notified
+             * during _markInitialized. Set to null after pending subscribers are notified, and should
+             * not expect to be populated after.
+             */
+            this._pendingSubscribers = [];
+            /**
+             * Observable stream that emits when the directive initializes. If already initialized, the
+             * subscriber is stored to be notified once _markInitialized is called.
+             */
+            this.initialized = new Observable(subscriber => {
+                // If initialized, immediately notify the subscriber. Otherwise store the subscriber to notify
+                // when _markInitialized is called.
+                if (this._isInitialized) {
+                    this._notifySubscriber(subscriber);
+                }
+                else {
+                    if (this._pendingSubscribers) {
+                        this._pendingSubscribers.push(subscriber);
+                    }
+                }
+            });
+        }
+        /**
+         * Marks the state as initialized and notifies pending subscribers. Should be called at the end
+         * of ngOnInit.
+         * @docs-private
+         */
+        _markInitialized() {
+            if (this._isInitialized) {
+                throw Error('This directive has already been marked as initialized and ' +
+                    'should not be called twice.');
+            }
+            this._isInitialized = true;
+            if (this._pendingSubscribers) {
+                this._pendingSubscribers.forEach(this._notifySubscriber);
+            }
+            this._pendingSubscribers = null;
+        }
+        /** Emits and completes the subscriber stream (should only emit once). */
+        _notifySubscriber(subscriber) {
+            subscriber.next();
+            subscriber.complete();
+        }
+    };
+}
+
+/** Mixin to augment a directive with a `size` property. */
+function mixinSize(base, sizePrefix, defaultSize) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            // Set the default size that can be specified from the mixin.
+            this.size = defaultSize;
+        }
+        get size() { return this._size; }
+        set size(value) {
+            const themePalette = value || defaultSize;
+            if (themePalette !== this._size) {
+                if (this._size) {
+                    this._elementRef.nativeElement.classList.remove(`${sizePrefix}-${this._size}`);
+                }
+                if (themePalette) {
+                    this._elementRef.nativeElement.classList.add(`${sizePrefix}-${themePalette}`);
+                }
+                this._size = themePalette;
+            }
+        }
+    };
+}
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/** Mixin to augment a directive with a `tabIndex` property. */
+function mixinTabIndex(base, defaultTabIndex = 0) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            this._tabIndex = defaultTabIndex;
+        }
+        get tabIndex() { return this.disabled ? -1 : this._tabIndex; }
+        set tabIndex(value) {
+            // If the specified tabIndex value is null or undefined, fall back to the default value.
+            this._tabIndex = value != null ? value : defaultTabIndex;
+        }
+    };
+}
+
+/** Mixin to augment a directive with a `theme` property. */
+function mixinTheme(base, themePrefix, defaultTheme) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            // Set the default theme that can be specified from the mixin.
+            this.theme = defaultTheme;
+        }
+        get theme() { return this._theme; }
+        set theme(value) {
+            const themePalette = value || defaultTheme;
+            if (themePalette !== this._theme) {
+                if (this._theme) {
+                    this._elementRef.nativeElement.classList.remove(`${themePrefix}-${this._theme}`);
+                }
+                if (themePalette) {
+                    this._elementRef.nativeElement.classList.add(`${themePrefix}-${themePalette}`);
+                }
+                this._theme = themePalette;
+            }
+        }
+    };
+}
+
+/** Mixin to augment a directive with a `disabled` property. */
+function mixinActive(base) {
+    return class extends base {
+        constructor(...args) {
+            super(...args);
+            this._active = false;
+        }
+        get active() { return this._active; }
+        set active(value) { this._active = coerceBooleanProperty(value); }
+    };
+}
+
+/**
+ * Use with `@Input()` to coerse the input to a boolean.
+ *
+ * Example:
+ * ```ts
+ * @Component({ template: '' })
+ * class {
+ *     @Input() @InputBoolean() b: boolean
+ * }
+ * ```
+ */
+function InputBoolean() {
+    const cachedValueKey = Symbol();
+    // tslint:disable-next-line: only-arrow-functions
+    return function (target, propertyKey, descriptor) {
+        Object.defineProperty(target, propertyKey, {
+            set: function (value) {
+                this[cachedValueKey] = coerceBooleanProperty(value);
+            },
+            get: function () {
+                return this[cachedValueKey];
+            },
+        });
+    };
+}
+
+/**
+ * Use with `@Input()` to coerse the input to a number.
+ *
+ * Example:
+ * ```ts
+ * @Component({ template: '' })
+ * class {
+ *     @Input() @InputNumber() b: number
+ * }
+ * ```
+ */
+function InputNumber(fallback) {
+    const cachedValueKey = Symbol();
+    // tslint:disable-next-line: only-arrow-functions
+    return function (target, propertyKey, descriptor) {
+        Object.defineProperty(target, propertyKey, {
+            set: function (value) {
+                this[cachedValueKey] = coerceNumberProperty(value, fallback);
+            },
+            get: function () {
+                return this[cachedValueKey];
+            },
+        });
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputBoolean, InputNumber, mixinActive, mixinDisabled, mixinInitialized, mixinSize, mixinTabIndex, mixinTheme };
+//# sourceMappingURL=theseam-ui-common-core.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-core.js","sources":["../../../projects/ui-common/core/common-behaviors/constructor.ts","../../../projects/ui-common/core/common-behaviors/disabled.ts","../../../projects/ui-common/core/common-behaviors/initialized.ts","../../../projects/ui-common/core/common-behaviors/size.ts","../../../projects/ui-common/core/common-behaviors/tabindex.ts","../../../projects/ui-common/core/common-behaviors/theme.ts","../../../projects/ui-common/core/common-behaviors/active.ts","../../../projects/ui-common/core/input-decorators/input-boolean.decorator.ts","../../../projects/ui-common/core/input-decorators/input-number.decorator.ts","../../../projects/ui-common/core/theseam-ui-common-core.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n/** @docs-private */\nexport type Constructor<T> = new(...args: any[]) => T\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { Constructor } from './constructor'\n\n/** @docs-private */\nexport interface CanDisable {\n  /** Whether the component is disabled. */\n  disabled: boolean\n}\n\n/** @docs-private */\nexport type CanDisableCtor = Constructor<CanDisable>\n\n/** Mixin to augment a directive with a `disabled` property. */\nexport function mixinDisabled<T extends Constructor<{}>>(base: T): CanDisableCtor & T {\n  return class extends base {\n    private _disabled = false\n\n    get disabled() { return this._disabled }\n    set disabled(value: any) { this._disabled = coerceBooleanProperty(value) }\n\n    constructor(...args: any[]) { super(...args) }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport { Observable, Subscriber } from 'rxjs'\nimport { Constructor } from './constructor'\n\n\n/**\n * Mixin that adds an initialized property to a directive which, when subscribed to, will emit a\n * value once markInitialized has been called, which should be done during the ngOnInit function.\n * If the subscription is made after it has already been marked as initialized, then it will trigger\n * an emit immediately.\n * @docs-private\n */\nexport interface HasInitialized {\n  /** Stream that emits once during the directive/component's ngOnInit. */\n  initialized: Observable<void>\n\n  /**\n   * Sets the state as initialized and must be called during ngOnInit to notify subscribers that\n   * the directive has been initialized.\n   * @docs-private\n   */\n  _markInitialized: () => void\n}\n\n/** @docs-private */\nexport type HasInitializedCtor = Constructor<HasInitialized>\n\n/** Mixin to augment a directive with an initialized property that will emits when ngOnInit ends. */\nexport function mixinInitialized<T extends Constructor<{}>>(base: T):\n    HasInitializedCtor & T {\n  return class extends base {\n    /** Whether this directive has been marked as initialized. */\n    _isInitialized = false\n\n    /**\n     * List of subscribers that subscribed before the directive was initialized. Should be notified\n     * during _markInitialized. Set to null after pending subscribers are notified, and should\n     * not expect to be populated after.\n     */\n    _pendingSubscribers: Subscriber<void>[] | null = []\n\n    /**\n     * Observable stream that emits when the directive initializes. If already initialized, the\n     * subscriber is stored to be notified once _markInitialized is called.\n     */\n    initialized = new Observable<void>(subscriber => {\n      // If initialized, immediately notify the subscriber. Otherwise store the subscriber to notify\n      // when _markInitialized is called.\n      if (this._isInitialized) {\n        this._notifySubscriber(subscriber)\n      } else {\n        if (this._pendingSubscribers) {\n          this._pendingSubscribers.push(subscriber)\n        }\n      }\n    })\n\n    constructor(...args: any[]) { super(...args) }\n\n    /**\n     * Marks the state as initialized and notifies pending subscribers. Should be called at the end\n     * of ngOnInit.\n     * @docs-private\n     */\n    _markInitialized(): void {\n      if (this._isInitialized) {\n        throw Error('This directive has already been marked as initialized and ' +\n            'should not be called twice.')\n      }\n\n      this._isInitialized = true\n\n      if (this._pendingSubscribers) {\n        this._pendingSubscribers.forEach(this._notifySubscriber)\n      }\n      this._pendingSubscribers = null\n    }\n\n    /** Emits and completes the subscriber stream (should only emit once). */\n    _notifySubscriber(subscriber: Subscriber<void>): void {\n      subscriber.next()\n      subscriber.complete()\n    }\n  }\n}\n","import { SizePrefixes, SizeTypes } from '@theseam/ui-common/models'\n\nimport { Constructor } from './constructor'\nimport { HasElementRef } from './element-ref'\n\nexport interface CanSize {\n  size: SizeTypes | undefined\n}\n\nexport type CanSizeCtor = Constructor<CanSize>\n\n/** Mixin to augment a directive with a `size` property. */\nexport function mixinSize<T extends Constructor<HasElementRef>>(\n    base: T, sizePrefix: SizePrefixes, defaultSize?: SizeTypes): CanSizeCtor & T {\n  return class extends base {\n    private _size: SizeTypes | undefined\n\n    get size(): SizeTypes | undefined { return this._size }\n    set size(value: SizeTypes | undefined) {\n      const themePalette = value || defaultSize\n\n      if (themePalette !== this._size) {\n        if (this._size) {\n          this._elementRef.nativeElement.classList.remove(`${sizePrefix}-${this._size}`)\n        }\n        if (themePalette) {\n          this._elementRef.nativeElement.classList.add(`${sizePrefix}-${themePalette}`)\n        }\n\n        this._size = themePalette\n      }\n    }\n\n    constructor(...args: any[]) {\n      super(...args)\n\n      // Set the default size that can be specified from the mixin.\n      this.size = defaultSize\n    }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport { Constructor } from './constructor'\nimport { CanDisable } from './disabled'\n\n\n/** @docs-private */\nexport interface HasTabIndex {\n  /** Tabindex of the component. */\n  tabIndex: number\n}\n\n/** @docs-private */\nexport type HasTabIndexCtor = Constructor<HasTabIndex>\n\n/** Mixin to augment a directive with a `tabIndex` property. */\nexport function mixinTabIndex<T extends Constructor<CanDisable>>(base: T, defaultTabIndex = 0)\n    : HasTabIndexCtor & T {\n  return class extends base {\n    private _tabIndex: number = defaultTabIndex\n\n    get tabIndex(): number { return this.disabled ? -1 : this._tabIndex }\n    set tabIndex(value: number) {\n      // If the specified tabIndex value is null or undefined, fall back to the default value.\n      this._tabIndex = value != null ? value : defaultTabIndex\n    }\n\n    constructor(...args: any[]) {\n      super(...args)\n    }\n  }\n}\n","import { OutlineThemeTypes, ThemePrefixes, ThemeTypes } from '@theseam/ui-common/models'\n\nimport { Constructor } from './constructor'\nimport { HasElementRef } from './element-ref'\n\nexport interface CanTheme {\n  /** Theme palette for the component. */\n  theme: ThemeTypes | OutlineThemeTypes | undefined\n}\n\nexport type CanThemeCtor = Constructor<CanTheme>\n\n/** Mixin to augment a directive with a `theme` property. */\nexport function mixinTheme<T extends Constructor<HasElementRef>>(\n    base: T, themePrefix: ThemePrefixes, defaultTheme?: ThemeTypes | OutlineThemeTypes): CanThemeCtor & T {\n  return class extends base {\n    private _theme: ThemeTypes | OutlineThemeTypes | undefined\n\n    get theme(): ThemeTypes | OutlineThemeTypes | undefined { return this._theme }\n    set theme(value: ThemeTypes | OutlineThemeTypes | undefined) {\n      const themePalette = value || defaultTheme\n\n      if (themePalette !== this._theme) {\n        if (this._theme) {\n          this._elementRef.nativeElement.classList.remove(`${themePrefix}-${this._theme}`)\n        }\n        if (themePalette) {\n          this._elementRef.nativeElement.classList.add(`${themePrefix}-${themePalette}`)\n        }\n\n        this._theme = themePalette\n      }\n    }\n\n    constructor(...args: any[]) {\n      super(...args)\n\n      // Set the default theme that can be specified from the mixin.\n      this.theme = defaultTheme\n    }\n  }\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { Constructor } from './constructor'\n\nexport interface CanBeActive {\n  /** Whether the component is active. */\n  active: boolean\n}\n\nexport type CanBeActiveCtor = Constructor<CanBeActive>\n\n/** Mixin to augment a directive with a `disabled` property. */\nexport function mixinActive<T extends Constructor<{}>>(base: T): CanBeActiveCtor & T {\n  return class extends base {\n    private _active = false\n\n    get active() { return this._active }\n    set active(value: any) { this._active = coerceBooleanProperty(value) }\n\n    constructor(...args: any[]) { super(...args) }\n  }\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\n\n/**\n * Use with `@Input()` to coerse the input to a boolean.\n *\n * Example:\n * ```ts\n * @Component({ template: '' })\n * class {\n *     @Input() @InputBoolean() b: boolean\n * }\n * ```\n */\nexport function InputBoolean() {\n  const cachedValueKey = Symbol()\n  // tslint:disable-next-line: only-arrow-functions\n  return function(\n    target: any,\n    propertyKey: string,\n    descriptor?: PropertyDescriptor\n  ) {\n    Object.defineProperty(target, propertyKey, {\n      set: function(value: boolean) {\n        this[cachedValueKey] = coerceBooleanProperty(value)\n      },\n      get: function() {\n        return this[cachedValueKey]\n      },\n    })\n  }\n}\n","import { coerceNumberProperty } from '@angular/cdk/coercion'\n\n/**\n * Use with `@Input()` to coerse the input to a number.\n *\n * Example:\n * ```ts\n * @Component({ template: '' })\n * class {\n *     @Input() @InputNumber() b: number\n * }\n * ```\n */\nexport function InputNumber<TFallback>(fallback?: TFallback) {\n  const cachedValueKey = Symbol()\n  // tslint:disable-next-line: only-arrow-functions\n  return function(\n    target: any,\n    propertyKey: string,\n    descriptor?: PropertyDescriptor\n  ) {\n    Object.defineProperty(target, propertyKey, {\n      set: function(value: number) {\n        this[cachedValueKey] = coerceNumberProperty(value, fallback)\n      },\n      get: function() {\n        return this[cachedValueKey]\n      },\n    })\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;;;;ACAA;;;;;;;AAoBA;SACgB,aAAa,CAA4B,IAAO;IAC9D,OAAO,cAAc,IAAI;QAMvB,YAAY,GAAG,IAAW;YAAI,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;YALpC,cAAS,GAAG,KAAK,CAAA;SAKqB;QAH9C,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;QACxC,IAAI,QAAQ,CAAC,KAAU,IAAI,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA,EAAE;KAG3E,CAAA;AACH;;AC9BA;;;;;;;AAkCA;SACgB,gBAAgB,CAA4B,IAAO;IAEjE,OAAO,cAAc,IAAI;QA2BvB,YAAY,GAAG,IAAW;YAAI,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;YAzB5C,mBAAc,GAAG,KAAK,CAAA;;;;;;YAOtB,wBAAmB,GAA8B,EAAE,CAAA;;;;;YAMnD,gBAAW,GAAG,IAAI,UAAU,CAAO,UAAU;;;gBAG3C,IAAI,IAAI,CAAC,cAAc,EAAE;oBACvB,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;iBACnC;qBAAM;oBACL,IAAI,IAAI,CAAC,mBAAmB,EAAE;wBAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;qBAC1C;iBACF;aACF,CAAC,CAAA;SAE4C;;;;;;QAO9C,gBAAgB;YACd,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,MAAM,KAAK,CAAC,4DAA4D;oBACpE,6BAA6B,CAAC,CAAA;aACnC;YAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAA;YAE1B,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAC5B,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;aACzD;YACD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;SAChC;;QAGD,iBAAiB,CAAC,UAA4B;YAC5C,UAAU,CAAC,IAAI,EAAE,CAAA;YACjB,UAAU,CAAC,QAAQ,EAAE,CAAA;SACtB;KACF,CAAA;AACH;;AChFA;SACgB,SAAS,CACrB,IAAO,EAAE,UAAwB,EAAE,WAAuB;IAC5D,OAAO,cAAc,IAAI;QAmBvB,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;YAGd,IAAI,CAAC,IAAI,GAAG,WAAW,CAAA;SACxB;QArBD,IAAI,IAAI,KAA4B,OAAO,IAAI,CAAC,KAAK,CAAA,EAAE;QACvD,IAAI,IAAI,CAAC,KAA4B;YACnC,MAAM,YAAY,GAAG,KAAK,IAAI,WAAW,CAAA;YAEzC,IAAI,YAAY,KAAK,IAAI,CAAC,KAAK,EAAE;gBAC/B,IAAI,IAAI,CAAC,KAAK,EAAE;oBACd,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;iBAC/E;gBACD,IAAI,YAAY,EAAE;oBAChB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,YAAY,EAAE,CAAC,CAAA;iBAC9E;gBAED,IAAI,CAAC,KAAK,GAAG,YAAY,CAAA;aAC1B;SACF;KAQF,CAAA;AACH;;ACxCA;;;;;;;AAqBA;SACgB,aAAa,CAAoC,IAAO,EAAE,eAAe,GAAG,CAAC;IAE3F,OAAO,cAAc,IAAI;QASvB,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;YATR,cAAS,GAAW,eAAe,CAAA;SAU1C;QARD,IAAI,QAAQ,KAAa,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAA,EAAE;QACrE,IAAI,QAAQ,CAAC,KAAa;;YAExB,IAAI,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,eAAe,CAAA;SACzD;KAKF,CAAA;AACH;;ACzBA;SACgB,UAAU,CACtB,IAAO,EAAE,WAA0B,EAAE,YAA6C;IACpF,OAAO,cAAc,IAAI;QAmBvB,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;YAGd,IAAI,CAAC,KAAK,GAAG,YAAY,CAAA;SAC1B;QArBD,IAAI,KAAK,KAAiD,OAAO,IAAI,CAAC,MAAM,CAAA,EAAE;QAC9E,IAAI,KAAK,CAAC,KAAiD;YACzD,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAA;YAE1C,IAAI,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE;gBAChC,IAAI,IAAI,CAAC,MAAM,EAAE;oBACf,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,WAAW,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;iBACjF;gBACD,IAAI,YAAY,EAAE;oBAChB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,IAAI,YAAY,EAAE,CAAC,CAAA;iBAC/E;gBAED,IAAI,CAAC,MAAM,GAAG,YAAY,CAAA;aAC3B;SACF;KAQF,CAAA;AACH;;AC/BA;SACgB,WAAW,CAA4B,IAAO;IAC5D,OAAO,cAAc,IAAI;QAMvB,YAAY,GAAG,IAAW;YAAI,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;YALpC,YAAO,GAAG,KAAK,CAAA;SAKuB;QAH9C,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,EAAE;QACpC,IAAI,MAAM,CAAC,KAAU,IAAI,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA,EAAE;KAGvE,CAAA;AACH;;AClBA;;;;;;;;;;;SAWgB,YAAY;IAC1B,MAAM,cAAc,GAAG,MAAM,EAAE,CAAA;;IAE/B,OAAO,UACL,MAAW,EACX,WAAmB,EACnB,UAA+B;QAE/B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG,EAAE,UAAS,KAAc;gBAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;aACpD;YACD,GAAG,EAAE;gBACH,OAAO,IAAI,CAAC,cAAc,CAAC,CAAA;aAC5B;SACF,CAAC,CAAA;KACH,CAAA;AACH;;AC5BA;;;;;;;;;;;SAWgB,WAAW,CAAY,QAAoB;IACzD,MAAM,cAAc,GAAG,MAAM,EAAE,CAAA;;IAE/B,OAAO,UACL,MAAW,EACX,WAAmB,EACnB,UAA+B;QAE/B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG,EAAE,UAAS,KAAa;gBACzB,IAAI,CAAC,cAAc,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;aAC7D;YACD,GAAG,EAAE;gBACH,OAAO,IAAI,CAAC,cAAc,CAAC,CAAA;aAC5B;SACF,CAAC,CAAA;KACH,CAAA;AACH;;AC9BA;;;;;;"}

package/fesm2015/theseam-ui-common-data-exporter.js

@@ -0,0 +1,81 @@
+import { InjectionToken, Injectable, NgModule } from '@angular/core';
+import { switchMap, tap, mapTo } from 'rxjs/operators';
+import { from } from 'rxjs';
+import { faFileCsv, faFileExcel } from '@fortawesome/free-solid-svg-icons';
+import FileSaver from 'file-saver';
+import { wrapIntoObservable, fileDataFromBuffer } from '@theseam/ui-common/utils';
+import { Buffer } from 'buffer/';
+
+const THESEAM_DATA_EXPORTER = new InjectionToken('TheSeamDataExporter');
+function exportOperator(exportFn) {
+    return (source$) => source$.pipe(switchMap(exportFn));
+}
+
+class CSVDataExporter {
+    constructor() {
+        this.name = 'exporter:csv';
+        this.label = 'CSV';
+        this.icon = faFileCsv;
+    }
+    export(data) {
+        // TODO: Fix typing for the dynamic imports
+        return wrapIntoObservable(import('xlsx')).pipe(switchMap((XLSX) => {
+            const ws = XLSX.utils.json_to_sheet(data);
+            const out = XLSX.utils.sheet_to_csv(ws);
+            // NOTE: `out` should not be passed as a string, but the fileDataFromBuffer
+            // function happens to works with a string. When the build issue about the
+            // function argument is figured out then this should be fixed.
+            return from(fileDataFromBuffer(out))
+                // return from(fileDataFromBuffer(Buffer.from(out)))
+                .pipe(tap(fileData => {
+                FileSaver.saveAs(fileData.blob, `Export.csv`);
+            }), mapTo(true));
+        }));
+    }
+}
+CSVDataExporter.decorators = [
+    { type: Injectable }
+];
+
+class XLSXDataExporter {
+    constructor() {
+        this.name = 'exporter:xlsx';
+        this.label = 'XLSX';
+        this.icon = faFileExcel;
+    }
+    export(data) {
+        // TODO: Fix typing for the dynamic imports
+        return wrapIntoObservable(import('xlsx')).pipe(switchMap((XLSX) => {
+            const ws = XLSX.utils.json_to_sheet(data);
+            const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };
+            const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
+            return from(fileDataFromBuffer(Buffer.from(excelBuffer)))
+                .pipe(tap(fileData => {
+                FileSaver.saveAs(fileData.blob, `Export.xlsx`);
+            }), mapTo(true));
+        }));
+    }
+}
+XLSXDataExporter.decorators = [
+    { type: Injectable }
+];
+
+class TheSeamDataExporterModule {
+}
+TheSeamDataExporterModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [],
+                providers: [
+                    { provide: THESEAM_DATA_EXPORTER, useClass: CSVDataExporter, multi: true },
+                    { provide: THESEAM_DATA_EXPORTER, useClass: XLSXDataExporter, multi: true }
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CSVDataExporter, THESEAM_DATA_EXPORTER, TheSeamDataExporterModule, XLSXDataExporter, exportOperator };
+//# sourceMappingURL=theseam-ui-common-data-exporter.js.map