@theseam/ui-common 0.2.9

package/table-cell-types/table-cell-type-string/table-cell-type-string-config.d.ts

@@ -0,0 +1,10 @@
+import { DynamicActionLinkDef, DynamicActionModalDef, DynamicValue } from '@theseam/ui-common/dynamic';
+import { TableCellTypeConfig } from '@theseam/ui-common/table-cell-type';
+export declare type TableCellTypeStringConfigAction = DynamicActionLinkDef | DynamicActionModalDef;
+export interface TableCellTypeConfigString extends TableCellTypeConfig<'string'> {
+    action?: TableCellTypeStringConfigAction;
+    /**
+     * Element title attribute.
+     */
+    titleAttr?: DynamicValue<string>;
+}

package/table-cell-types/table-cell-type-string/table-cell-type-string.component.d.ts

@@ -0,0 +1,45 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { DatatableComponent } from '@theseam/ui-common/datatable';
+import { TableComponent } from '@theseam/ui-common/table';
+import { TableCellTypesHelpersService } from '@theseam/ui-common/table-cell-type';
+import type { TableCellData, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
+import { TableCellTypeConfigString, TableCellTypeStringConfigAction } from './table-cell-type-string-config';
+export declare type StringTemplateType = 'default' | 'link' | 'link-external' | 'link-encrypted' | 'button';
+export declare class TableCellTypeStringComponent implements OnInit, OnDestroy {
+    private readonly _cdf;
+    private readonly _tableCellTypeHelpers;
+    private _datatable?;
+    private _table?;
+    readonly _tableData?: TableCellData<"string", TableCellTypeConfigString, any, any> | undefined;
+    private readonly _ngUnsubscribe;
+    get value(): string | null | undefined;
+    set value(val: string | null | undefined);
+    _value: string | null | undefined;
+    get config(): TableCellTypeConfigString | undefined | null;
+    set config(value: TableCellTypeConfigString | undefined | null);
+    private _config;
+    _tplType: StringTemplateType;
+    _link?: string;
+    _title?: string;
+    _queryParams?: {
+        [k: string]: any;
+    };
+    _buttonAction?: TableCellTypeStringConfigAction;
+    _tableCellData?: TableCellData<'string', TableCellTypeConfigString>;
+    _row?: any;
+    _rowIndex?: number;
+    _colData?: TheSeamTableColumn<'string', TableCellTypeConfigString>;
+    _download?: boolean;
+    _detectMimeContent?: boolean;
+    set title(value: string | undefined);
+    get title(): string | undefined;
+    get _titleAttr(): string | null | undefined;
+    canPopover: boolean;
+    constructor(_cdf: ChangeDetectorRef, _tableCellTypeHelpers: TableCellTypesHelpersService, _datatable?: DatatableComponent | undefined, _table?: TableComponent<any> | undefined, _tableData?: TableCellData<"string", TableCellTypeConfigString, any, any> | undefined);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setAction(configAction?: TableCellTypeStringConfigAction): void;
+    private _parseConfigValue;
+    _doButtonAction(): void;
+    private _actionRefreshRequest;
+}

package/table-cell-types/table-cell-types.module.d.ts

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

package/table-cell-types/theseam-ui-common-table-cell-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { TableCellTypeConfigProgressCircleIcon as ɵb } from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon-config';
+export { TableCellTypeConfigProgressCircle as ɵa } from './table-cell-type-progress-circle/table-cell-type-progress-circle-config';

package/table-cell-types/theseam-ui-common-table-cell-types.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TABLE_CELL_TYPE_MANIFEST_STRING":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":11,"character":11},"useValue":{"name":"string","component":{"__symbolic":"reference","name":"TableCellTypeStringComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_INTEGER":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":20,"character":11},"useValue":{"name":"integer","component":{"__symbolic":"reference","name":"TableCellTypeStringComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_DECIMAL":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":29,"character":11},"useValue":{"name":"decimal","component":{"__symbolic":"reference","name":"TableCellTypeStringComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_DATE":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":38,"character":11},"useValue":{"name":"date","component":{"__symbolic":"reference","name":"TableCellTypeDateComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_ICON":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":47,"character":11},"useValue":{"name":"icon","component":{"__symbolic":"reference","name":"TableCellTypeIconComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_IMAGE":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":56,"character":11},"useValue":{"name":"image","component":{"__symbolic":"reference","name":"TableCellTypeIconComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":65,"character":11},"useValue":{"name":"progress-circle","component":{"__symbolic":"reference","name":"TableCellTypeProgressCircleComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":74,"character":11},"useValue":{"name":"progress-circle-icon","component":{"__symbolic":"reference","name":"TableCellTypeProgressCircleIconComponent"}},"multi":true},"TABLE_CELL_TYPE_MANIFEST_PHONE":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_TYPE_MANIFEST","line":83,"character":11},"useValue":{"name":"phone","component":{"__symbolic":"reference","name":"TableCellTypePhoneComponent"}},"multi":true},"TableCellTypeConfigDate":{"__symbolic":"interface"},"TableCellTypeDateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"seam-table-cell-type-date","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<div class=\"td-text-truncate\" [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":24,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":24,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":18},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":24,"character":68,"module":"./table-cell-type-date/table-cell-type-date.component"},{"__symbolic":"reference","name":"TableCellTypeConfigDate"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TableCellTypeDate":{"__symbolic":"interface"},"TableCellTypeDecimalConfig":{"__symbolic":"interface"},"TableCellTypeIconConfigAction":{"__symbolic":"interface"},"TableCellTypeConfigIcon":{"__symbolic":"interface"},"IconTemplateType":{"__symbolic":"interface"},"TableCellTypeIconComponent":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"seam-table-cell-type-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n","styles":[":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:calc(50px)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"_isDatatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":92,"character":3},"arguments":["class.datatable-cell-type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":97,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":98,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":99,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":99,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":95,"character":18},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TableCellTypesHelpersService","line":96,"character":35},{"__symbolic":"reference","module":"@theseam/ui-common/datatable","name":"DatatableComponent","line":97,"character":37},{"__symbolic":"reference","module":"@theseam/ui-common/table","name":"TableComponent","line":98,"character":33},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":99,"character":68,"module":"./table-cell-type-icon/table-cell-type-icon.component"},{"__symbolic":"reference","name":"TableCellTypeConfigIcon"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"_parseConfigValue":[{"__symbolic":"method"}],"_doButtonAction":[{"__symbolic":"method"}],"_actionRefreshRequest":[{"__symbolic":"method"}]}},"TableCellTypeProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"seam-table-cell-type-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n","styles":[":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:calc(-.03rem) auto 0}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"_isDatatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.datatable-cell-type"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":69,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":71,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":71,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":71,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":67,"character":18},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TableCellTypesHelpersService","line":68,"character":35},{"__symbolic":"reference","module":"@theseam/ui-common/datatable","name":"DatatableComponent","line":69,"character":37},{"__symbolic":"reference","module":"@theseam/ui-common/table","name":"TableComponent","line":70,"character":33},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":71,"character":68,"module":"./table-cell-type-progress-circle/table-cell-type-progress-circle.component"},{"__symbolic":"reference","name":"ɵa"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_parseConfigValue":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"_setCellTypeConfigProps":[{"__symbolic":"method"}],"_doButtonAction":[{"__symbolic":"method"}],"_actionRefreshRequest":[{"__symbolic":"method"}]}},"TableCellTypeProgressCircleIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-table-cell-type-progress-circle-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<seam-table-cell-type-selector\n  *ngIf=\"displayIcon; else progressCircle\"\n  type=\"icon\"\n  [value]=\"icon\"\n  [rowIndex]=\"rowIndex\"\n  [row]=\"row\"\n  [colData]=\"colData\"></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n  <seam-table-cell-type-selector\n    type=\"progress-circle\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</ng-template>\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":32,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":18},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TableCellTypesHelpersService","line":31,"character":35},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":32,"character":68,"module":"./table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component"},{"__symbolic":"reference","name":"ɵb"}]}]}],"_setIcon":[{"__symbolic":"method"}],"_parseConfigValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TableCellTypeIntegerConfig":{"__symbolic":"interface"},"TableCellTypeConfigPhone":{"__symbolic":"interface"},"TableCellTypePhoneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"seam-table-cell-type-phone","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"((value || '') | phoneNumber: _format) as num\">\n  <div class=\"td-text-truncate\" [title]=\"num\">\n    {{ num }}\n  </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":33,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":18},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":33,"character":68,"module":"./table-cell-type-phone/table-cell-type-phone.component"},{"__symbolic":"reference","name":"TableCellTypeConfigPhone"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TableCellTypeStringConfigAction":{"__symbolic":"interface"},"TableCellTypeConfigString":{"__symbolic":"interface"},"StringTemplateType":{"__symbolic":"interface"},"TableCellTypeStringComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"seam-table-cell-type-string","host":{},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"template":"<ng-template #popoverTpl>\n  {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n  <div class=\"text-truncate\">\n    {{ value }}\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </div>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [attr.title]=\"_title\"\n    (click)=\"_doButtonAction()\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"_titleAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["attr.title"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":85,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":86,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":87,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TABLE_CELL_DATA","line":87,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":27},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TableCellTypesHelpersService","line":84,"character":44},{"__symbolic":"reference","module":"@theseam/ui-common/datatable","name":"DatatableComponent","line":85,"character":37},{"__symbolic":"reference","module":"@theseam/ui-common/table","name":"TableComponent","line":86,"character":33},{"__symbolic":"reference","name":"TableCellData","module":"@theseam/ui-common/table-cell-type","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":87,"character":77,"module":"./table-cell-type-string/table-cell-type-string.component"},{"__symbolic":"reference","name":"TableCellTypeConfigString"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setAction":[{"__symbolic":"method"}],"_parseConfigValue":[{"__symbolic":"method"}],"_doButtonAction":[{"__symbolic":"method"}],"_actionRefreshRequest":[{"__symbolic":"method"}]}},"TheSeamTableCellTypesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":56,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TableCellTypeStringComponent"},{"__symbolic":"reference","name":"TableCellTypeDateComponent"},{"__symbolic":"reference","name":"TableCellTypeIconComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleIconComponent"},{"__symbolic":"reference","name":"TableCellTypePhoneComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":61,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbTooltipModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":63,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":64,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":66,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/popover","name":"TheSeamPopoverModule","line":67,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/progress","name":"TheSeamProgressModule","line":68,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/tel-input","name":"TheSeamTelInputModule","line":69,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/asset-reader","name":"TheSeamAssetReaderModule","line":70,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":71,"character":4}],"providers":[{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_STRING"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_INTEGER"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_DECIMAL"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_DATE"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_ICON"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_IMAGE"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON"},{"__symbolic":"reference","name":"TABLE_CELL_TYPE_MANIFEST_PHONE"}],"exports":[{"__symbolic":"reference","name":"TableCellTypeStringComponent"},{"__symbolic":"reference","name":"TableCellTypeDateComponent"},{"__symbolic":"reference","name":"TableCellTypeIconComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleIconComponent"},{"__symbolic":"reference","name":"TableCellTypePhoneComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TableCellTypeStringComponent"},{"__symbolic":"reference","name":"TableCellTypeDateComponent"},{"__symbolic":"reference","name":"TableCellTypeIconComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleComponent"},{"__symbolic":"reference","name":"TableCellTypeProgressCircleIconComponent"},{"__symbolic":"reference","name":"TableCellTypePhoneComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"interface"}},"origins":{"TABLE_CELL_TYPE_MANIFEST_STRING":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_INTEGER":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_DECIMAL":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_DATE":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_ICON":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_IMAGE":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON":"./table-cell-type-manifests","TABLE_CELL_TYPE_MANIFEST_PHONE":"./table-cell-type-manifests","TableCellTypeConfigDate":"./table-cell-type-date/table-cell-type-date-config","TableCellTypeDateComponent":"./table-cell-type-date/table-cell-type-date.component","TableCellTypeDate":"./table-cell-type-date/table-cell-type-date","TableCellTypeDecimalConfig":"./table-cell-type-decimal/table-cell-type-decimal-config","TableCellTypeIconConfigAction":"./table-cell-type-icon/table-cell-type-icon-config","TableCellTypeConfigIcon":"./table-cell-type-icon/table-cell-type-icon-config","IconTemplateType":"./table-cell-type-icon/table-cell-type-icon.component","TableCellTypeIconComponent":"./table-cell-type-icon/table-cell-type-icon.component","TableCellTypeProgressCircleComponent":"./table-cell-type-progress-circle/table-cell-type-progress-circle.component","TableCellTypeProgressCircleIconComponent":"./table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component","TableCellTypeIntegerConfig":"./table-cell-type-integer/table-cell-type-integer-config","TableCellTypeConfigPhone":"./table-cell-type-phone/table-cell-type-phone-config","TableCellTypePhoneComponent":"./table-cell-type-phone/table-cell-type-phone.component","TableCellTypeStringConfigAction":"./table-cell-type-string/table-cell-type-string-config","TableCellTypeConfigString":"./table-cell-type-string/table-cell-type-string-config","StringTemplateType":"./table-cell-type-string/table-cell-type-string.component","TableCellTypeStringComponent":"./table-cell-type-string/table-cell-type-string.component","TheSeamTableCellTypesModule":"./table-cell-types.module","ɵa":"./table-cell-type-progress-circle/table-cell-type-progress-circle-config","ɵb":"./table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon-config"},"importAs":"@theseam/ui-common/table-cell-types"}

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

