@theseam/ui-common 0.3.10 → 0.4.0-beta.0

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

@@ -0,0 +1,223 @@
+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
+ */
+/** 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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-core.mjs","sources":["../../../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\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;;;;;;AAMG;AAcH;AACM,SAAU,aAAa,CAA4B,IAAO,EAAA;IAC9D,OAAO,cAAc,IAAI,CAAA;AAMvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AAAI,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;AALpC,YAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAA;SAKqB;QAH9C,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;AACxC,QAAA,IAAI,QAAQ,CAAC,KAAU,EAAA,EAAI,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA,EAAE;KAG3E,CAAA;AACH;;AC9BA;;;;;;AAMG;AA4BH;AACM,SAAU,gBAAgB,CAA4B,IAAO,EAAA;IAEjE,OAAO,cAAc,IAAI,CAAA;AA2BvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AAAI,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;AAzB5C,YAAA,IAAc,CAAA,cAAA,GAAG,KAAK,CAAA;AAEtB;;;;AAIG;AACH,YAAA,IAAmB,CAAA,mBAAA,GAA8B,EAAE,CAAA;AAEnD;;;AAGG;YACH,IAAA,CAAA,WAAW,GAAG,IAAI,UAAU,CAAO,UAAU,IAAG;;;gBAG9C,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,oBAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;AACnC,iBAAA;AAAM,qBAAA;oBACL,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC5B,wBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;AAC1C,qBAAA;AACF,iBAAA;AACH,aAAC,CAAC,CAAA;SAE4C;AAE9C;;;;AAIG;QACH,gBAAgB,GAAA;YACd,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,MAAM,KAAK,CAAC,4DAA4D;AACpE,oBAAA,6BAA6B,CAAC,CAAA;AACnC,aAAA;AAED,YAAA,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,aAAA;AACD,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAA;SAChC;;AAGD,QAAA,iBAAiB,CAAC,UAA4B,EAAA;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,EAAA;IAC5D,OAAO,cAAc,IAAI,CAAA;AAmBvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AACxB,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;AAGd,YAAA,IAAI,CAAC,IAAI,GAAG,WAAW,CAAA;SACxB;QArBD,IAAI,IAAI,KAA4B,OAAO,IAAI,CAAC,KAAK,CAAA,EAAE;QACvD,IAAI,IAAI,CAAC,KAA4B,EAAA;AACnC,YAAA,MAAM,YAAY,GAAG,KAAK,IAAI,WAAW,CAAA;AAEzC,YAAA,IAAI,YAAY,KAAK,IAAI,CAAC,KAAK,EAAE;gBAC/B,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,oBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA,EAAG,UAAU,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,CAAC,CAAA;AAC/E,iBAAA;AACD,gBAAA,IAAI,YAAY,EAAE;AAChB,oBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,CAAC,CAAA;AAC9E,iBAAA;AAED,gBAAA,IAAI,CAAC,KAAK,GAAG,YAAY,CAAA;AAC1B,aAAA;SACF;KAQF,CAAA;AACH;;ACxCA;;;;;;AAMG;AAeH;SACgB,aAAa,CAAoC,IAAO,EAAE,eAAe,GAAG,CAAC,EAAA;IAE3F,OAAO,cAAc,IAAI,CAAA;AASvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AACxB,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;AATR,YAAA,IAAS,CAAA,SAAA,GAAW,eAAe,CAAA;SAU1C;AARD,QAAA,IAAI,QAAQ,GAAa,EAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAA,EAAE;QACrE,IAAI,QAAQ,CAAC,KAAa,EAAA;;AAExB,YAAA,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,EAAA;IACpF,OAAO,cAAc,IAAI,CAAA;AAmBvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AACxB,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;AAGd,YAAA,IAAI,CAAC,KAAK,GAAG,YAAY,CAAA;SAC1B;QArBD,IAAI,KAAK,KAAiD,OAAO,IAAI,CAAC,MAAM,CAAA,EAAE;QAC9E,IAAI,KAAK,CAAC,KAAiD,EAAA;AACzD,YAAA,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAA;AAE1C,YAAA,IAAI,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE;gBAChC,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,oBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA,EAAG,WAAW,CAAI,CAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,CAAC,CAAA;AACjF,iBAAA;AACD,gBAAA,IAAI,YAAY,EAAE;AAChB,oBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,CAAC,CAAA;AAC/E,iBAAA;AAED,gBAAA,IAAI,CAAC,MAAM,GAAG,YAAY,CAAA;AAC3B,aAAA;SACF;KAQF,CAAA;AACH;;AC/BA;AACM,SAAU,WAAW,CAA4B,IAAO,EAAA;IAC5D,OAAO,cAAc,IAAI,CAAA;AAMvB,QAAA,WAAA,CAAY,GAAG,IAAW,EAAA;AAAI,YAAA,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;AALpC,YAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAA;SAKuB;QAH9C,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA,EAAE;AACpC,QAAA,IAAI,MAAM,CAAC,KAAU,EAAA,EAAI,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA,EAAE;KAGvE,CAAA;AACH;;AClBA;;;;;;;;;;AAUG;SACa,YAAY,GAAA;AAC1B,IAAA,MAAM,cAAc,GAAG,MAAM,EAAE,CAAA;;AAE/B,IAAA,OAAO,UACL,MAAW,EACX,WAAmB,EACnB,UAA+B,EAAA;AAE/B,QAAA,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG,EAAE,UAAS,KAAc,EAAA;gBAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;aACpD;AACD,YAAA,GAAG,EAAE,YAAA;AACH,gBAAA,OAAO,IAAI,CAAC,cAAc,CAAC,CAAA;aAC5B;AACF,SAAA,CAAC,CAAA;AACJ,KAAC,CAAA;AACH;;AC5BA;;;;;;;;;;AAUG;AACG,SAAU,WAAW,CAAY,QAAoB,EAAA;AACzD,IAAA,MAAM,cAAc,GAAG,MAAM,EAAE,CAAA;;AAE/B,IAAA,OAAO,UACL,MAAW,EACX,WAAmB,EACnB,UAA+B,EAAA;AAE/B,QAAA,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE;YACzC,GAAG,EAAE,UAAS,KAAa,EAAA;gBACzB,IAAI,CAAC,cAAc,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;aAC7D;AACD,YAAA,GAAG,EAAE,YAAA;AACH,gBAAA,OAAO,IAAI,CAAC,cAAc,CAAC,CAAA;aAC5B;AACF,SAAA,CAAC,CAAA;AACJ,KAAC,CAAA;AACH;;AC9BA;;AAEG;;;;"}

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

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CSVDataExporter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CSVDataExporter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CSVDataExporter });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLSXDataExporter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+XLSXDataExporter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLSXDataExporter });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XLSXDataExporter, decorators: [{
+            type: Injectable
+        }] });
+
+class TheSeamDataExporterModule {
+}
+TheSeamDataExporterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamDataExporterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamDataExporterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamDataExporterModule });
+TheSeamDataExporterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamDataExporterModule, providers: [
+        { provide: THESEAM_DATA_EXPORTER, useClass: CSVDataExporter, multi: true },
+        { provide: THESEAM_DATA_EXPORTER, useClass: XLSXDataExporter, multi: true }
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: 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.mjs.map

package/fesm2015/theseam-ui-common-data-exporter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-data-exporter.mjs","sources":["../../../projects/ui-common/data-exporter/data-exporter.ts","../../../projects/ui-common/data-exporter/exporters/csv-exporter.ts","../../../projects/ui-common/data-exporter/exporters/xlsx-exporter.ts","../../../projects/ui-common/data-exporter/data-exporter.module.ts","../../../projects/ui-common/data-exporter/theseam-ui-common-data-exporter.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\nimport { Observable } from 'rxjs'\nimport { switchMap } from 'rxjs/operators'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\n\nexport type IDataExporterFunction = <T>(data: T[]) => Observable<T[]>\n\nexport interface IDataExporter {\n  /**\n   * Name to identify the exporter.\n   */\n  readonly name: string\n\n  /**\n   * Label to use for exporter in user visible text.\n   *\n   * default: `name`\n   */\n  label?: string\n\n  /**\n   * Icon to represent exporter.\n   */\n  icon?: string | IconProp\n\n  /**\n   * Pass the rows directly to the export function without any mapping.\n   */\n  skipDataMapping?: boolean\n\n  /**\n   * Export the data based on the data to some format.\n   */\n  export<T>(data: T[]): Observable<boolean>\n}\n\nexport const THESEAM_DATA_EXPORTER = new InjectionToken<IDataExporter>('TheSeamDataExporter')\n\nexport function exportOperator<T>(exportFn: IDataExporterFunction) {\n  return (source$: Observable<T[]>) =>\n    source$.pipe(switchMap(exportFn))\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileCsv } from '@fortawesome/free-solid-svg-icons'\nimport FileSaver from 'file-saver'\n\nimport { fileDataFromBuffer, wrapIntoObservable } from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\n\n@Injectable()\nexport class CSVDataExporter implements IDataExporter {\n\n  public readonly name = 'exporter:csv'\n\n  public label = 'CSV'\n\n  public icon = faFileCsv\n\n  public export<T>(data: T[]): Observable<boolean> {\n    // TODO: Fix typing for the dynamic imports\n    return wrapIntoObservable(import('xlsx')).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n\n        const out = XLSX.utils.sheet_to_csv(ws)\n\n        // NOTE: `out` should not be passed as a string, but the fileDataFromBuffer\n        // function happens to works with a string. When the build issue about the\n        // function argument is figured out then this should be fixed.\n        return from(fileDataFromBuffer(out as any))\n        // return from(fileDataFromBuffer(Buffer.from(out)))\n          .pipe(\n            tap(fileData => {\n              FileSaver.saveAs(fileData.blob, `Export.csv`)\n            }),\n            mapTo(true)\n          )\n      })\n    )\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileExcel } from '@fortawesome/free-solid-svg-icons'\nimport { Buffer } from 'buffer/'\nimport FileSaver from 'file-saver'\n\nimport { fileDataFromBuffer, wrapIntoObservable } from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\n\n@Injectable()\nexport class XLSXDataExporter implements IDataExporter {\n\n  public readonly name = 'exporter:xlsx'\n\n  public label = 'XLSX'\n\n  public icon = faFileExcel\n\n  public export<T>(data: T[]): Observable<boolean> {\n    // TODO: Fix typing for the dynamic imports\n    return wrapIntoObservable(import('xlsx')).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n        const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] }\n        const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' })\n\n        return from(fileDataFromBuffer(Buffer.from(excelBuffer)))\n          .pipe(\n            tap(fileData => {\n              FileSaver.saveAs(fileData.blob, `Export.xlsx`)\n            }),\n            mapTo(true)\n          )\n      })\n    )\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { CSVDataExporter } from './exporters/csv-exporter'\nimport { XLSXDataExporter } from './exporters/xlsx-exporter'\n\nimport { THESEAM_DATA_EXPORTER } from './data-exporter'\n\n@NgModule({\n  declarations: [],\n  imports: [],\n  providers: [\n    { provide: THESEAM_DATA_EXPORTER, useClass: CSVDataExporter, multi: true },\n    { provide: THESEAM_DATA_EXPORTER, useClass: XLSXDataExporter, multi: true }\n  ]\n})\nexport class TheSeamDataExporterModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}