npm - @theseam/ui-common - Versions diffs - 0.2.9 - Mend

@theseam/ui-common 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1567) hide show

package/fesm2015/theseam-ui-common-table-cell-types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theseam-ui-common-table-cell-types.js","sources":["../../../projects/ui-common/table-cell-types/table-cell-type-date/table-cell-type-date.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-icon/table-cell-type-icon.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-phone/table-cell-type-phone.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-progress-circle/table-cell-type-progress-circle.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-string/table-cell-type-string.component.ts","../../../projects/ui-common/table-cell-types/table-cell-type-manifests.ts","../../../projects/ui-common/table-cell-types/table-cell-types.module.ts","../../../projects/ui-common/table-cell-types/theseam-ui-common-table-cell-types.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData } from '@theseam/ui-common/table-cell-type'\n\nimport { TableCellTypeConfigDate } from './table-cell-type-date-config'\n\n@Component({\n selector: 'seam-table-cell-type-date',\n templateUrl: './table-cell-type-date.component.html',\n styleUrls: ['./table-cell-type-date.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeDateComponent implements OnInit, OnDestroy {\n\n private readonly _ngUnsubscribe = new Subject()\n\n @Input() value: string | undefined | null\n @Input() format: string | undefined | null\n\n constructor(\n private _cdf: ChangeDetectorRef,\n @Optional() @Inject(TABLE_CELL_DATA) _tableData?: TableCellData<'date', TableCellTypeConfigDate>\n ) {\n const _data = _tableData\n\n this.value = _data && _data.value\n this.format = _data && _data.colData && _data.colData.cellTypeConfig && _data.colData.cellTypeConfig.format\n\n if (_data) {\n _data.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = v.changes.value.currentValue\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n const colData = v.changes.colData.currentValue\n if (colData && colData.format !== this.format) {\n this.format = colData.format\n } else {\n this.format = undefined\n }\n this._cdf.markForCheck()\n }\n })\n }\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Optional\n} from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DatatableComponent } from '@theseam/ui-common/datatable'\nimport { getKnownIcon, SeamIcon, TheSeamIconType } from '@theseam/ui-common/icon'\nimport { TableComponent } from '@theseam/ui-common/table'\nimport { TableCellTypesHelpersService, TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type'\n\nimport { TableCellTypeConfigIcon, TableCellTypeIconConfigAction } from './table-cell-type-icon-config'\n\nexport type IconTemplateType = 'default' | 'link' | 'link-external' | 'link-encrypted' | 'button'\n\n@Component({\n selector: 'seam-table-cell-type-icon',\n templateUrl: './table-cell-type-icon.component.html',\n styleUrls: ['./table-cell-type-icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeIconComponent<R = any, V = any> implements OnInit, OnDestroy {\n\n private readonly _ngUnsubscribe = new Subject()\n\n @Input()\n get value() { return this._value }\n set value(value: string | undefined | null) {\n this._value = value\n this._icon = value ? getKnownIcon(value) || value : value\n }\n private _value: string | undefined | null\n\n @Input()\n get config() { return this._config }\n set config(value: TableCellTypeConfigIcon | undefined | null) {\n this._config = value\n if (value) {\n this.setAction(value.action)\n this._linkClass = this._parseConfigValue(value.linkClass)\n this._iconClass = this._parseConfigValue(value.iconClass)\n this._iconType = value.iconType\n this._title = this._parseConfigValue(value.titleAttr)\n this._srOnly = this._parseConfigValue(value.srOnly)\n this._tooltip = this._parseConfigValue(value.tooltip)\n if (this._tooltip) {\n this._tooltipClass = this._parseConfigValue(value.tooltipClass)\n this._tooltipPlacement = this._parseConfigValue(value.tooltipPlacement) || 'auto'\n this._tooltipContainer = this._parseConfigValue(value.tooltipContainer)\n this._tooltipDisabled = false\n } else {\n this._tooltipDisabled = true\n }\n }\n }\n private _config: TableCellTypeConfigIcon | undefined | null\n\n _icon: SeamIcon | undefined | null\n _link?: string\n _queryParams?: { [k: string]: any }\n _tplType: IconTemplateType = 'default'\n _title?: string\n _srOnly?: string\n _linkClass?: string\n _iconClass?: string\n _iconType?: TheSeamIconType\n _target?: string\n _tooltip?: string\n _tooltipClass?: string\n _tooltipPlacement?: string\n _tooltipContainer?: string\n _tooltipDisabled: boolean = true\n\n _buttonAction?: TableCellTypeIconConfigAction\n\n _tableCellData?: TableCellData<'icon', TableCellTypeConfigIcon>\n _row?: any\n _rowIndex?: number\n _colData?: TheSeamTableColumn<'icon', TableCellTypeConfigIcon>\n\n _download?: boolean\n _detectMimeContent?: boolean\n\n @HostBinding('class.datatable-cell-type') _isDatatable = false\n\n constructor(\n private _cdf: ChangeDetectorRef,\n private _tableCellTypeHelpers: TableCellTypesHelpersService,\n @Optional() private _datatable?: DatatableComponent,\n @Optional() private _table?: TableComponent,\n @Optional() @Inject(TABLE_CELL_DATA) _tableData?: TableCellData<'icon', TableCellTypeConfigIcon>\n ) {\n if (_datatable) {\n this._isDatatable = true\n // console.log('isDataTable')\n }\n // if (_table) {\n // console.log('isTable')\n // }\n\n const _data = _tableData\n this._tableCellData = _tableData\n\n this._row = _data && _data.row\n this._rowIndex = _data && _data.rowIndex\n\n this.value = _data && _data.value\n this._colData = _data && _data.colData\n if (_data && _data.colData && (<any>_data.colData).cellTypeConfig) {\n this.config = (<any>_data.colData).cellTypeConfig\n }\n\n if (_data) {\n _data.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = v.changes.value.currentValue\n this.config = this._config\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n const colData = v.changes.colData.currentValue\n if (colData && colData.cellTypeConfig !== this.config) {\n this.config = colData.cellTypeConfig\n } else {\n this.config = undefined\n }\n this._cdf.markForCheck()\n } else {\n if (v.changes.hasOwnProperty('row')) {\n this.config = this.config\n this._cdf.markForCheck()\n }\n }\n })\n }\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n public setAction(configAction?: TableCellTypeIconConfigAction) {\n let newTplType: IconTemplateType = 'default'\n let link: string | undefined\n let download: boolean = false\n let detectMimeContent = false\n let target: string | undefined\n let queryParams: { [l: string]: any } | undefined\n\n if (configAction) {\n if (configAction.type === 'link') {\n link = this._parseConfigValue(configAction.link)\n if (link !== undefined && link !== null) {\n newTplType = this._parseConfigValue(configAction.asset)\n ? 'link-encrypted'\n : this._parseConfigValue(configAction.external) ? 'link-external' : 'link'\n download = !!this._parseConfigValue(configAction.download)\n detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent)\n target = this._parseConfigValue(configAction.target)\n queryParams = this._parseConfigValue(configAction.queryParams)\n }\n } else if (configAction.type === 'modal') {\n newTplType = 'button'\n this._buttonAction = configAction\n }\n }\n\n this._tplType = newTplType\n this._link = link\n this._download = download\n this._detectMimeContent = detectMimeContent\n this._target = target\n this._queryParams = queryParams\n }\n\n private _parseConfigValue(val: any) {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, this._tableCellData)\n return this._tableCellTypeHelpers.parseValueProp(val, contextFn)\n }\n\n _doButtonAction() {\n if (this._buttonAction && this._buttonAction.type === 'modal') {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData)\n this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)\n .subscribe(\n r => {},\n err => console.error(err),\n () => this._actionRefreshRequest()\n )\n }\n }\n\n private _actionRefreshRequest() {\n if (this._datatable) {\n this._datatable.triggerActionRefreshRequest()\n } else if (this._table) {\n this._table.triggerActionRefreshRequest()\n }\n }\n\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData } from '@theseam/ui-common/table-cell-type'\nimport { coercePhoneNumberFormat, THESEAM_DEFAULT_PHONE_NUMBER_FORMAT } from '@theseam/ui-common/tel-input'\nimport type { intlTelInputUtils } from '@theseam/ui-common/tel-input'\nimport { hasProperty } from '@theseam/ui-common/utils'\n\nimport { TableCellTypeConfigPhone } from './table-cell-type-phone-config'\n\n@Component({\n selector: 'seam-table-cell-type-phone',\n templateUrl: './table-cell-type-phone.component.html',\n styleUrls: ['./table-cell-type-phone.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypePhoneComponent implements OnInit, OnDestroy {\n\n /** @ignore */\n private readonly _ngUnsubscribe = new Subject()\n\n /** @ignore */\n _format: intlTelInputUtils.numberFormat = THESEAM_DEFAULT_PHONE_NUMBER_FORMAT\n\n @Input() value?: string | null\n @Input()\n set format(value: intlTelInputUtils.numberFormat) { this._format = coercePhoneNumberFormat(value) }\n get format() { return this._format }\n\n constructor(\n private _cdf: ChangeDetectorRef,\n @Optional() @Inject(TABLE_CELL_DATA) _tableData?: TableCellData<'phone', TableCellTypeConfigPhone>\n ) {\n const _data = _tableData\n\n this.value = _data && _data.value\n if (_data && _data.colData && _data.colData.cellTypeConfig && hasProperty(_data.colData.cellTypeConfig, 'format')) {\n this.format = _data.colData.cellTypeConfig.format as intlTelInputUtils.numberFormat\n }\n\n if (_data) {\n _data.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = v.changes.value.currentValue\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n const colData = v.changes.colData.currentValue\n if (colData && hasProperty(colData, 'cellTypeConfig') &&\n hasProperty(colData.cellTypeConfig, 'format') &&\n colData.cellTypeConfig.format !== this.format\n ) {\n this.format = colData.cellTypeConfig.format\n } else {\n this.format = THESEAM_DEFAULT_PHONE_NUMBER_FORMAT\n }\n this._cdf.markForCheck()\n }\n })\n }\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { SeamIcon } from '@theseam/ui-common/icon'\nimport { TableCellTypesHelpersService, TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type'\n\nimport { TableCellTypeConfigProgressCircleIcon } from './table-cell-type-progress-circle-icon-config'\n\n@Component({\n selector: 'seam-table-cell-type-progress-circle-icon',\n templateUrl: './table-cell-type-progress-circle-icon.component.html',\n styleUrls: ['./table-cell-type-progress-circle-icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeProgressCircleIconComponent implements OnInit, OnDestroy {\n\n private readonly _ngUnsubscribe = new Subject()\n\n @Input() value: number | null | undefined\n\n row?: any\n rowIndex?: number\n colData?: TheSeamTableColumn<'progress-circle-icon', TableCellTypeConfigProgressCircleIcon>\n\n displayIcon: boolean = false\n icon?: SeamIcon\n\n constructor(\n private _cdf: ChangeDetectorRef,\n private _tableCellTypeHelpers: TableCellTypesHelpersService,\n @Optional() @Inject(TABLE_CELL_DATA) _tableData?: TableCellData<'progress-circle-icon', TableCellTypeConfigProgressCircleIcon>\n ) {\n const tableData = _tableData\n this.value = tableData && tableData.value\n this.row = tableData && tableData.row\n this.rowIndex = tableData && tableData.rowIndex\n this.colData = tableData && tableData.colData\n\n this._setIcon(tableData)\n\n if (tableData) {\n tableData.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = v.changes.value.currentValue\n this._setIcon(tableData)\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n this.colData = v.changes.colData.currentValue\n this._setIcon(tableData)\n this._cdf.markForCheck()\n } else {\n if (v.changes.hasOwnProperty('row')) {\n this._setIcon(tableData)\n this._cdf.markForCheck()\n }\n }\n })\n }\n }\n\n private _setIcon(tableData?: TableCellData<'progress-circle-icon', TableCellTypeConfigProgressCircleIcon>) {\n if (tableData &&\n tableData.colData &&\n tableData.colData.cellTypeConfig &&\n tableData.colData.cellTypeConfig.displayIcon &&\n tableData.colData.cellTypeConfig.icon &&\n this._parseConfigValue(tableData.colData.cellTypeConfig.displayIcon, tableData) &&\n this._parseConfigValue(tableData.colData.cellTypeConfig.icon, tableData)) {\n this.icon = this._parseConfigValue(tableData.colData.cellTypeConfig.icon, tableData)\n this.displayIcon = this._parseConfigValue(tableData.colData.cellTypeConfig.displayIcon, tableData)\n }\n }\n\n private _parseConfigValue(val: any, tableData?: TableCellData<'progress-circle-icon', TableCellTypeConfigProgressCircleIcon>) {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData)\n return this._tableCellTypeHelpers.parseValueProp(val, contextFn)\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n}\n","import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion'\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Optional\n} from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DatatableComponent } from '@theseam/ui-common/datatable'\nimport { TableComponent } from '@theseam/ui-common/table'\nimport { TableCellTypesHelpersService, TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type'\n\nimport { IconTemplateType } from './../table-cell-type-icon/table-cell-type-icon.component'\nimport { TableCellTypeConfigProgressCircle, TableCellTypeProgressCircleConfigAction } from './table-cell-type-progress-circle-config'\n\n@Component({\n selector: 'seam-table-cell-type-progress-circle',\n templateUrl: './table-cell-type-progress-circle.component.html',\n styleUrls: ['./table-cell-type-progress-circle.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeProgressCircleComponent implements OnInit, OnDestroy {\n\n private readonly _ngUnsubscribe = new Subject()\n\n @Input() value: number | null | undefined\n\n _tableCellData?: TableCellData<'progress-circle', TableCellTypeConfigProgressCircle>\n colData?: TheSeamTableColumn<'progress-circle', TableCellTypeConfigProgressCircle>\n\n fillBackground: boolean = false\n showText: boolean = false\n hiddenOnEmpty: boolean = true\n pending: boolean = false\n tooltip?: string\n tooltipClass?: string\n tooltipPlacement?: string\n tooltipContainer?: string\n _tooltipDisabled: boolean = false\n\n _title?: string\n _srOnly?: string\n\n _link?: string\n _linkClass = '' // TODO: Decide if this makes sense\n _tplType: IconTemplateType = 'default'\n _target?: string\n _queryParams?: { [k: string]: any }\n\n _buttonAction?: TableCellTypeProgressCircleConfigAction\n\n _download?: boolean\n _detectMimeContent?: boolean\n\n private _config: TableCellTypeConfigProgressCircle | undefined | null\n\n @HostBinding('class.datatable-cell-type') _isDatatable = false\n\n constructor(\n private _cdf: ChangeDetectorRef,\n private _tableCellTypeHelpers: TableCellTypesHelpersService,\n @Optional() private _datatable?: DatatableComponent,\n @Optional() private _table?: TableComponent,\n @Optional() @Inject(TABLE_CELL_DATA) _tableData?: TableCellData<'progress-circle', TableCellTypeConfigProgressCircle>\n ) {\n if (_datatable) {\n this._isDatatable = true\n }\n\n const tableData = _tableData\n this._tableCellData = _tableData\n\n this.value = tableData && coerceNumberProperty(tableData.value)\n this.colData = tableData && tableData.colData\n\n if (this.colData && this.colData.cellTypeConfig) {\n this._setCellTypeConfigProps(this.colData.cellTypeConfig)\n }\n\n if (tableData) {\n tableData.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = coerceNumberProperty(v.changes.value.currentValue)\n if (this._config) {\n this._setCellTypeConfigProps(this._config)\n }\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n this.colData = v.changes.colData.currentValue\n if (this.colData && this.colData.cellTypeConfig) {\n this._setCellTypeConfigProps(this.colData.cellTypeConfig)\n }\n this._cdf.markForCheck()\n } else {\n if (v.changes.hasOwnProperty('row')) {\n if (this.colData?.cellTypeConfig) {\n this._setCellTypeConfigProps(this.colData.cellTypeConfig)\n this._cdf.markForCheck()\n }\n }\n }\n })\n }\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n private _parseConfigValue(val: any) {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, this._tableCellData)\n return this._tableCellTypeHelpers.parseValueProp(val, contextFn)\n }\n\n public setAction(configAction?: TableCellTypeProgressCircleConfigAction) {\n let newTplType: IconTemplateType = 'default'\n let link: string | undefined\n let download: boolean = false\n let detectMimeContent = false\n let target: string | undefined\n let queryParams: { [k: string]: any } | undefined\n\n if (configAction) {\n if (configAction.type === 'link') {\n link = this._parseConfigValue(configAction.link)\n if (link !== undefined && link !== null) {\n newTplType = this._parseConfigValue(configAction.asset)\n ? 'link-encrypted'\n : this._parseConfigValue(configAction.external) ? 'link-external' : 'link'\n download = !!this._parseConfigValue(configAction.download)\n detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent)\n target = this._parseConfigValue(configAction.target)\n queryParams = this._parseConfigValue(configAction.queryParams)\n }\n } else if (configAction.type === 'modal') {\n newTplType = 'button'\n this._buttonAction = configAction\n }\n }\n\n this._tplType = newTplType\n this._link = link\n this._download = download\n this._detectMimeContent = detectMimeContent\n this._target = target\n this._queryParams = queryParams\n }\n\n private _setCellTypeConfigProps(config: TableCellTypeConfigProgressCircle): void {\n this._config = config\n this.setAction(config.action)\n this.fillBackground = coerceBooleanProperty(this._parseConfigValue(config.fillBackground))\n this.showText = coerceBooleanProperty(this._parseConfigValue(config.showText))\n this.hiddenOnEmpty = coerceBooleanProperty(this._parseConfigValue(config.hiddenOnEmpty))\n this.pending = coerceBooleanProperty(this._parseConfigValue(config.pending))\n this.tooltip = this._parseConfigValue(config.tooltip)\n\n this.tooltip = this._parseConfigValue(config.tooltip)\n if (this.tooltip) {\n this.tooltipClass = this._parseConfigValue(config.tooltipClass)\n this.tooltipPlacement = this._parseConfigValue(config.tooltipPlacement) || 'auto'\n this.tooltipContainer = this._parseConfigValue(config.tooltipContainer)\n this._tooltipDisabled = false\n } else {\n this._tooltipDisabled = true\n }\n\n this._title = this._parseConfigValue(config.titleAttr)\n this._srOnly = this._parseConfigValue(config.srOnly)\n }\n\n _doButtonAction() {\n if (this._buttonAction && this._buttonAction.type === 'modal') {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData)\n this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)\n .subscribe(\n r => {},\n err => console.error(err),\n () => this._actionRefreshRequest()\n )\n }\n }\n\n private _actionRefreshRequest() {\n if (this._datatable) {\n this._datatable.triggerActionRefreshRequest()\n } else if (this._table) {\n this._table.triggerActionRefreshRequest()\n }\n }\n\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Optional\n} from '@angular/core'\nimport { Subject } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DatatableComponent } from '@theseam/ui-common/datatable'\nimport { TableComponent } from '@theseam/ui-common/table'\nimport { TableCellTypesHelpersService, TABLE_CELL_DATA } from '@theseam/ui-common/table-cell-type'\nimport type { TableCellData, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type'\n\n\nimport { TableCellTypeConfigString, TableCellTypeStringConfigAction } from './table-cell-type-string-config'\n\nexport type StringTemplateType = 'default' | 'link' | 'link-external' | 'link-encrypted' | 'button'\n\n@Component({\n selector: 'seam-table-cell-type-string',\n templateUrl: './table-cell-type-string.component.html',\n styleUrls: ['./table-cell-type-string.component.scss'],\n host: { },\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeStringComponent implements OnInit, OnDestroy {\n\n private readonly _ngUnsubscribe = new Subject()\n\n @Input()\n get value() { return this._value }\n set value(val: string | null | undefined) {\n this._value = val\n // TODO: This is temporary to test the feature and will be fixed when the\n // dynamic column data is fixed. The plan is to add a config toggle to\n // always enable and depending on performance it could try to decide on its\n // own based on content size.\n if (this.value && this.value.length > 30) {\n this.canPopover = true\n }\n }\n _value: string | null | undefined\n\n @Input()\n get config() { return this._config }\n set config(value: TableCellTypeConfigString | undefined | null) {\n this._config = value\n if (value) {\n this.setAction(value.action)\n }\n }\n private _config: TableCellTypeConfigString | undefined | null\n\n _tplType: StringTemplateType = 'default'\n _link?: string\n _title?: string\n _queryParams?: { [k: string]: any }\n\n _buttonAction?: TableCellTypeStringConfigAction\n\n _tableCellData?: TableCellData<'string', TableCellTypeConfigString>\n _row?: any\n _rowIndex?: number\n _colData?: TheSeamTableColumn<'string', TableCellTypeConfigString>\n\n _download?: boolean\n _detectMimeContent?: boolean\n\n @Input()\n set title(value: string | undefined) { this.title = value }\n get title(): string | undefined { return this._title }\n\n @HostBinding('attr.title') get _titleAttr() { return this.title || this.value }\n\n canPopover = false\n\n constructor(\n private readonly _cdf: ChangeDetectorRef,\n private readonly _tableCellTypeHelpers: TableCellTypesHelpersService,\n @Optional() private _datatable?: DatatableComponent,\n @Optional() private _table?: TableComponent,\n @Optional() @Inject(TABLE_CELL_DATA) readonly _tableData?: TableCellData<'string', TableCellTypeConfigString>\n ) {\n const _data = _tableData\n this._tableCellData = _tableData\n\n this._row = _data && _data.row\n this._rowIndex = _data && _data.rowIndex\n\n this.value = _data && _data.value\n this._colData = _data && _data.colData\n if (_data && _data.colData && (<any>_data.colData).cellTypeConfig) {\n this.config = (<any>_data.colData).cellTypeConfig\n }\n }\n\n ngOnInit() {\n const _data = this._tableData\n if (_data) {\n _data.changed\n .pipe(takeUntil(this._ngUnsubscribe))\n .subscribe(v => {\n if (v.changes.hasOwnProperty('value')) {\n this.value = v.changes.value.currentValue\n this._cdf.markForCheck()\n }\n\n if (v.changes.hasOwnProperty('colData')) {\n const colData = v.changes.colData.currentValue\n if (colData && colData.cellTypeConfig !== this.config) {\n this.config = colData.cellTypeConfig\n } else {\n this.config = undefined\n }\n this._cdf.markForCheck()\n } else {\n if (v.changes.hasOwnProperty('row')) {\n this.config = this.config\n this._cdf.markForCheck()\n }\n }\n })\n }\n }\n\n ngOnDestroy() {\n this._ngUnsubscribe.next()\n this._ngUnsubscribe.complete()\n }\n\n public setAction(configAction?: TableCellTypeStringConfigAction) {\n let newTplType: StringTemplateType = 'default'\n let link: string | undefined\n let download: boolean = false\n let detectMimeContent = false\n let queryParams: { [k: string]: any } | undefined\n\n if (configAction) {\n if (configAction.type === 'link') {\n link = this._parseConfigValue(configAction.link)\n if (link !== undefined && link !== null) {\n newTplType = this._parseConfigValue(configAction.asset) ? 'link-encrypted' : 'link'\n download = !!this._parseConfigValue(configAction.download)\n detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent)\n queryParams = this._parseConfigValue(configAction.queryParams)\n }\n } else if (configAction.type === 'modal') {\n newTplType = 'button'\n this._buttonAction = configAction\n }\n }\n\n this._tplType = newTplType\n this._link = link\n this._download = download\n this._detectMimeContent = detectMimeContent\n this._queryParams = queryParams\n }\n\n private _parseConfigValue(val: any) {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, this._tableCellData)\n return this._tableCellTypeHelpers.parseValueProp(val, contextFn)\n }\n\n _doButtonAction() {\n if (this._buttonAction && this._buttonAction.type === 'modal') {\n const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData)\n this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)\n .subscribe(\n r => {},\n err => console.error(err),\n () => this._actionRefreshRequest()\n )\n }\n }\n\n private _actionRefreshRequest() {\n if (this._datatable) {\n this._datatable.triggerActionRefreshRequest()\n } else if (this._table) {\n this._table.triggerActionRefreshRequest()\n }\n }\n\n}\n","import { ITableCellTypeManifestProvider, TABLE_CELL_TYPE_MANIFEST } from '@theseam/ui-common/table-cell-type'\n\nimport { TableCellTypeDateComponent } from './table-cell-type-date/table-cell-type-date.component'\nimport { TableCellTypeIconComponent } from './table-cell-type-icon/table-cell-type-icon.component'\nimport { TableCellTypePhoneComponent } from './table-cell-type-phone/table-cell-type-phone.component'\n// tslint:disable-next-line: max-line-length\nimport { TableCellTypeProgressCircleIconComponent } from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component'\nimport { TableCellTypeProgressCircleComponent } from './table-cell-type-progress-circle/table-cell-type-progress-circle.component'\nimport { TableCellTypeStringComponent } from './table-cell-type-string/table-cell-type-string.component'\n\nexport const TABLE_CELL_TYPE_MANIFEST_STRING: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'string',\n component: TableCellTypeStringComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_INTEGER: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'integer',\n component: TableCellTypeStringComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_DECIMAL: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'decimal',\n component: TableCellTypeStringComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_DATE: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'date',\n component: TableCellTypeDateComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_ICON: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'icon',\n component: TableCellTypeIconComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_IMAGE: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'image',\n component: TableCellTypeIconComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'progress-circle',\n component: TableCellTypeProgressCircleComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'progress-circle-icon',\n component: TableCellTypeProgressCircleIconComponent\n },\n multi: true\n}\n\nexport const TABLE_CELL_TYPE_MANIFEST_PHONE: ITableCellTypeManifestProvider = {\n provide: TABLE_CELL_TYPE_MANIFEST,\n useValue: {\n name: 'phone',\n component: TableCellTypePhoneComponent\n },\n multi: true\n}\n","import { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap'\n\nimport { TheSeamAssetReaderModule } from '@theseam/ui-common/asset-reader'\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\nimport { TheSeamPopoverModule } from '@theseam/ui-common/popover'\nimport { TheSeamProgressModule } from '@theseam/ui-common/progress'\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\nimport { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type'\nimport { TheSeamTelInputModule } from '@theseam/ui-common/tel-input'\n\nimport { TableCellTypeDateComponent } from './table-cell-type-date/table-cell-type-date.component'\nimport { TableCellTypeIconComponent } from './table-cell-type-icon/table-cell-type-icon.component'\nimport { TableCellTypePhoneComponent } from './table-cell-type-phone/table-cell-type-phone.component'\n// tslint:disable-next-line: max-line-length\nimport { TableCellTypeProgressCircleIconComponent } from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component'\nimport { TableCellTypeProgressCircleComponent } from './table-cell-type-progress-circle/table-cell-type-progress-circle.component'\nimport { TableCellTypeStringComponent } from './table-cell-type-string/table-cell-type-string.component'\n\nimport {\n TABLE_CELL_TYPE_MANIFEST_DATE,\n TABLE_CELL_TYPE_MANIFEST_DECIMAL,\n TABLE_CELL_TYPE_MANIFEST_ICON,\n TABLE_CELL_TYPE_MANIFEST_IMAGE,\n TABLE_CELL_TYPE_MANIFEST_INTEGER,\n TABLE_CELL_TYPE_MANIFEST_PHONE,\n TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE,\n TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON,\n TABLE_CELL_TYPE_MANIFEST_STRING\n} from './table-cell-type-manifests'\n\nconst cellTypeComponents = [\n TableCellTypeStringComponent,\n TableCellTypeDateComponent,\n TableCellTypeIconComponent,\n TableCellTypeProgressCircleComponent,\n TableCellTypeProgressCircleIconComponent,\n TableCellTypePhoneComponent\n]\n\nconst cellTypeProviders = [\n TABLE_CELL_TYPE_MANIFEST_STRING,\n TABLE_CELL_TYPE_MANIFEST_INTEGER,\n TABLE_CELL_TYPE_MANIFEST_DECIMAL,\n TABLE_CELL_TYPE_MANIFEST_DATE,\n TABLE_CELL_TYPE_MANIFEST_ICON,\n TABLE_CELL_TYPE_MANIFEST_IMAGE,\n TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE,\n TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON,\n TABLE_CELL_TYPE_MANIFEST_PHONE\n]\n\n@NgModule({\n declarations: [\n ...cellTypeComponents\n ],\n imports: [\n CommonModule,\n NgbTooltipModule,\n RouterModule,\n TheSeamSharedModule,\n TheSeamIconModule,\n PortalModule,\n TheSeamPopoverModule,\n TheSeamProgressModule,\n TheSeamTelInputModule,\n TheSeamAssetReaderModule,\n TheSeamTableCellTypeModule\n ],\n providers: [\n ...cellTypeProviders\n ],\n exports: [\n ...cellTypeComponents\n ],\n entryComponents: [\n ...cellTypeComponents\n ]\n})\nexport class TheSeamTableCellTypesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {TableCellTypeConfigProgressCircleIcon as ɵb} from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon-config';\nexport {TableCellTypeConfigProgressCircle as ɵa} from './table-cell-type-progress-circle/table-cell-type-progress-circle-config';"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-table.js ADDED Viewed

@@ -0,0 +1,118 @@
+import { __decorate } from 'tslib';
+import { coerceArray } from '@angular/cdk/coercion';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { CdkTableModule } from '@angular/cdk/table';
+import { CommonModule } from '@angular/common';
+import { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
+class TableComponent {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+        this._rows = [];
+        this._displayedRows = [];
+        this.hasHeader = true;
+        this.actionRefreshRequest = new EventEmitter();
+    }
+    get columns() { return this._columns; }
+    set columns(value) {
+        this._columns = value;
+        this._setColumns(value || []);
+    }
+    get rows() { return this._rows; }
+    set rows(value) {
+        this._rows = !!value ? coerceArray(value) : [];
+        if (this._rows.length < 1) {
+            this._displayedRows = [
+                { _emptyDisplay: true }
+            ];
+        }
+        else {
+            this._displayedRows = this._rows;
+        }
+    }
+    get displayedRows() { return this._displayedRows; }
+    ngOnInit() { }
+    _setColumns(cols) {
+        const newCols = [];
+        for (const col of cols) {
+            if (typeof col === 'string') {
+                const newCol = {
+                    prop: col,
+                    name: col
+                };
+                newCols.push(newCol);
+            }
+            else {
+                let name = col.name;
+                if (name === undefined || name === null) {
+                    name = col.prop;
+                }
+                const newCol = Object.assign(Object.assign({}, col), { prop: col.prop, name });
+                newCols.push(newCol);
+            }
+        }
+        for (const col of newCols) {
+            const _col = col;
+            if (_col && _col.cellTypeConfig && _col.cellTypeConfig.styles) {
+                _col.cellTypeConfig.styles = this._sanitizer.bypassSecurityTrustStyle(_col.cellTypeConfig.styles);
+            }
+        }
+        this.displayedRecords = newCols;
+        this.displayedColumns = newCols.map(c => c.prop);
+    }
+    triggerActionRefreshRequest() {
+        this.actionRefreshRequest.emit(undefined);
+    }
+    _trackByRecords(r) {
+        return r.prop + r.name;
+    }
+}
+TableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-table',
+                template: "<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}"]
+            },] }
+];
+TableComponent.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+TableComponent.propDecorators = {
+    columns: [{ type: Input }],
+    rows: [{ type: Input }],
+    trackBy: [{ type: Input }],
+    size: [{ type: Input }],
+    hasHeader: [{ type: Input }],
+    actionRefreshRequest: [{ type: Output }]
+};
+__decorate([
+    InputBoolean()
+], TableComponent.prototype, "hasHeader", void 0);
+class TheSeamTableModule {
+}
+TheSeamTableModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TableComponent
+                ],
+                imports: [
+                    CommonModule,
+                    CdkTableModule,
+                    TheSeamTableCellTypeModule
+                ],
+                exports: [
+                    TableComponent
+                ]
+            },] }
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { TableComponent, TheSeamTableModule };
+//# sourceMappingURL=theseam-ui-common-table.js.map

package/fesm2015/theseam-ui-common-table.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theseam-ui-common-table.js","sources":["../../../projects/ui-common/table/table/table.component.ts","../../../projects/ui-common/table/table.module.ts","../../../projects/ui-common/table/theseam-ui-common-table.ts"],"sourcesContent":["import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core'\nimport { DomSanitizer } from '@angular/platform-browser'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\n/**\n * An optional function passed into the `NgForOf` directive that defines how to track\n * changes for items in an iterable.\n * The function takes the iteration index and item ID.\n * When supplied, Angular tracks changes by the return value of the function.\n *\n * NOTE: Can't import the type from'@angular/core', because of a bug in angular-cli's\n * build that can't find exported types that only exist at compile time if there\n * are exports that exist at runtime in the same file.\n */\nexport type TrackByFunction<T> = (index: number, item: T) => any\n\nexport interface ITableColumn {\n prop: string\n name?: string\n}\n\n@Component({\n selector: 'seam-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent<T = any> implements OnInit {\n static ngAcceptInputType_hasHeader: BooleanInput\n\n @Input()\n get columns() { return this._columns }\n set columns(value: (string | ITableColumn)[] | undefined | null) {\n this._columns = value\n this._setColumns(value || [])\n }\n private _columns: (string | ITableColumn)[] | undefined | null\n\n @Input()\n get rows(): T[] | undefined | null { return this._rows }\n set rows(value: T[] | undefined | null) {\n this._rows = !!value ? coerceArray(value) : []\n\n if (this._rows.length < 1) {\n this._displayedRows = [\n { _emptyDisplay: true } as any\n ]\n } else {\n this._displayedRows = this._rows\n }\n }\n private _rows: T[] | undefined | null = []\n\n get displayedRows() { return this._displayedRows }\n private _displayedRows: T[] & { _colSpan?: number } = []\n\n @Input() trackBy: TrackByFunction<T> | undefined | null\n\n @Input() size: 'sm' | 'md' | undefined | null\n\n @Input() @InputBoolean() hasHeader: boolean = true\n\n public displayedRecords?: ITableColumn[]\n public displayedColumns?: string[]\n\n @Output() readonly actionRefreshRequest = new EventEmitter<void>()\n\n constructor(\n private _sanitizer: DomSanitizer\n ) { }\n\n ngOnInit() { }\n\n private _setColumns(cols: (string | ITableColumn)[]) {\n const newCols: ITableColumn[] = []\n\n for (const col of cols) {\n if (typeof col === 'string') {\n const newCol: ITableColumn = {\n prop: col,\n name: col\n }\n newCols.push(newCol)\n } else {\n let name = col.name\n if (name === undefined || name === null) {\n name = col.prop\n }\n const newCol: ITableColumn = {\n ...col,\n prop: col.prop,\n name\n }\n newCols.push(newCol)\n }\n }\n\n for (const col of newCols) {\n const _col = col as any\n if (_col && _col.cellTypeConfig && _col.cellTypeConfig.styles) {\n _col.cellTypeConfig.styles = this._sanitizer.bypassSecurityTrustStyle(_col.cellTypeConfig.styles)\n }\n }\n\n this.displayedRecords = newCols\n this.displayedColumns = newCols.map(c => c.prop)\n }\n\n public triggerActionRefreshRequest() {\n this.actionRefreshRequest.emit(undefined)\n }\n\n _trackByRecords(r: any) {\n return r.prop + r.name\n }\n\n}\n","import { CdkTableModule } from '@angular/cdk/table'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type'\n\nimport { TableComponent } from './table/table.component'\n\n@NgModule({\n declarations: [\n TableComponent\n ],\n imports: [\n CommonModule,\n CdkTableModule,\n TheSeamTableCellTypeModule\n ],\n exports: [\n TableComponent\n ]\n})\nexport class TheSeamTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MA6Ba,cAAc;IAwCzB,YACU,UAAwB;QAAxB,eAAU,GAAV,UAAU,CAAc;QAjB1B,UAAK,GAA2B,EAAE,CAAA;QAGlC,mBAAc,GAAgC,EAAE,CAAA;QAM/B,cAAS,GAAY,IAAI,CAAA;QAK/B,yBAAoB,GAAG,IAAI,YAAY,EAAQ,CAAA;KAI7D;IAvCL,IACI,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAA,EAAE;IACtC,IAAI,OAAO,CAAC,KAAmD;QAC7D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;QACrB,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;KAC9B;IAGD,IACI,IAAI,KAA6B,OAAO,IAAI,CAAC,KAAK,CAAA,EAAE;IACxD,IAAI,IAAI,CAAC,KAA6B;QACpC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;QAE9C,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACzB,IAAI,CAAC,cAAc,GAAG;gBACpB,EAAE,aAAa,EAAE,IAAI,EAAS;aAC/B,CAAA;SACF;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAA;SACjC;KACF;IAGD,IAAI,aAAa,KAAK,OAAO,IAAI,CAAC,cAAc,CAAA,EAAE;IAkBlD,QAAQ,MAAM;IAEN,WAAW,CAAC,IAA+B;QACjD,MAAM,OAAO,GAAmB,EAAE,CAAA;QAElC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;gBAC3B,MAAM,MAAM,GAAiB;oBAC3B,IAAI,EAAE,GAAG;oBACT,IAAI,EAAE,GAAG;iBACV,CAAA;gBACD,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACrB;iBAAM;gBACL,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAA;gBACnB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;oBACvC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAA;iBAChB;gBACD,MAAM,MAAM,mCACP,GAAG,KACN,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,IAAI,GACL,CAAA;gBACD,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;aACrB;SACF;QAED,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;YACzB,MAAM,IAAI,GAAG,GAAU,CAAA;YACvB,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;gBAC7D,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;aAClG;SACF;QAED,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAA;QAC/B,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;KACjD;IAEM,2BAA2B;QAChC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;KAC1C;IAED,eAAe,CAAC,CAAM;QACpB,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA;KACvB;;;YA7FF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,6zDAAqC;gBAErC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YA1BQ,YAAY;;;sBA8BlB,KAAK;mBAQL,KAAK;sBAkBL,KAAK;mBAEL,KAAK;wBAEL,KAAK;mCAKL,MAAM;;AALkB;IAAf,YAAY,EAAE;iDAA0B;;MCzCvC,kBAAkB;;;YAb9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,cAAc;iBACf;aACF;;;ACpBD;;;;;;"}

package/fesm2015/theseam-ui-common-tel-input.js ADDED Viewed

@@ -0,0 +1,681 @@
+import { __decorate, __awaiter } from 'tslib';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import { Directive, ElementRef, NgZone, Optional, Inject, HostBinding, Input, EventEmitter, InjectFlags, Component, forwardRef, ChangeDetectionStrategy, ChangeDetectorRef, Injector, Output, ViewChild, HostListener, Pipe, NgModule } from '@angular/core';
+import { FormControl, NgControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { Subject, merge, fromEvent, of, defer } from 'rxjs';
+import { tap, last, switchMap, takeUntil, auditTime, map } from 'rxjs/operators';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { InputDirective, TheSeamFormFieldModule } from '@theseam/ui-common/form-field';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { AssetLoaderService } from '@theseam/ui-common/services';
+import { waitOnConditionAsync, notNullOrUndefined } from '@theseam/ui-common/utils';
+import intlTelInput from 'intl-tel-input';
+//
+// NOTE: These types are mainly for providing types to 'intl-tel-input', because
+// the only published types I could find were incomplete. Some types are
+// missing, because they were not necessary for this library. I don't indend
+// this to be a perfect types for 'intl-tel-input', so as long as they are
+// compatible they may be slightly altered or extended to fit this library
+// better.
+//
+/**
+ * Partial types for intl-tel-input-utils
+ */
+// tslint:disable-next-line: no-namespace
+var intlTelInputUtils;
+(function (intlTelInputUtils) {
+    let numberFormat;
+    (function (numberFormat) {
+        numberFormat[numberFormat["E164"] = 0] = "E164";
+        numberFormat[numberFormat["INTERNATIONAL"] = 1] = "INTERNATIONAL";
+        numberFormat[numberFormat["NATIONAL"] = 2] = "NATIONAL";
+        numberFormat[numberFormat["RFC3966"] = 3] = "RFC3966";
+    })(numberFormat = intlTelInputUtils.numberFormat || (intlTelInputUtils.numberFormat = {}));
+    let numberType;
+    (function (numberType) {
+        numberType[numberType["FIXED_LINE"] = 0] = "FIXED_LINE";
+        numberType[numberType["MOBILE"] = 1] = "MOBILE";
+        numberType[numberType["FIXED_LINE_OR_MOBILE"] = 2] = "FIXED_LINE_OR_MOBILE";
+        numberType[numberType["TOLL_FREE"] = 3] = "TOLL_FREE";
+        numberType[numberType["PREMIUM_RATE"] = 4] = "PREMIUM_RATE";
+        numberType[numberType["SHARED_COST"] = 5] = "SHARED_COST";
+        numberType[numberType["VOIP"] = 6] = "VOIP";
+        numberType[numberType["PERSONAL_NUMBER"] = 7] = "PERSONAL_NUMBER";
+        numberType[numberType["PAGER"] = 8] = "PAGER";
+        numberType[numberType["UAN"] = 9] = "UAN";
+        numberType[numberType["VOICEMAIL"] = 10] = "VOICEMAIL";
+        numberType[numberType["UNKNOWN"] = -1] = "UNKNOWN";
+    })(numberType = intlTelInputUtils.numberType || (intlTelInputUtils.numberType = {}));
+    let validationError;
+    (function (validationError) {
+        validationError[validationError["IS_POSSIBLE"] = 0] = "IS_POSSIBLE";
+        validationError[validationError["INVALID_COUNTRY_CODE"] = 1] = "INVALID_COUNTRY_CODE";
+        validationError[validationError["TOO_SHORT"] = 2] = "TOO_SHORT";
+        validationError[validationError["TOO_LONG"] = 3] = "TOO_LONG";
+        validationError[validationError["NOT_A_NUMBER"] = 4] = "NOT_A_NUMBER";
+    })(validationError = intlTelInputUtils.validationError || (intlTelInputUtils.validationError = {}));
+})(intlTelInputUtils || (intlTelInputUtils = {}));
+/**
+ * Initialise the plugin with optional options.
+ * @param options options that can be provided during initialization.
+ */
+function IntlTelInputFn(node, options) {
+    return intlTelInput(node, options);
+}
+const TEL_INPUT_ASSETS_PATH = 'assets/vendor/intl-tel-input';
+const TEL_INPUT_STYLES = `
+  .iti { width: 100%; }
+  .iti__flag {background-image: url("${TEL_INPUT_ASSETS_PATH}/img/flags.png");}
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+    .iti__flag {background-image: url("${TEL_INPUT_ASSETS_PATH}/img/flags@2x.png");}
+  }
+  .iti__country-list {
+    /* There is a bug that is causing the 'z-index: 2' from ng-select to conflict with this dropdown container. */
+    z-index: 3;
+  }
+`;
+const TEL_INPUT_STYLESHEET_PATH = `${TEL_INPUT_ASSETS_PATH}/css/intlTelInput.min.css`;
+const TEL_INPUT_UTILS_PATH = `${TEL_INPUT_ASSETS_PATH}/js/utils.js`;
+/**
+ * Add a country code to this.countryCodes.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L197
+ */
+function addCountryCode(data, iso2, countryCode, priority) {
+    if (countryCode.length > data.countryCodeMaxLen) {
+        data.countryCodeMaxLen = countryCode.length;
+    }
+    if (!data.countryCodes.hasOwnProperty(countryCode)) {
+        data.countryCodes[countryCode] = [];
+    }
+    // bail if we already have this country for this countryCode
+    for (let i = 0; i < data.countryCodes[countryCode].length; i++) {
+        if (data.countryCodes[countryCode][i] === iso2) {
+            return;
+        }
+    }
+    // check for undefined as 0 is falsy
+    const index = (priority !== undefined) ? priority : data.countryCodes[countryCode].length;
+    data.countryCodes[countryCode][index] = iso2;
+}
+const TelInputNumberFormatName = {
+    'E164': intlTelInputUtils.numberFormat.E164,
+    'INTERNATIONAL': intlTelInputUtils.numberFormat.INTERNATIONAL,
+    'NATIONAL': intlTelInputUtils.numberFormat.NATIONAL,
+    'RFC3966': intlTelInputUtils.numberFormat.RFC3966
+};
+const THESEAM_DEFAULT_PHONE_NUMBER_FORMAT = intlTelInputUtils.numberFormat.INTERNATIONAL;
+function coercePhoneNumberFormat(format, defaultFormat = THESEAM_DEFAULT_PHONE_NUMBER_FORMAT) {
+    let res = defaultFormat;
+    if (typeof format === 'string') {
+        const _format = TelInputNumberFormatName[`${format}`.trim().toUpperCase()];
+        res = (_format === undefined || _format === null) ? defaultFormat : _format;
+    }
+    else if (typeof format === 'number') {
+        // We could check for a number range, but I think it is safer to assume it's
+        // valid if a number was provided. A number most likely means the value came
+        // from using the enum and I don't want to accidentaly exclude a format that
+        // we don't have documented.
+        //
+        // NOTE: We may want to limit it to specific numbers though and assume that
+        // potentialy excluded formats are not intended to be used by this library.
+        res = format;
+    }
+    return res;
+}
+function getNumeric(s) {
+    return s.replace(/\D/g, '');
+}
+function getCountryCode(data, dialCode) {
+    const _countryCodes = data.countryCodes[getNumeric(dialCode)];
+    // Refer to `_setInitialState` to get libraries default logic
+    return (_countryCodes === undefined || _countryCodes === null || _countryCodes.length === 0) ? 'us' : _countryCodes[0];
+}
+/**
+ * Try and extract a valid international dial code from a full telephone number.
+ *
+ * NOTE: returns the raw string inc plus character and any whitespace/dots etc.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L1161
+ */
+function getDialCode(data, number, includeAreaCode = false) {
+    // console.log('getDialCode', number, includeAreaCode)
+    // const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData() as TelInputCountryData[])
+    let dialCode = '';
+    // only interested in international numbers (starting with a plus)
+    if (number.charAt(0) === '+') {
+        let numericChars = '';
+        // iterate over chars
+        for (let i = 0; i < number.length; i++) {
+            const c = number.charAt(i);
+            // if char is number (https://stackoverflow.com/a/8935649/217866)
+            if (!isNaN(parseInt(c, 10))) {
+                numericChars += c;
+                // if current numericChars make a valid dial code
+                if (includeAreaCode) {
+                    if (data.countryCodes[numericChars]) {
+                        // store the actual raw string (useful for matching later)
+                        dialCode = number.substr(0, i + 1);
+                    }
+                }
+                else {
+                    if (data.dialCodes[numericChars]) {
+                        dialCode = number.substr(0, i + 1);
+                        // if we're just looking for a dial code, we can break as soon as we find one
+                        break;
+                    }
+                }
+                // stop searching as soon as we can - in this case when we hit max len
+                if (numericChars.length === data.countryCodeMaxLen) {
+                    break;
+                }
+            }
+        }
+    }
+    // console.log('getDialCode return', dialCode)
+    return dialCode;
+}
+function globalIntlTelInputGlobals() {
+    return window.intlTelInputGlobals;
+}
+function globalIntlTelInputUtils() {
+    return window.intlTelInputUtils;
+}
+function getIntlTelInputUtils() {
+    if (globalIntlTelInputUtils()) {
+        return Promise.resolve(globalIntlTelInputUtils());
+    }
+    if (globalIntlTelInputGlobals().startedLoadingUtilsScript) {
+        return waitOnConditionAsync(() => notNullOrUndefined(globalIntlTelInputUtils()), 5000)
+            .then(() => globalIntlTelInputUtils());
+    }
+    return globalIntlTelInputGlobals().loadUtils(TEL_INPUT_UTILS_PATH)
+        .then(() => waitOnConditionAsync(() => notNullOrUndefined(globalIntlTelInputUtils()), 5000))
+        .then(() => globalIntlTelInputUtils());
+}
+const VALIDATOR_CODE_MESSAGES = {
+    [intlTelInputUtils.validationError.INVALID_COUNTRY_CODE]: 'Country code is invalid.',
+    [intlTelInputUtils.validationError.TOO_SHORT]: 'Number is too short.',
+    [intlTelInputUtils.validationError.TOO_LONG]: 'Number is too long.',
+    [intlTelInputUtils.validationError.NOT_A_NUMBER]: 'Must be numbers only.'
+};
+function getValidationErrorMessage(code) {
+    const message = VALIDATOR_CODE_MESSAGES[code];
+    return message !== null && message !== void 0 ? message : 'Invalid number.';
+}
+/**
+ * Process the countryCodes map.
+ *
+ * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L252
+ */
+function processCountryCodes(countries) {
+    const data = {
+        countryCodeMaxLen: 0,
+        // here we store just dial codes
+        dialCodes: {},
+        // here we store "country codes" (both dial codes and their area codes)
+        countryCodes: {}
+    };
+    // first: add dial codes
+    for (let i = 0; i < countries.length; i++) {
+        const c = countries[i];
+        if (!data.dialCodes[c.dialCode]) {
+            data.dialCodes[c.dialCode] = true;
+        }
+        addCountryCode(data, c.iso2, c.dialCode, c.priority);
+    }
+    // next: add area codes
+    // this is a second loop over countries, to make sure we have all of the "root" countries
+    // already in the map, so that we can access them, as each time we add an area code substring
+    // to the map, we also need to include the "root" country's code, as that also matches
+    for (let i = 0; i < countries.length; i++) {
+        const c = countries[i];
+        // area codes
+        if (c.areaCodes) {
+            const rootCountryCode = data.countryCodes[c.dialCode][0];
+            // for each area code
+            for (let j = 0; j < c.areaCodes.length; j++) {
+                const areaCode = c.areaCodes[j];
+                // for each digit in the area code to add all partial matches as well
+                for (let k = 1; k < areaCode.length; k++) {
+                    const partialDialCode = c.dialCode + areaCode.substr(0, k);
+                    // start with the root country, as that also matches this dial code
+                    addCountryCode(data, rootCountryCode, partialDialCode);
+                    addCountryCode(data, c.iso2, partialDialCode);
+                }
+                // add the full area code
+                addCountryCode(data, c.iso2, c.dialCode + areaCode);
+            }
+        }
+    }
+    return data;
+}
+class TheSeamTelInputDirective {
+    constructor(_elementRef, _assetLoader, _ngZone, _document) {
+        this._elementRef = _elementRef;
+        this._assetLoader = _assetLoader;
+        this._ngZone = _ngZone;
+        this._document = _document;
+        this._ngUnsubscribe = new Subject();
+        this._loadedAssetRefs = [];
+        this._attrType = 'tel';
+        this._formatIntlTelInput = () => {
+            // if (typeof intlTelInputUtils !== 'undefined') {
+            //   const currentText = this._instance?.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL)
+            //   console.log('currentText', currentText, this._instance?.getSelectedCountryData())
+            //   console.log(this._instance?.getValidationError())
+            //   if (typeof currentText === 'string') {
+            //     this._instance?.setNumber(currentText)
+            //   }
+            // }
+            this.updateValue();
+        };
+    }
+    set value(v) {
+        // console.log('set value', v, this._instance)
+        this._value = v;
+        if (this._instance) {
+            this._instance.setNumber(notNullOrUndefined(v) ? v : '');
+            this.updateValue();
+        }
+    }
+    get value() {
+        var _a;
+        if (this._instance) {
+            return (_a = this._instance) === null || _a === void 0 ? void 0 : _a.getNumber();
+        }
+        return this._value;
+    }
+    ngOnInit() {
+        merge(this._assetLoader.loadStyleSheet(TEL_INPUT_STYLESHEET_PATH), this._assetLoader.loadStyle(TEL_INPUT_STYLES)).pipe(
+        // tap(v => console.log('loaded', v)),
+        tap(v => this._loadedAssetRefs.push(v)), last(),
+        // tap(v => console.log('StyleLoadingDone', v)),
+        switchMap(() => {
+            this._instance = IntlTelInputFn(this._elementRef.nativeElement, {
+                utilsScript: TEL_INPUT_UTILS_PATH,
+                preferredCountries: ['US'],
+                nationalMode: false,
+                formatOnDisplay: true,
+                autoPlaceholder: 'off',
+                separateDialCode: false,
+                autoHideDialCode: false,
+                // TODO: Add initialCountry support.
+                // initialCountry: 'auto'
+            });
+            return this._instance.promise;
+        }),
+        // tap(() => console.log('%c_instance ready', 'color:green', this._instance, this._elementRef.nativeElement.value)),
+        tap(() => this._initDropdownListener()), tap(() => this.value = this._value), tap(this._formatIntlTelInput), switchMap(() => merge(fromEvent(this._elementRef.nativeElement, 'keyup'), fromEvent(this._elementRef.nativeElement, 'change'))), tap(this._formatIntlTelInput), takeUntil(this._ngUnsubscribe)).subscribe();
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this._instance) === null || _a === void 0 ? void 0 : _a.destroy();
+        for (const ref of this._loadedAssetRefs) {
+            ref.destroy();
+        }
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    updateValue() {
+        var _a, _b;
+        // console.log('%cupdateValue START', 'color:cyan', typeof intlTelInputUtils !== 'undefined')
+        if (typeof globalIntlTelInputUtils() !== 'undefined') {
+            const currentText = (_a = this._instance) === null || _a === void 0 ? void 0 : _a.getNumber(intlTelInputUtils.numberFormat.E164);
+            // console.log('currentText', currentText, this._instance?.getSelectedCountryData())
+            // console.log('fullNumber', (this._instance as any)._getFullNumber())
+            // console.log('E164', this._instance?.getNumber(intlTelInputUtils.numberFormat.E164))
+            // console.log('INTERNATIONAL', this._instance?.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL))
+            // console.log('NATIONAL', this._instance?.getNumber(intlTelInputUtils.numberFormat.NATIONAL))
+            // console.log('RFC3966', this._instance?.getNumber(intlTelInputUtils.numberFormat.RFC3966))
+            // console.log('getValidationError', this._instance?.getValidationError())
+            if (typeof currentText === 'string') {
+                (_b = this._instance) === null || _b === void 0 ? void 0 : _b.setNumber(currentText);
+            }
+        }
+        // console.log('%cupdateValue END', 'color:cyan')
+    }
+    getFullNumber() {
+        if (typeof globalIntlTelInputUtils() !== 'undefined' && this._instance) {
+            // return (this._instance as any)._getFullNumber()
+            return this._instance.getNumber(intlTelInputUtils.numberFormat.E164);
+        }
+        return this.value;
+    }
+    _initDropdownListener() {
+        const doc = this._document;
+        if (!doc) {
+            return;
+        }
+        this._ngZone.runOutsideAngular(() => {
+            const openDropdown$ = fromEvent(this._elementRef.nativeElement, 'open:countrydropdown');
+            const closeDropdown$ = fromEvent(this._elementRef.nativeElement, 'close:countrydropdown');
+            const instance = this._instance;
+            openDropdown$.pipe(switchMap(() => {
+                const pressDown$ = merge(fromEvent(doc, 'touchstart', { capture: true }), fromEvent(doc, 'mousedown', { capture: true })).pipe(auditTime(0), tap((event) => {
+                    if (instance.countryList.contains(event.target) || instance.selectedFlag.contains(event.target)) {
+                        return;
+                    }
+                    instance._closeDropdown();
+                }));
+                const flagBtnClick$ = fromEvent(instance.selectedFlag, 'click').pipe(tap((event) => {
+                    if (!this.isDropdownVisible()) {
+                        return;
+                    }
+                    event.preventDefault();
+                    instance._closeDropdown();
+                }));
+                return merge(pressDown$, flagBtnClick$).pipe(takeUntil(closeDropdown$));
+            }), takeUntil(this._ngUnsubscribe)).subscribe();
+        });
+    }
+    isDropdownVisible() {
+        if (!this._instance) {
+            return false;
+        }
+        const instance = this._instance;
+        return !instance.countryList.classList.contains('iti__hide');
+    }
+    /** Focuses the input. */
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+    /** Unfocuses the input. */
+    blur() {
+        this._elementRef.nativeElement.blur();
+    }
+    getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+TheSeamTelInputDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[seamTelInput]',
+                exportAs: 'seamTelInput'
+            },] }
+];
+TheSeamTelInputDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: AssetLoaderService },
+    { type: NgZone },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
+];
+TheSeamTelInputDirective.propDecorators = {
+    _attrType: [{ type: HostBinding, args: ['attr.type',] }],
+    value: [{ type: Input }]
+};
+// TODO: Fix focus
+// TODO: Fix disabled
+class TheSeamTelInputComponent {
+    constructor(_changeDetectorRef, _injector, _elementRef, _focusMonitor) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._injector = _injector;
+        this._elementRef = _elementRef;
+        this._focusMonitor = _focusMonitor;
+        /** @ignore */
+        this._ngUnsubscribe = new Subject();
+        /** @ignore */
+        this._control = new FormControl();
+        this._focusOrigin = null;
+        this.required = false;
+        /** @ignore */
+        this._disabled = false;
+        this._tabIndex = -1;
+        /** Name value will be applied to the input element if present */
+        this.name = null;
+        /** Event emitted when the "tel" input value changes. */
+        this.change = new EventEmitter();
+        /**
+         * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
+         * @ignore
+         */
+        this._onTouched = () => { };
+        /** @ignore */
+        this._controlValueAccessorChangeFn = () => { };
+        const telInputBlurEvent$ = this._telInputDirective
+            ? fromEvent(this._telInputDirective.getHostElement(), 'blur')
+            : of();
+        this._hasInvalidCss$ = defer(() => { var _a; return of(((_a = this._injector.get(NgControl, null, InjectFlags.Self)) === null || _a === void 0 ? void 0 : _a.control) || undefined); }).pipe(switchMap(control => {
+            if (control) {
+                return merge(control.valueChanges, control.statusChanges, telInputBlurEvent$).pipe(auditTime(0), map(() => {
+                    var _a;
+                    const inputControl = (_a = this._inputDirective) === null || _a === void 0 ? void 0 : _a.ngControl;
+                    return control.invalid && ((inputControl === null || inputControl === void 0 ? void 0 : inputControl.dirty) || (inputControl === null || inputControl === void 0 ? void 0 : inputControl.touched));
+                }));
+            }
+            return of(false);
+        }));
+    }
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.disabled) {
+            this._disabled = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    /**
+     * 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) { this._tabIndex = coerceNumberProperty(value); }
+    get tabIndex() { return this._tabIndex; }
+    get _attrDisabled() { return this.disabled || null; }
+    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
+    _onFocus() {
+        var _a;
+        (_a = this._telInputDirective) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /** @ignore */
+    ngOnInit() {
+        this._focusMonitor.monitor(this._elementRef, true).pipe(takeUntil(this._ngUnsubscribe)).subscribe(origin => this._focusOrigin = origin);
+        this._control.valueChanges.pipe(takeUntil(this._ngUnsubscribe)).subscribe(v => {
+            var _a;
+            const value = (_a = this._telInputDirective) === null || _a === void 0 ? void 0 : _a.getFullNumber();
+            this.value = value;
+            if (this._controlValueAccessorChangeFn) {
+                this._controlValueAccessorChangeFn(value);
+            }
+        });
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this._focusMonitor.stopMonitoring(this._elementRef);
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    writeValue(value) {
+        this.value = value;
+        if (this._telInputDirective) {
+            this._telInputDirective.value = value;
+            this._telInputDirective.updateValue();
+        }
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    // Implemented as part of ControlValueAccessor.
+    /** @ignore */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /** Focuses the input. */
+    focus() {
+        var _a;
+        (_a = this._telInputDirective) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /** Unfocuses the input. */
+    blur() {
+        var _a;
+        (_a = this._telInputDirective) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    hasFocus() {
+        return this._focusOrigin !== null && this._focusOrigin !== undefined;
+    }
+}
+TheSeamTelInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tel-input',
+                template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n",
+                providers: [{
+                        provide: NG_VALUE_ACCESSOR,
+                        // tslint:disable-next-line: no-use-before-declare
+                        useExisting: forwardRef(() => TheSeamTelInputComponent),
+                        multi: true
+                    }],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:block}"]
+            },] }
+];
+TheSeamTelInputComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: Injector },
+    { type: ElementRef },
+    { type: FocusMonitor }
+];
+TheSeamTelInputComponent.propDecorators = {
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    tabIndex: [{ type: Input }],
+    _attrDisabled: [{ type: HostBinding, args: ['attr.disabled',] }],
+    _attrTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }],
+    name: [{ type: Input }],
+    value: [{ type: Input }],
+    change: [{ type: Output }],
+    _telInputDirective: [{ type: ViewChild, args: [TheSeamTelInputDirective, { static: true },] }],
+    _inputDirective: [{ type: ViewChild, args: [InputDirective, { static: true },] }],
+    _inputElementRef: [{ type: ViewChild, args: ['input', { static: true },] }],
+    _onFocus: [{ type: HostListener, args: ['focus', ['$event'],] }]
+};
+__decorate([
+    InputBoolean()
+], TheSeamTelInputComponent.prototype, "required", void 0);
+function telInputValidator(control) {
+    const value = control.value;
+    // This validator doesn't need to do anything if there isn't a value.
+    if (typeof value !== 'string' || value.length === 0) {
+        return Promise.resolve(null);
+    }
+    return getIntlTelInputUtils().then(utils => {
+        const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData());
+        const dialCode = getDialCode(data, value);
+        const countryCode = getCountryCode(data, dialCode);
+        let number = value;
+        if (number.charAt(0) !== '+') {
+            if (number.charAt(0) !== '1') {
+                number = `1${number}`;
+            }
+            number = `+${number}`;
+        }
+        if (!utils.isValidNumber(number, countryCode)) {
+            const code = utils.getValidationError(number, countryCode);
+            const message = getValidationErrorMessage(code);
+            return { 'telInput': { code, message } };
+        }
+        return null;
+    });
+}
+class TheSeamPhoneNumberPipe {
+    constructor(_cdr) {
+        this._cdr = _cdr;
+    }
+    transform(phoneNumber, numberFormat = intlTelInputUtils.numberFormat.INTERNATIONAL) {
+        // console.log('transform', phoneNumber, numberFormat)
+        if (this._latestPhoneNumber !== phoneNumber || this._latestNumberFormat !== numberFormat) {
+            this._transform(phoneNumber, numberFormat);
+        }
+        this._latestPhoneNumber = phoneNumber;
+        this._latestNumberFormat = numberFormat;
+        // console.log('return', this._latestValue)
+        return this._latestValue;
+    }
+    _transform(phoneNumber, numberFormat) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // console.log('_transform', phoneNumber, numberFormat)
+            const utils = yield getIntlTelInputUtils();
+            // console.log('utils', utils)
+            const _format = coercePhoneNumberFormat(numberFormat);
+            const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData());
+            const dialCode = getDialCode(data, phoneNumber);
+            const countryCode = getCountryCode(data, dialCode);
+            const number = phoneNumber;
+            // if (number.charAt(0) !== '+') {
+            //   if (number.charAt(0) !== '1') { number = `1${number}` }
+            //   number = `+${number}`
+            // }
+            const n = utils.formatNumber(number, countryCode, _format);
+            // console.log('n', n)
+            this._latestValue = n;
+            // this._cdr.markForCheck()
+            this._cdr.detectChanges();
+        });
+    }
+}
+TheSeamPhoneNumberPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'phoneNumber',
+                pure: false
+            },] }
+];
+TheSeamPhoneNumberPipe.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+class TheSeamTelInputModule {
+}
+TheSeamTelInputModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TheSeamTelInputDirective,
+                    TheSeamTelInputComponent,
+                    TheSeamPhoneNumberPipe
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    TheSeamFormFieldModule
+                ],
+                exports: [
+                    TheSeamTelInputDirective,
+                    TheSeamTelInputComponent,
+                    TheSeamPhoneNumberPipe
+                ]
+            },] }
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { IntlTelInputFn, TEL_INPUT_ASSETS_PATH, TEL_INPUT_STYLES, TEL_INPUT_STYLESHEET_PATH, TEL_INPUT_UTILS_PATH, THESEAM_DEFAULT_PHONE_NUMBER_FORMAT, TelInputNumberFormatName, TheSeamPhoneNumberPipe, TheSeamTelInputComponent, TheSeamTelInputDirective, TheSeamTelInputModule, VALIDATOR_CODE_MESSAGES, addCountryCode, coercePhoneNumberFormat, getCountryCode, getDialCode, getIntlTelInputUtils, getValidationErrorMessage, globalIntlTelInputGlobals, globalIntlTelInputUtils, intlTelInputUtils, processCountryCodes, telInputValidator };
+//# sourceMappingURL=theseam-ui-common-tel-input.js.map