@@ -0,0 +1,300 @@
+/**
+ * Partial types for intl-tel-input-utils
+ */
+export declare namespace intlTelInputUtils {
+    interface CountryData {
+        name: string;
+        iso2: string;
+        dialCode: string;
+        areaCodes: string[] | null;
+        priority: number;
+    }
+    enum numberFormat {
+        E164 = 0,
+        INTERNATIONAL = 1,
+        NATIONAL = 2,
+        RFC3966 = 3
+    }
+    enum numberType {
+        FIXED_LINE = 0,
+        MOBILE = 1,
+        FIXED_LINE_OR_MOBILE = 2,
+        TOLL_FREE = 3,
+        PREMIUM_RATE = 4,
+        SHARED_COST = 5,
+        VOIP = 6,
+        PERSONAL_NUMBER = 7,
+        PAGER = 8,
+        UAN = 9,
+        VOICEMAIL = 10,
+        UNKNOWN = -1
+    }
+    enum validationError {
+        IS_POSSIBLE = 0,
+        INVALID_COUNTRY_CODE = 1,
+        TOO_SHORT = 2,
+        TOO_LONG = 3,
+        NOT_A_NUMBER = 4
+    }
+    type placeholderNumberType = 'FIXED_LINE_OR_MOBILE' | 'FIXED_LINE' | 'MOBILE' | 'PAGER' | 'PERSONAL_NUMBER' | 'PREMIUM_RATE' | 'SHARED_COST' | 'TOLL_FREE' | 'UAN' | 'UNKNOWN' | 'VOICEMAIL' | 'VOIP';
+}
+export interface IntlTelInputUtilsScript {
+    numberFormat: intlTelInputUtils.numberFormat;
+    numberType: intlTelInputUtils.numberType;
+    validationError: intlTelInputUtils.validationError;
+    /**
+     * Format the given number to the given format.
+     */
+    formatNumber(number: string, countryCode: string, format: intlTelInputUtils.numberFormat): string;
+    /**
+     * Get an example number for the given country code.
+     */
+    getExampleNumber(countryCode: string, national: boolean, numberType: intlTelInputUtils.numberType): string;
+    /**
+     * Get the extension from the given number.
+     */
+    getExtension(number: string, countryCode: string): string;
+    /**
+     * Get the type of the given number e.g. fixed-line/mobile.
+     */
+    getNumberType(number: string, countryCode: string): intlTelInputUtils.numberType;
+    /**
+     * Get more info if the validation has failed e.g. too long/too short.
+     */
+    getValidationError(number: string, countryCode: string): intlTelInputUtils.validationError;
+    /**
+     * Check if given number is valid.
+     */
+    isValidNumber(number: string, countryCode: string): boolean;
+}
+/**
+ * Partial types for intl-tel-input
+ */
+export declare namespace IntlTelInput {
+    interface Static {
+        /**
+         * Default options for all instances
+         */
+        defaults: Options;
+        /**
+         * Get all of the plugin's country data - either to re-use elsewhere
+         * e.g. to populate a country dropdown.
+         */
+        getCountryData(): intlTelInputUtils.CountryData[];
+        /**
+         * Load the utils.js script (included in the lib directory) to enable
+         * formatting/validation etc.
+         */
+        loadUtils(path: string, utilsScriptDeferred?: boolean): Promise<void>;
+    }
+    interface Plugin {
+        promise: Promise<void>;
+        /**
+         * Remove the plugin from the input, and unbind any event listeners.
+         */
+        destroy(): void;
+        /**
+         * Get the extension from the current number.
+         * Requires the utilsScript option.
+         * e.g. if the input value was "(702) 555-5555 ext. 1234", this would
+         * return "1234".
+         */
+        getExtension(): string;
+        /**
+         * Get the current number in the given format (defaults to E.164 standard).
+         * The different formats are available in the enum
+         * intlTelInputUtils.numberFormat - taken from here.
+         * Requires the utilsScript option.
+         * Note that even if nationalMode is enabled, this can still return a full
+         * international number.
+         * @param numberFormat the format in which the number will be returned.
+         */
+        getNumber(numberFormat?: intlTelInputUtils.numberFormat): string;
+        /**
+         * Get the type (fixed-line/mobile/toll-free etc) of the current number.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum intlTelInputUtils.numberType.
+         * Note that in the US there's no way to differentiate between fixed-line and
+         * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.
+         */
+        getNumberType(): intlTelInputUtils.numberType;
+        /**
+         * Get the country data for the currently selected flag.
+         */
+        getSelectedCountryData(): intlTelInputUtils.CountryData;
+        /**
+         * Get more information about a validation error.
+         * Requires the utilsScript option.
+         * Returns an integer, which you can match against the various options in the
+         * global enum ValidationError
+         */
+        getValidationError(): intlTelInputUtils.validationError;
+        /**
+         * Validate the current number. Expects an internationally formatted number
+         * (unless nationalMode is enabled). If validation fails, you can use
+         * getValidationError to get more information.
+         * Requires the utilsScript option.
+         * Also see getNumberType if you want to make sure the user enters a certain
+         * type of number e.g. a mobile number.
+         */
+        isValidNumber(): boolean;
+        /**
+         * Change the country selection (e.g. when the user is entering their address).
+         * @param countryCode country code of the country to be set.
+         */
+        setCountry(countryCode: string): void;
+        /**
+         * Insert a number, and update the selected flag accordingly.
+         * Note that by default, if nationalMode is enabled it will try to use
+         * national formatting.
+         * @param aNumber number to be set.
+         */
+        setNumber(aNumber: string): void;
+        /**
+         * Set the type of the placeholder number
+         * @param type Placeholder number type to be set
+         */
+        setPlaceholderNumberType(type: intlTelInputUtils.placeholderNumberType): void;
+    }
+    interface Options {
+        /**
+         * Whether or not to allow the dropdown. If disabled, there is no dropdown
+         * arrow, and the selected flag is not clickable. Also we display the
+         * selected flag on the right instead because it is just a marker of state.
+         * Default = true
+         */
+        allowDropdown?: boolean;
+        /**
+         * If there is just a dial code in the input: remove it on blur or submit,
+         * and re-add it on focus. This is to prevent just a dial code getting
+         * submitted with the form. Requires nationalMode to be set to false.
+         * Default = true
+         */
+        autoHideDialCode?: boolean;
+        /**
+         * Set the input's placeholder to an example number for the selected country, and update it if the country changes.
+         * You can specify the number type using the placeholderNumberType option.
+         * By default it is set to "polite", which means it will only set the placeholder if the input doesn't already have one.
+         * You can also set it to "aggressive", which will replace any existing placeholder, or "off".
+         * Requires the utilsScript option.
+         * Default = "polite"
+         */
+        autoPlaceholder?: 'off' | 'polite' | 'aggressive';
+        /**
+         * Change the placeholder generated by autoPlaceholder. Must return a string.
+         * Default = null
+         */
+        customPlaceholder?: (selectedCountryPlaceholder: string, selectedCountryData: intlTelInputUtils.CountryData) => string;
+        /**
+         * Expects a node e.g. document.body. Instead of putting the country dropdown next to the input,
+         * append it to the specified node, and it will then be positioned absolutely next to the input using JavaScript.
+         * This is useful when the input is inside a container with overflow: hidden.
+         * Note that the absolute positioning can be broken by scrolling, so it will automatically close on the window scroll event.
+         * Default = null
+         */
+        dropdownContainer?: Node;
+        /**
+         * In the dropdown, display all countries except the ones you specify here.
+         * Default = null
+         */
+        excludeCountries?: string[];
+        /**
+         * Format the input value (according to the nationalMode option) during initialisation, and on setNumber.
+         * Requires the utilsScript option.
+         * Default = true
+         */
+        formatOnDisplay?: boolean;
+        /**
+         * When setting initialCountry to "auto", you must use this option to
+         * specify a custom function that looks up the user's location,
+         * and then calls the success callback with the relevant country code.
+         * Also note that when instantiating the plugin, if the Promise object is defined,
+         * one of those is returned under the promise instance property, so you can
+         * do something like iti.promise.then(callback) to know when initialisation requests like this have completed.
+         * Default = null
+         */
+        geoIpLookup?: (callback: (countryCode: string) => void) => void;
+        /**
+         * Add a hidden input with the given name (or if your input name
+         * contains square brackets then it will give the hidden input the same
+         * name, replacing the contents of the brackets with the given name). On
+         * submit, populate it with the full international number (using
+         * getNumber). This is a quick way for people using non-ajax forms to
+         * get the full international number, even when nationalMode is enabled.
+         * Note: requires the input to be inside a form element, as this feature
+         * works by listening for the submit event on the closest form element.
+         * Also note that since this uses getNumber internally, it expects a
+         * valid number, and so should only be used after validation. Default =
+         * ""
+         */
+        hiddenInput?: string;
+        /**
+         * Set the initial country selection by specifying it's country code.
+         * You can also set it to "auto", which will lookup the user's country based
+         * on their IP address (requires the geoIpLookup option).
+         * Note that the "auto" option will not update the country selection if the
+         * input already contains a number. If you leave initialCountry blank,
+         * it will default to the first country in the list.
+         */
+        initialCountry?: string;
+        /**
+         * Allows to translate the countries by its given iso code e.g.: { 'de': 'Deutschland' }
+         * Default = {}
+         */
+        localizedCountries?: object;
+        /**
+         * Allow users to enter national numbers (and not have to think about
+         * international dial codes). Formatting, validation and placeholders still
+         * work. Then you can use getNumber to extract a full international number.
+         * This option now defaults to true, and it is recommended that you leave it
+         * that way as it provides a better experience for the user.
+         * Default = true
+         */
+        nationalMode?: boolean;
+        /**
+         * In the dropdown, display only the countries you specify.
+         * Default = undefined
+         */
+        onlyCountries?: string[];
+        /**
+         * Specify one of the keys from the global enum intlTelInputUtils.numberType
+         * e.g. "FIXED_LINE" to set the number type to use for the placeholder.
+         * Default = MOBILE
+         */
+        placeholderNumberType?: intlTelInputUtils.placeholderNumberType;
+        /**
+         * Specify the countries to appear at the top of the list.
+         * Default = ["us", "gb"]
+         */
+        preferredCountries?: string[];
+        /**
+         * Display the country dial code next to the selected flag so it's not part
+         * of the typed number. Note that this will disable nationalMode because
+         * technically we are dealing with international numbers, but with the
+         * dial code separated.
+         * Default = false
+         */
+        separateDialCode?: boolean;
+        /**
+         * Enable formatting/validation etc. by specifying the URL of the
+         * included utils.js script (or alternatively just point it to the file
+         * on cdnjs.com). The script is fetched when the page has finished
+         * loading (on the window load event) to prevent blocking (the script is
+         * ~215KB). When instantiating the plugin, if the Promise object is
+         * defined, one of those is returned under the promise instance
+         * property, so you can do something like iti.promise.then(callback) to
+         * know when initialisation requests like this have finished. Note that
+         * if you're lazy loading the plugin script itself (intlTelInput.js)
+         * this will not work and you will need to use the loadUtils method
+         * instead. Example: "build/js/utils.js" Default = ""
+         */
+        utilsScript?: string;
+    }
+}
+/**
+ * Initialise the plugin with optional options.
+ * @param options options that can be provided during initialization.
+ */
+export declare function IntlTelInputFn(node: Element, options?: IntlTelInput.Options): IntlTelInput.Plugin;
+export default IntlTelInputFn;

