@theseam/ui-common 0.2.17 → 0.3.0

package/bundles/theseam-ui-common-scrollbar.umd.js

@@ -142,7 +142,7 @@
             set: function (value) {
                 this._disabled = !coercion.coerceBooleanProperty(value);
                 if (!this._disabled) {
-                    this._scrollbars.initializeInstance(this._ref.nativeElement);
+                    this._scrollbars.initializeInstance(this._ref.nativeElement, this._options);
                 }
                 else {
                     this._scrollbars.destroyInstance(this._ref.nativeElement);

package/bundles/theseam-ui-common-scrollbar.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-scrollbar.umd.js","sources":["../../../projects/ui-common/scrollbar/overlay-scrollbars-config.ts","../../../projects/ui-common/scrollbar/overlay-scrollbars.service.ts","../../../projects/ui-common/scrollbar/overlay-scrollbar.directive.ts","../../../projects/ui-common/scrollbar/scrollbar.module.ts","../../../projects/ui-common/scrollbar/theseam-ui-common-scrollbar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\nexport const _OverlayScrollbarDefaults: IOverlayScrollbarsConfig = {\n  className: 'os-theme-dark os-theme-no-hover',\n  sizeAutoCapable: false,\n  paddingAbsolute: true,\n  autoUpdate: true\n}\n\nexport function mergeOverlayScrollbarsConfigs(a: IOverlayScrollbarsConfig, b: IOverlayScrollbarsConfig) {\n  return { ...a, ...b }\n}\n\n/** Injection token that can be used to specify overlayscrollbars options. */\nexport const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken<IOverlayScrollbarsConfig>('seamOverlayScrollbarsConfig')\n","import { Platform } from '@angular/cdk/platform'\nimport { forwardRef, inject, Injectable, InjectionToken, Injector, INJECTOR, NgZone } from '@angular/core'\nimport { fromEvent, Subscription } from 'rxjs'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG } from './overlay-scrollbars-config'\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class OverlayScrollbarsService {\n\n  private _inputEventSubscription = Subscription.EMPTY\n\n  constructor(\n    private _ngZone: NgZone,\n    private injector: Injector,\n    private _platform: Platform\n  ) { }\n\n  public initializeInstance(element: HTMLElement, options?: IOverlayScrollbarsConfig): void {\n    if (!this.isInstanceEnabled(element) &&\n      // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS\n      // already has native overlay scrollbars it shouldn't really effect the\n      // app layout.\n      !(this._isTextarea(element) && this._platform.IOS)\n    ) {\n      this._ngZone.runOutsideAngular(() => {\n        OverlayScrollbars(element, this._applyConfigDefaults(options))\n\n        if (this._isTextarea(element)) {\n          // TODO: Make this more accurate. Right now this is just relying on\n          // the fact that timing out for 100ms is usually enough time to wait\n          // for update to correctly calculate.\n          // NOTE: This may be fixed in a newer version to not need this hack.\n          fromEvent(element, 'change').subscribe(_ => {\n            this._ngZone.run(() => {\n              setTimeout(() => {\n                if (this.isInstanceEnabled(element)) {\n                  this.getInstance(element).update()\n                }\n              }, 100)\n            })\n          })\n        }\n      })\n    }\n  }\n\n  public destroyInstance(element: HTMLElement): void {\n    if (this.isInstanceEnabled(element)) {\n      this._ngZone.runOutsideAngular(() => {\n        this.getInstance(element).destroy()\n        if (this._inputEventSubscription && !this._inputEventSubscription.closed) {\n          this._inputEventSubscription.unsubscribe()\n        }\n      })\n    }\n  }\n\n  public getInstance(element: HTMLElement): OverlayScrollbars {\n    return OverlayScrollbars(element) as OverlayScrollbars\n  }\n\n  public isInstanceEnabled(element: HTMLElement): boolean {\n    return !!this.getInstance(element)\n  }\n\n  public setOptions(element: HTMLElement, options: IOverlayScrollbarsConfig): boolean {\n    if (!this.isInstanceEnabled(element)) { return false }\n\n    this.getInstance(element).options(this._applyConfigDefaults(options))\n\n    return true\n  }\n\n  public getOptions(element: HTMLElement): IOverlayScrollbarsConfig {\n    return this.getInstance(element).options()\n  }\n\n  private _applyConfigDefaults(config?: IOverlayScrollbarsConfig): IOverlayScrollbarsConfig {\n    const _config: IOverlayScrollbarsConfig = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG)\n    return {..._config, ...config}\n  }\n\n  /** Determines if the component host is a textarea. */\n  protected _isTextarea(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'textarea'\n  }\n\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { AfterViewInit, Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { OverlayScrollbarsService } from './overlay-scrollbars.service'\n\nimport type { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Directive({\n  selector: '[seamOverlayScrollbar]',\n  exportAs: 'seamOverlayScrollbar'\n})\nexport class OverlayScrollbarDirective implements OnInit, AfterViewInit, OnDestroy {\n  static ngAcceptInputType_seamOverlayScrollbar: IOverlayScrollbarsConfig | undefined | null | ''\n\n  private _disabled = false\n\n  @Input()\n  set seamOverlayScrollbar(value: IOverlayScrollbarsConfig | undefined | null) { this.options = value }\n\n  @Input()\n  get overlayScrollbarEnabled(): boolean {\n    return this._scrollbars.isInstanceEnabled(this._ref.nativeElement)\n  }\n  set overlayScrollbarEnabled(value: boolean) {\n    this._disabled = !coerceBooleanProperty(value)\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement)\n    } else {\n      this._scrollbars.destroyInstance(this._ref.nativeElement)\n    }\n  }\n\n  set options(value: IOverlayScrollbarsConfig | undefined | null) {\n    this._options = value || {}\n    this._scrollbars.setOptions(this._ref.nativeElement, this._options)\n  }\n  get options() {\n    if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {\n      return this._scrollbars.getOptions(this._ref.nativeElement)\n    }\n    return this._options\n  }\n  private _options: IOverlayScrollbarsConfig = {}\n\n  constructor(\n    private _ref: ElementRef,\n    private _scrollbars: OverlayScrollbarsService\n  ) { }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement, this._options)\n    }\n  }\n\n  ngOnDestroy() {\n    this._scrollbars.destroyInstance(this._ref.nativeElement)\n  }\n\n  get instance(): OverlayScrollbars {\n    return this._scrollbars.getInstance(this._ref.nativeElement)\n  }\n\n}\n","import { PlatformModule } from '@angular/cdk/platform'\nimport { NgModule } from '@angular/core'\n\nimport { OverlayScrollbarDirective } from './overlay-scrollbar.directive'\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG, _OverlayScrollbarDefaults } from './overlay-scrollbars-config'\n\n@NgModule({\n  declarations: [\n    OverlayScrollbarDirective\n  ],\n  imports: [\n    PlatformModule\n  ],\n  providers: [\n    { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }\n  ],\n  exports: [\n    OverlayScrollbarDirective\n  ]\n})\nexport class TheSeamScrollbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","Subscription","OverlayScrollbars","fromEvent","Injectable","NgZone","Injector","Platform","coerceBooleanProperty","Directive","ElementRef","Input","NgModule","PlatformModule"],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-scrollbar.umd.js","sources":["../../../projects/ui-common/scrollbar/overlay-scrollbars-config.ts","../../../projects/ui-common/scrollbar/overlay-scrollbars.service.ts","../../../projects/ui-common/scrollbar/overlay-scrollbar.directive.ts","../../../projects/ui-common/scrollbar/scrollbar.module.ts","../../../projects/ui-common/scrollbar/theseam-ui-common-scrollbar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\nexport const _OverlayScrollbarDefaults: IOverlayScrollbarsConfig = {\n  className: 'os-theme-dark os-theme-no-hover',\n  sizeAutoCapable: false,\n  paddingAbsolute: true,\n  autoUpdate: true\n}\n\nexport function mergeOverlayScrollbarsConfigs(a: IOverlayScrollbarsConfig, b: IOverlayScrollbarsConfig) {\n  return { ...a, ...b }\n}\n\n/** Injection token that can be used to specify overlayscrollbars options. */\nexport const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken<IOverlayScrollbarsConfig>('seamOverlayScrollbarsConfig')\n","import { Platform } from '@angular/cdk/platform'\nimport { forwardRef, inject, Injectable, InjectionToken, Injector, INJECTOR, NgZone } from '@angular/core'\nimport { fromEvent, Subscription } from 'rxjs'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG } from './overlay-scrollbars-config'\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class OverlayScrollbarsService {\n\n  private _inputEventSubscription = Subscription.EMPTY\n\n  constructor(\n    private _ngZone: NgZone,\n    private injector: Injector,\n    private _platform: Platform\n  ) { }\n\n  public initializeInstance(element: HTMLElement, options?: IOverlayScrollbarsConfig): void {\n    if (!this.isInstanceEnabled(element) &&\n      // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS\n      // already has native overlay scrollbars it shouldn't really effect the\n      // app layout.\n      !(this._isTextarea(element) && this._platform.IOS)\n    ) {\n      this._ngZone.runOutsideAngular(() => {\n        OverlayScrollbars(element, this._applyConfigDefaults(options))\n\n        if (this._isTextarea(element)) {\n          // TODO: Make this more accurate. Right now this is just relying on\n          // the fact that timing out for 100ms is usually enough time to wait\n          // for update to correctly calculate.\n          // NOTE: This may be fixed in a newer version to not need this hack.\n          fromEvent(element, 'change').subscribe(_ => {\n            this._ngZone.run(() => {\n              setTimeout(() => {\n                if (this.isInstanceEnabled(element)) {\n                  this.getInstance(element).update()\n                }\n              }, 100)\n            })\n          })\n        }\n      })\n    }\n  }\n\n  public destroyInstance(element: HTMLElement): void {\n    if (this.isInstanceEnabled(element)) {\n      this._ngZone.runOutsideAngular(() => {\n        this.getInstance(element).destroy()\n        if (this._inputEventSubscription && !this._inputEventSubscription.closed) {\n          this._inputEventSubscription.unsubscribe()\n        }\n      })\n    }\n  }\n\n  public getInstance(element: HTMLElement): OverlayScrollbars {\n    return OverlayScrollbars(element) as OverlayScrollbars\n  }\n\n  public isInstanceEnabled(element: HTMLElement): boolean {\n    return !!this.getInstance(element)\n  }\n\n  public setOptions(element: HTMLElement, options: IOverlayScrollbarsConfig): boolean {\n    if (!this.isInstanceEnabled(element)) { return false }\n\n    this.getInstance(element).options(this._applyConfigDefaults(options))\n\n    return true\n  }\n\n  public getOptions(element: HTMLElement): IOverlayScrollbarsConfig {\n    return this.getInstance(element).options()\n  }\n\n  private _applyConfigDefaults(config?: IOverlayScrollbarsConfig): IOverlayScrollbarsConfig {\n    const _config: IOverlayScrollbarsConfig = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG)\n    return {..._config, ...config}\n  }\n\n  /** Determines if the component host is a textarea. */\n  protected _isTextarea(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'textarea'\n  }\n\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { AfterViewInit, Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { OverlayScrollbarsService } from './overlay-scrollbars.service'\n\nimport type { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Directive({\n  selector: '[seamOverlayScrollbar]',\n  exportAs: 'seamOverlayScrollbar'\n})\nexport class OverlayScrollbarDirective implements OnInit, AfterViewInit, OnDestroy {\n  static ngAcceptInputType_seamOverlayScrollbar: IOverlayScrollbarsConfig | undefined | null | ''\n\n  private _disabled = false\n\n  @Input()\n  set seamOverlayScrollbar(value: IOverlayScrollbarsConfig | undefined | null) { this.options = value }\n\n  @Input()\n  get overlayScrollbarEnabled(): boolean {\n    return this._scrollbars.isInstanceEnabled(this._ref.nativeElement)\n  }\n  set overlayScrollbarEnabled(value: boolean) {\n    this._disabled = !coerceBooleanProperty(value)\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement, this._options)\n    } else {\n      this._scrollbars.destroyInstance(this._ref.nativeElement)\n    }\n  }\n\n  set options(value: IOverlayScrollbarsConfig | undefined | null) {\n    this._options = value || {}\n    this._scrollbars.setOptions(this._ref.nativeElement, this._options)\n  }\n  get options() {\n    if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {\n      return this._scrollbars.getOptions(this._ref.nativeElement)\n    }\n    return this._options\n  }\n  private _options: IOverlayScrollbarsConfig = {}\n\n  constructor(\n    private _ref: ElementRef,\n    private _scrollbars: OverlayScrollbarsService\n  ) { }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement, this._options)\n    }\n  }\n\n  ngOnDestroy() {\n    this._scrollbars.destroyInstance(this._ref.nativeElement)\n  }\n\n  get instance(): OverlayScrollbars {\n    return this._scrollbars.getInstance(this._ref.nativeElement)\n  }\n\n}\n","import { PlatformModule } from '@angular/cdk/platform'\nimport { NgModule } from '@angular/core'\n\nimport { OverlayScrollbarDirective } from './overlay-scrollbar.directive'\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG, _OverlayScrollbarDefaults } from './overlay-scrollbars-config'\n\n@NgModule({\n  declarations: [\n    OverlayScrollbarDirective\n  ],\n  imports: [\n    PlatformModule\n  ],\n  providers: [\n    { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }\n  ],\n  exports: [\n    OverlayScrollbarDirective\n  ]\n})\nexport class TheSeamScrollbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","Subscription","OverlayScrollbars","fromEvent","Injectable","NgZone","Injector","Platform","coerceBooleanProperty","Directive","ElementRef","Input","NgModule","PlatformModule"],"mappings":"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"}

package/bundles/theseam-ui-common-tel-input.umd.js

@@ -572,12 +572,13 @@
     }
 
     var TheSeamTelInputDirective = /** @class */ (function () {
-        function TheSeamTelInputDirective(_elementRef, _assetLoader, _ngZone, _document) {
+        function TheSeamTelInputDirective(_elementRef, _assetLoader, _ngZone, _document, _ngControl) {
             var _this = this;
             this._elementRef = _elementRef;
             this._assetLoader = _assetLoader;
             this._ngZone = _ngZone;
             this._document = _document;
+            this._ngControl = _ngControl;
             this._ngUnsubscribe = new rxjs.Subject();
             this._loadedAssetRefs = [];
             this._attrType = 'tel';
@@ -630,31 +631,56 @@
                     // TODO: Add initialCountry support.
                     // initialCountry: 'auto'
                 });
+                _this._tryUpdateDropdownAttributes();
                 return _this._instance.promise;
             }), 
             // tap(() => console.log('%c_instance ready', 'color:green', this._instance, this._elementRef.nativeElement.value)),
             operators.tap(function () { return _this._initDropdownListener(); }), operators.tap(function () { return _this.value = _this._value; }), operators.tap(this._formatIntlTelInput), operators.switchMap(function () { return rxjs.merge(rxjs.fromEvent(_this._elementRef.nativeElement, 'keyup'), rxjs.fromEvent(_this._elementRef.nativeElement, 'change')); }), operators.tap(this._formatIntlTelInput), operators.takeUntil(this._ngUnsubscribe)).subscribe();
         };
         TheSeamTelInputDirective.prototype.ngOnDestroy = function () {
-            var e_1, _c;
+            var e_1, _d;
             var _a;
             (_a = this._instance) === null || _a === void 0 ? void 0 : _a.destroy();
             try {
-                for (var _d = __values(this._loadedAssetRefs), _e = _d.next(); !_e.done; _e = _d.next()) {
-                    var ref = _e.value;
+                for (var _e = __values(this._loadedAssetRefs), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var ref = _f.value;
                     ref.destroy();
                 }
             }
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                    if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
             this._ngUnsubscribe.next();
             this._ngUnsubscribe.complete();
         };
+        TheSeamTelInputDirective.prototype.ngDoCheck = function () {
+            this._tryUpdateDropdownAttributes();
+        };
+        TheSeamTelInputDirective.prototype._tryUpdateDropdownAttributes = function () {
+            var _a, _b, _c;
+            var control = this._ngControl;
+            if (control) {
+                var flagsContainer = (_a = this._instance) === null || _a === void 0 ? void 0 : _a.selectedFlag;
+                if (flagsContainer) {
+                    utils.toggleAttribute(flagsContainer, 'aria-disabled', (_b = control.disabled) !== null && _b !== void 0 ? _b : false);
+                    var disabled = (_c = control.disabled) !== null && _c !== void 0 ? _c : false;
+                    if (!disabled) {
+                        if (utils.getAttribute(flagsContainer, 'tabindex') !== '0') {
+                            flagsContainer.setAttribute('tabindex', '0');
+                        }
+                    }
+                    else {
+                        if (utils.hasAttribute(flagsContainer, 'tabindex')) {
+                            flagsContainer.removeAttribute('tabindex');
+                        }
+                    }
+                }
+            }
+        };
         TheSeamTelInputDirective.prototype.updateValue = function () {
             var _a, _b;
             // console.log('%cupdateValue START', 'color:cyan', typeof intlTelInputUtils !== 'undefined')
@@ -687,6 +713,7 @@
                 return;
             }
             this._ngZone.runOutsideAngular(function () {
+                var _a;
                 var openDropdown$ = rxjs.fromEvent(_this._elementRef.nativeElement, 'open:countrydropdown');
                 var closeDropdown$ = rxjs.fromEvent(_this._elementRef.nativeElement, 'close:countrydropdown');
                 var instance = _this._instance;
@@ -706,6 +733,22 @@
                     }));
                     return rxjs.merge(pressDown$, flagBtnClick$).pipe(operators.takeUntil(closeDropdown$));
                 }), operators.takeUntil(_this._ngUnsubscribe)).subscribe();
