@theseam/ui-common 0.2.17 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.2.17",
+  "version": "0.3.0",
   "peerDependencies": {
     "@angular/common": "^12.0.2",
     "@angular/core": "^12.0.2",

package/tel-input/tel-input.directive.d.ts

@@ -1,10 +1,12 @@
-import { ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { DoCheck, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { AssetLoaderService } from '@theseam/ui-common/services';
-export declare class TheSeamTelInputDirective implements OnInit, OnDestroy {
+import { NgControl } from '@angular/forms';
+export declare class TheSeamTelInputDirective implements OnInit, OnDestroy, DoCheck {
     private readonly _elementRef;
     private readonly _assetLoader;
     private readonly _ngZone;
     private readonly _document?;
+    private readonly _ngControl?;
     private readonly _ngUnsubscribe;
     private _instance;
     private _loadedAssetRefs;
@@ -12,9 +14,11 @@ export declare class TheSeamTelInputDirective implements OnInit, OnDestroy {
     set value(v: string | undefined | null);
     get value(): string | undefined | null;
     private _value;
-    constructor(_elementRef: ElementRef<HTMLInputElement>, _assetLoader: AssetLoaderService, _ngZone: NgZone, _document?: any);
+    constructor(_elementRef: ElementRef<HTMLInputElement>, _assetLoader: AssetLoaderService, _ngZone: NgZone, _document?: any, _ngControl?: NgControl | undefined);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngDoCheck(): void;
+    private _tryUpdateDropdownAttributes;
     private _formatIntlTelInput;
     updateValue(): void;
     getFullNumber(): string | undefined | null;

package/tel-input/theseam-ui-common-tel-input.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./add-country-code"},{"from":"./coerce-phone-number-format"},{"from":"./get-country-code"},{"from":"./get-dial-code"},{"from":"./get-global-intl-tel-input-globals"},{"from":"./get-global-intl-tel-input-utils"},{"from":"./get-intl-tel-input-utils"},{"from":"./get-validation-error-message"},{"from":"./process-country-codes"}],"metadata":{"TheSeamTelInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"seam-tel-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":36,"character":13},"useExisting":{"__symbolic":"reference","name":"TheSeamTelInputComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"template":"<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n","styles":[":host{display:block}\n"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":57,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"_attrDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":82,"character":3},"arguments":["attr.disabled"]}]}],"_attrTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":3},"arguments":["attr.tabindex"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"_telInputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"static":true}]}]}],"_inputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":107,"character":3},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"InputDirective","line":107,"character":13},{"static":true}]}]}],"_inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":["input",{"static":true}]}]}],"_onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":3},"arguments":["focus",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":130,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":131,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":132,"character":34},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":133,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"hasFocus":[{"__symbolic":"method"}]}},"IntlTelInputUtilsScript":{"__symbolic":"interface"},"IntlTelInputFn":{"__symbolic":"function","parameters":["node","options"],"value":{"__symbolic":"call","arguments":[{"__symbolic":"reference","name":"node"},{"__symbolic":"reference","name":"options"}]}},"TEL_INPUT_ASSETS_PATH":"assets/vendor/intl-tel-input","TEL_INPUT_STYLES":"\n  .iti { width: 100%; }\n\n  .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags.png\");}\n\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags@2x.png\");}\n  }\n\n  .iti__country-list {\n    /* There is a bug that is causing the 'z-index: 2' from ng-select to conflict with this dropdown container. */\n    z-index: 3;\n  }\n","TEL_INPUT_STYLESHEET_PATH":"assets/vendor/intl-tel-input/css/intlTelInput.min.css","TEL_INPUT_UTILS_PATH":"assets/vendor/intl-tel-input/js/utils.js","TheSeamTelInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"input[seamTelInput]","exportAs":"seamTelInput"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["attr.type"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":47,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":45,"context":{"typeName":"HTMLInputElement"},"module":"./tel-input.directive"}]},{"__symbolic":"reference","module":"@theseam/ui-common/services","name":"AssetLoaderService","line":45,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":46,"character":30},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"getFullNumber":[{"__symbolic":"method"}],"_initDropdownListener":[{"__symbolic":"method"}],"isDropdownVisible":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"getHostElement":[{"__symbolic":"method"}]}},"telInputValidator":{"__symbolic":"function"},"TheSeamTelInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}]}]}],"members":{}},"TheSeamPhoneNumberPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"phoneNumber","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":28}]}],"transform":[{"__symbolic":"method"}],"_transform":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTelInputComponent":"./tel-input/tel-input.component","IntlTelInputUtilsScript":"./intl-tel-input","IntlTelInputFn":"./intl-tel-input","TEL_INPUT_ASSETS_PATH":"./tel-input-constants","TEL_INPUT_STYLES":"./tel-input-constants","TEL_INPUT_STYLESHEET_PATH":"./tel-input-constants","TEL_INPUT_UTILS_PATH":"./tel-input-constants","TheSeamTelInputDirective":"./tel-input.directive","telInputValidator":"./tel-input-validator","TheSeamTelInputModule":"./tel-input.module","TheSeamPhoneNumberPipe":"./phone-number.pipe"},"importAs":"@theseam/ui-common/tel-input"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./add-country-code"},{"from":"./coerce-phone-number-format"},{"from":"./get-country-code"},{"from":"./get-dial-code"},{"from":"./get-global-intl-tel-input-globals"},{"from":"./get-global-intl-tel-input-utils"},{"from":"./get-intl-tel-input-utils"},{"from":"./get-validation-error-message"},{"from":"./process-country-codes"}],"metadata":{"TheSeamTelInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"seam-tel-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":36,"character":13},"useExisting":{"__symbolic":"reference","name":"TheSeamTelInputComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"template":"<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\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"]}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":57,"character":12}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"_attrDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":90,"character":3},"arguments":["attr.disabled"]}]}],"_attrTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":93,"character":3},"arguments":["attr.tabindex"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"_telInputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":109,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"static":true}]}]}],"_inputDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":115,"character":3},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"InputDirective","line":115,"character":13},{"static":true}]}]}],"_inputElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":["input",{"static":true}]}]}],"_onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":123,"character":3},"arguments":["focus",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":138,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":139,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":140,"character":34},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":141,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"hasFocus":[{"__symbolic":"method"}]}},"IntlTelInputUtilsScript":{"__symbolic":"interface"},"IntlTelInputFn":{"__symbolic":"function","parameters":["node","options"],"value":{"__symbolic":"call","arguments":[{"__symbolic":"reference","name":"node"},{"__symbolic":"reference","name":"options"}]}},"TEL_INPUT_ASSETS_PATH":"assets/vendor/intl-tel-input","TEL_INPUT_STYLES":"\n  .iti { width: 100%; }\n\n  .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags.png\");}\n\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {background-image: url(\"assets/vendor/intl-tel-input/img/flags@2x.png\");}\n  }\n\n  .iti__country-list {\n    /* There is a bug that is causing the 'z-index: 2' from ng-select to conflict with this dropdown container. */\n    z-index: 3;\n  }\n","TEL_INPUT_STYLESHEET_PATH":"assets/vendor/intl-tel-input/css/intlTelInput.min.css","TEL_INPUT_UTILS_PATH":"assets/vendor/intl-tel-input/js/utils.js","TheSeamTelInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"input[seamTelInput]","exportAs":"seamTelInput"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":3},"arguments":["attr.type"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":48,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":49,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":45,"character":45,"context":{"typeName":"HTMLInputElement"},"module":"./tel-input.directive"}]},{"__symbolic":"reference","module":"@theseam/ui-common/services","name":"AssetLoaderService","line":46,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":47,"character":30},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":49,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"_tryUpdateDropdownAttributes":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"getFullNumber":[{"__symbolic":"method"}],"_initDropdownListener":[{"__symbolic":"method"}],"isDropdownVisible":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"getHostElement":[{"__symbolic":"method"}]}},"telInputValidator":{"__symbolic":"function"},"TheSeamTelInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TheSeamTelInputDirective"},{"__symbolic":"reference","name":"TheSeamTelInputComponent"},{"__symbolic":"reference","name":"TheSeamPhoneNumberPipe"}]}]}],"members":{}},"TheSeamPhoneNumberPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"phoneNumber","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":16,"character":28}]}],"transform":[{"__symbolic":"method"}],"_transform":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTelInputComponent":"./tel-input/tel-input.component","IntlTelInputUtilsScript":"./intl-tel-input","IntlTelInputFn":"./intl-tel-input","TEL_INPUT_ASSETS_PATH":"./tel-input-constants","TEL_INPUT_STYLES":"./tel-input-constants","TEL_INPUT_STYLESHEET_PATH":"./tel-input-constants","TEL_INPUT_UTILS_PATH":"./tel-input-constants","TheSeamTelInputDirective":"./tel-input.directive","telInputValidator":"./tel-input-validator","TheSeamTelInputModule":"./tel-input.module","TheSeamPhoneNumberPipe":"./phone-number.pipe"},"importAs":"@theseam/ui-common/tel-input"}