package/tel-input/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tel-input-country-data';
+export * from './tel-input-number-format-name';

package/tel-input/models/tel-input-country-data.d.ts

@@ -0,0 +1,9 @@
+export interface TelInputCountryData {
+    dialCodes: {
+        [dialCode: string]: boolean;
+    };
+    countryCodes: {
+        [dialCode: string]: string[];
+    };
+    countryCodeMaxLen: number;
+}

package/tel-input/models/tel-input-number-format-name.d.ts

@@ -0,0 +1,4 @@
+import { intlTelInputUtils } from '../intl-tel-input';
+export declare const TelInputNumberFormatName: {
+    [name: string]: intlTelInputUtils.numberFormat;
+};

package/tel-input/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-tel-input.umd.js",
+  "module": "../fesm2015/theseam-ui-common-tel-input.js",
+  "es2015": "../fesm2015/theseam-ui-common-tel-input.js",
+  "esm2015": "../esm2015/tel-input/theseam-ui-common-tel-input.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-tel-input.js",
+  "typings": "theseam-ui-common-tel-input.d.ts",
+  "metadata": "theseam-ui-common-tel-input.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/tel-input"
+}

package/tel-input/phone-number.pipe.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef, PipeTransform } from '@angular/core';
+import { TheSeamNumberFormatsInput } from './utils';
+export declare class TheSeamPhoneNumberPipe implements PipeTransform {
+    private _cdr;
+    private _latestPhoneNumber;
+    private _latestNumberFormat;
+    private _latestValue;
+    constructor(_cdr: ChangeDetectorRef);
+    transform(phoneNumber: string, numberFormat?: TheSeamNumberFormatsInput): any;
+    _transform(phoneNumber: string, numberFormat: TheSeamNumberFormatsInput): Promise<void>;
+}