+                var flagsContainer = (_a = _this._instance) === null || _a === void 0 ? void 0 : _a.selectedFlag;
+                if (flagsContainer) {
+                    rxjs.fromEvent(flagsContainer, 'keydown', { capture: true }).pipe(operators.tap(function (e) {
+                        var _a;
+                        var control = _this._ngControl;
+                        if (control) {
+                            var disabled = (_a = control.disabled) !== null && _a !== void 0 ? _a : false;
+                            if (disabled && ['ArrowUp', 'Up', 'ArrowDown', 'Down', ' ', 'Enter'].indexOf(e.key) !== -1) {
+                                // prevent form from being submitted if "ENTER" was pressed
+                                e.preventDefault();
+                                // prevent event from being handled again by document
+                                e.stopPropagation();
+                            }
+                        }
+                    }), operators.takeUntil(_this._ngUnsubscribe)).subscribe();
+                }
             });
         };
         TheSeamTelInputDirective.prototype.isDropdownVisible = function () {
@@ -738,7 +781,8 @@
         { type: core.ElementRef },
         { type: services.AssetLoaderService },
         { type: core.NgZone },
-        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [common.DOCUMENT,] }] }
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [common.DOCUMENT,] }] },
+        { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] }
     ]; };
     TheSeamTelInputDirective.propDecorators = {
         _attrType: [{ type: core.HostBinding, args: ['attr.type',] }],
@@ -792,6 +836,14 @@
             get: function () { return this._disabled; },
             set: function (value) {
                 var newValue = coercion.coerceBooleanProperty(value);
+                if (this._control.disabled !== newValue) {
+                    if (newValue) {
+                        this._control.disable();
+                    }
+                    else {
+                        this._control.enable();
+                    }
+                }
                 if (newValue !== this.disabled) {
                     this._disabled = newValue;
                     this._changeDetectorRef.markForCheck();
@@ -894,7 +946,7 @@
                             multi: true
                         }],
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:block}\n"]
+                    styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover,:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"]
                 },] }
     ];
     TheSeamTelInputComponent.ctorParameters = function () { return [