package/viewers/html-template-viewer/html-template-viewer.component.d.ts

@@ -0,0 +1,67 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+export declare class TheSeamHtmlTemplateViewerComponent implements OnInit, OnDestroy {
+    private readonly _ngZone;
+    private readonly _cdr;
+    private readonly _elementRef;
+    static ngAcceptInputType_scrollable: BooleanInput;
+    private readonly _templateMessageHandlers;
+    private _message;
+    private _dataVersion;
+    private _scrollHandleObserver;
+    get src(): string | null | undefined;
+    set src(val: string | null | undefined);
+    private _src;
+    set dataVersion(value: number | undefined | null);
+    set data(value: any);
+    set scrollable(value: boolean);
+    _scrollable: boolean;
+    set iframeElementRef(val: ElementRef<HTMLIFrameElement>);
+    private _iframeElementRef;
+    _scrollbarOptions: {
+        callbacks: {
+            onInitialized: () => void;
+            onInitializationWithdrawn: () => void;
+            onDestroyed: () => void;
+        };
+    };
+    _mouseBlockActive: boolean;
+    _mouseBlockWidth: string;
+    _mouseBlockHeight: string;
+    constructor(_ngZone: NgZone, _cdr: ChangeDetectorRef, _elementRef: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _onMessageFromTemplate;
+    private _onResizeMessageFromTemplate;
+    private _updateSrc;
+    postMessage(msg: string | undefined | null): void;
+    reload(): void;
+    _onResized(event: {
+        width: number;
+        height: number;
+    }): void;
+    private _getIFrameNativeElement;
+    private _getIFrameContentWindow;
+    /**
+     * Initializes a MutationObserver to detect the 'active' class added to a
+     * scroll handle, because OverlayScrollbars does not seem to provide an event
+     * for scrollbar handle activation/deactivation.
+     *
+     * TODO: Do we need this to work for native scrollbars also?
+     */
+    private _initScrollHandleObserver;
+    private _destroyScrollHandleObserver;
+    /**
+     * Enables a transparent div to cover the iframe.
+     *
+     * When the mouse is over an iframe the browser stops letting the parent
+     * document receive mouse events. Anything actively tracking mouse movement or
+     * button pressed will think the mouse has left the page. So the scrollbar
+     * handle would deactivate, when the mouse hovers the iframe. This adds an
+     * element to cover the iframe, which prevents mouse events getting sent to
+     * the iframe.
+     */
+    private _enableMouseBlock;
+    private _disableMouseBlock;
+    private _isScrollbarHandleActive;
+}

package/viewers/html-template-viewer/html-template-viewer.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamHtmlTemplateViewerModule {
+}

package/viewers/html-template-viewer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './html-template-viewer.component';
+export * from './html-template-viewer.module';

package/viewers/public-api.d.ts

@@ -1 +1,2 @@
 export * from './pdf-viewer';
+export * from './html-template-viewer';

package/viewers/theseam-ui-common-viewers.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./pdf-page/pdf-page.component"},{"from":"./pdf-viewer.component"},{"from":"./pdf-viewer.module"}],"metadata":{},"origins":{},"importAs":"@theseam/ui-common/viewers"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./html-template-viewer.component"},{"from":"./html-template-viewer.module"},{"from":"./pdf-viewer.module"}],"metadata":{},"origins":{},"importAs":"@theseam/ui-common/viewers"}