package/tel-input/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './tel-input/tel-input.component';
+export * from './models';
+export * from './utils';
+export * from './intl-tel-input';
+export * from './tel-input-constants';
+export * from './tel-input.directive';
+export * from './tel-input-validator';
+export * from './tel-input.module';
+export * from './phone-number.pipe';

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

@@ -0,0 +1,83 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { InputDirective } from '@theseam/ui-common/form-field';
+import { TheSeamTelInputDirective } from '../tel-input.directive';
+export declare class TheSeamTelInputComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    private readonly _changeDetectorRef;
+    private readonly _injector;
+    private readonly _elementRef;
+    private readonly _focusMonitor;
+    static ngAcceptInputType_required: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
+    /** @ignore */
+    private readonly _ngUnsubscribe;
+    /** @ignore */
+    readonly _control: FormControl;
+    private _focusOrigin;
+    _hasInvalidCss$: Observable<boolean>;
+    required: boolean;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** @ignore */
+    private _disabled;
+    /**
+     * Set the tab index to `-1` to allow the root element of the
+     * component to receive `focus` event from javascript, but not get focused by
+     * keyboard navigation.
+     */
+    set tabIndex(value: number);
+    get tabIndex(): number;
+    private _tabIndex;
+    get _attrDisabled(): true | null;
+    get _attrTabIndex(): number;
+    /** Name value will be applied to the input element if present */
+    name: string | undefined | null;
+    /** The value attribute of the native input element */
+    value: string | undefined | null;
+    /** Event emitted when the "tel" input value changes. */
+    readonly change: EventEmitter<string>;
+    /**
+     * The telInput directive
+     * @ignore
+     */
+    _telInputDirective?: TheSeamTelInputDirective;
+    /**
+     * The telInput directive
+     * @ignore
+     */
+    _inputDirective?: InputDirective;
+    /**
+     * The native `<input type="tel">` element
+     * @ignore
+     */
+    _inputElementRef?: ElementRef<HTMLInputElement>;
+    _onFocus(): void;
+    /**
+     * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
+     * @ignore
+     */
+    _onTouched: () => any;
+    /** @ignore */
+    private _controlValueAccessorChangeFn;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _injector: Injector, _elementRef: ElementRef, _focusMonitor: FocusMonitor);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    writeValue(value: any): void;
+    /** @ignore */
+    registerOnChange(fn: (value: any) => void): void;
+    /** @ignore */
+    registerOnTouched(fn: any): void;
+    /** @ignore */
+    setDisabledState(isDisabled: boolean): void;
+    /** Focuses the input. */
+    focus(): void;
+    /** Unfocuses the input. */
+    blur(): void;
+    hasFocus(): boolean;
+}