@sd-angular/core 1.2.37 → 1.2.40

package/fesm2015/sd-angular-core-utility.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-utility.js","sources":["../../../../projects/sd-core/utility/src/lib/directives/desktop.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/mobile.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/mobile-tablet.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/tablet.directive.ts","../../../../projects/sd-core/utility/src/lib/pipes/currency.pipe.ts","../../../../projects/sd-core/utility/src/lib/pipes/safe-html.pipe.ts","../../../../projects/sd-core/utility/src/lib/utility.service.ts","../../../../projects/sd-core/utility/src/lib/pipes/time-different.pipe.ts","../../../../projects/sd-core/utility/src/lib/utility.module.ts","../../../../projects/sd-core/utility/sd-angular-core-utility.ts"],"sourcesContent":["\r\nimport { Directive, ViewContainerRef, TemplateRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdDesktop]'\r\n})\r\nexport class SdDesktopDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isDesktop()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdMobile]'\r\n})\r\nexport class SdMobileDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isMobile()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdMobileTablet]'\r\n})\r\nexport class SdMobileTabletDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isMobile() || deviceService.isTablet()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdTablet]'\r\n})\r\nexport class SdTabletDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isTablet()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdCurrency',\r\n})\r\nexport class SdCurrencyPipe implements PipeTransform {\r\n  transform(value: any) {\r\n    return Number.toVNCurrency(value);\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Pipe({\r\n  name: 'safeHtml',\r\n})\r\nexport class SdSafeHtmlPipe implements PipeTransform {\r\n\r\n  constructor(private sanitizer: DomSanitizer) { }\r\n\r\n  transform(html: string) {\r\n    return this.sanitizer.bypassSecurityTrustHtml(html);\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n// import PDFMerger from 'pdf-merger-js/browser';\r\nimport md5 from 'md5';\r\nimport $ from 'jquery';\r\nimport * as uuid from 'uuid';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SdUtilityService {\r\n  #uploadId = 'U1e09c1c0-b647-437e-995e-d7a1a1b60550';\r\n\r\n  constructor(private httpClient: HttpClient) { }\r\n  #translate = (value: string) => value;\r\n\r\n  hashMD5 = (key: string) => md5(key);\r\n\r\n  arrayToObject = <T>(items: T[], key: string): { [key: string]: T } => {\r\n    return items.reduce((obj, item) => { obj[item[key]] = item; return obj; }, {});\r\n  }\r\n\r\n  changeAliasLowerCase = (alias: string) => {\r\n    let str = alias?.toString() ?? '';\r\n    str = str.toString().toLowerCase();\r\n    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');\r\n    str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');\r\n    str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');\r\n    str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');\r\n    str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');\r\n    str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');\r\n    str = str.replace(/đ/g, 'd');\r\n    str = str.replace(/!|@|%|\\^|\\*|\\(|\\)|\\+|\\=|\\<|\\>|\\?|\\/|,|\\.|\\:|\\;|\\'|\\\"|\\&|\\#|\\[|\\]|~|\\$|_|`|-|{|}|\\||\\\\/g, ' ');\r\n    str = str.replace(/ + /g, ' ');\r\n    str = str.trim();\r\n    return str;\r\n  }\r\n\r\n  timeDifference = (previous: any, current: any = new Date()) => {\r\n    if (!Date.isDate(previous)) {\r\n      return '';\r\n    }\r\n    if (!Date.isDate(current)) {\r\n      return '';\r\n    }\r\n    const from = new Date(previous);\r\n    const to = new Date(current);\r\n    const msPerMinute = 60 * 1000;\r\n    const msPerHour = msPerMinute * 60;\r\n    const msPerDay = msPerHour * 24;\r\n    const msPerMonth = msPerDay * 30;\r\n    const msPerYear = msPerDay * 365;\r\n    const elapsed = to.getTime() - from.getTime();\r\n\r\n    if (elapsed < msPerMinute) {\r\n      return `${Math.round(elapsed / 1000)} ${this.#translate('seconds ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerHour) {\r\n      return `${Math.round(elapsed / msPerMinute)} ${this.#translate('minutes ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerDay) {\r\n      return `${Math.round(elapsed / msPerHour)} ${this.#translate('hours ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerMonth) {\r\n      return `${Math.round(elapsed / msPerDay)} ${this.#translate('days ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerYear) {\r\n      return `${Math.round(elapsed / msPerMonth)} ${this.#translate('months ago')}`;\r\n    }\r\n    return `${Math.round(elapsed / msPerYear)} ${this.#translate('years ago')}`;\r\n  }\r\n\r\n  upload = (option?: {\r\n    extensions?: string[],\r\n    maxSizeInMb?: number,\r\n    validator?: (fileName: string) => string\r\n  }): Promise<File> => {\r\n    const promise = new Promise<File>((resolve, reject) => {\r\n      if ($(`#${this.#uploadId}`).length) {\r\n        $('body').children(`#${this.#uploadId}`).remove();\r\n      }\r\n      $('body').append(`<input id=\"${this.#uploadId}\" style=\"display: none\" type=\"file\" />`);\r\n      $(`#${this.#uploadId}`).on('change', (evt: any) => {\r\n        try {\r\n          const target: DataTransfer = evt.target;\r\n          const file = target.files.item(0);\r\n          if (file) {\r\n            const lastDot = file.name.lastIndexOf('.');\r\n            if (lastDot === -1) {\r\n              const message = this.#translate(`Invalid file extension`);\r\n              throw new Error(message);\r\n            }\r\n            const extension = file.name.substring(lastDot + 1);\r\n            if (option) {\r\n              if (option.extensions?.length && !option.extensions.some(e => e.toUpperCase() === extension.toUpperCase())) {\r\n                const message = `[${file.name}] ${this.#translate('Uploaded file is not match extension')} ${option.extensions.join(', ')}`;\r\n                throw new Error(message);\r\n              }\r\n              if (option.maxSizeInMb > 0 && option.maxSizeInMb * 1024 * 1024 < file.size) {\r\n                const message = `[${file.name}] ${this.#translate('Max file size')} ${option.maxSizeInMb} Mbs`;\r\n                throw new Error(message);\r\n              }\r\n              if (option.validator && option.validator(file.name)) {\r\n                const message = option.validator(file.name);\r\n                throw new Error(message);\r\n              }\r\n            }\r\n            resolve(file);\r\n          }\r\n        } catch (error) {\r\n          reject(error);\r\n        }\r\n      });\r\n      $(`#${this.#uploadId}`).trigger('click');\r\n    });\r\n    return promise;\r\n  }\r\n\r\n  download = (filePath: string, fileName?: string) => {\r\n    const link: any = document.createElement('a');\r\n    link.download = `${fileName || uuid.v4()}`;\r\n    link.href = filePath;\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n  }\r\n\r\n  copyToClipboard = (text: string) => {\r\n    navigator.clipboard.writeText(text);\r\n  }\r\n\r\n  printHtml = (elementId: string) => {\r\n    const printId = `sdPrintSection`;\r\n    const div = 'sd-print';\r\n    // const printContents = document.getElementById(elementId).innerHTML;\r\n    // const originalContents = document.body.innerHTML;\r\n\r\n    // document.body.innerHTML = printContents;\r\n    // setTimeout(() => {\r\n    //   document.body.innerHTML = originalContents;\r\n    // }, 100);\r\n    // window.print();\r\n\r\n    const elem = document.querySelector('#' + elementId).firstElementChild;\r\n    const domClone = elem.cloneNode(true);\r\n\r\n    const printSection = document.createElement('div');\r\n    printSection.id = printId;\r\n    printSection.appendChild(domClone);\r\n\r\n    document.body.insertBefore(printSection, document.body.firstChild);\r\n    document.querySelector('body app-root').classList.add(div);\r\n    // setTimeout(() => {\r\n    //   document.querySelector('body app-root').classList.remove('sd-print');\r\n    //   const oldElem = document.getElementById(printId);\r\n    //   if (oldElem !== null) {\r\n    //     oldElem.parentNode.removeChild(oldElem); // oldElem.remove() not supported by IE\r\n    //   }\r\n    // }, 100);\r\n    window.print();\r\n    document.querySelector('body app-root').classList.remove(div);\r\n    const oldElem = document.getElementById(printId);\r\n    if (oldElem !== null) {\r\n      oldElem.parentNode.removeChild(oldElem); // oldElem.remove() not supported by IE\r\n    }\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { interval, Observable, of } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { SdUtilityService } from '../utility.service';\r\n@Pipe({\r\n  name: 'sdTimeDifferent',\r\n})\r\nexport class SdTimeDifferentPipe implements PipeTransform {\r\n  private maxSecond = 60;\r\n  private maxMinute = this.maxSecond * 60;\r\n  private maxHour = this.maxMinute * 24;\r\n  private maxDay = this.maxHour * 30;\r\n  private maxMonth = this.maxHour * 365;\r\n  constructor(private utilityService: SdUtilityService) { }\r\n  transform(value: any, format: string, different: 'second' | 'minute' | 'hour' | 'day' | 'month'): Observable<string> {\r\n    if (!Date.isDate(value)) {\r\n      return of(null);\r\n    }\r\n    if (!different) {\r\n      return of(Date.toFormat(value, format));\r\n    }\r\n    if (Math.round((new Date().getTime() - new Date(value).getTime()) / 1000) < 0) {\r\n      return of(Date.toFormat(value, format));\r\n    }\r\n    return interval(1000).pipe(map(() => {\r\n      const timeDifferent = Math.round((new Date().getTime() - new Date(value).getTime()) / 1000);\r\n      if (different === 'month' && timeDifferent < this.maxMonth) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'day' && timeDifferent < this.maxDay) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'hour' && timeDifferent < this.maxHour) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'minute' && timeDifferent < this.maxMinute) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'second' && timeDifferent < this.maxSecond) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      return Date.toFormat(value, format);\r\n    }));\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdDesktopDirective } from './directives/desktop.directive';\r\nimport { SdMobileDirective } from './directives/mobile.directive';\r\nimport { SdMobileTabletDirective } from './directives/mobile-tablet.directive';\r\nimport { SdTabletDirective } from './directives/tablet.directive';\r\n\r\nimport { SdCurrencyPipe } from './pipes/currency.pipe';\r\nimport { SdSafeHtmlPipe } from './pipes/safe-html.pipe';\r\nimport { SdTimeDifferentPipe } from './pipes/time-different.pipe';\r\nimport { HttpClientModule } from '@angular/common/http';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule\r\n  ],\r\n  declarations: [\r\n    SdDesktopDirective,\r\n    SdMobileTabletDirective,\r\n    SdMobileDirective,\r\n    SdTabletDirective,\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ],\r\n  exports: [\r\n    SdDesktopDirective,\r\n    SdMobileTabletDirective,\r\n    SdMobileDirective,\r\n    SdTabletDirective,\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ],\r\n  providers: [\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ]\r\n})\r\nexport class SdUtilityModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-utility.js","sources":["../../../../projects/sd-core/utility/src/lib/directives/desktop.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/mobile.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/mobile-tablet.directive.ts","../../../../projects/sd-core/utility/src/lib/directives/tablet.directive.ts","../../../../projects/sd-core/utility/src/lib/pipes/currency.pipe.ts","../../../../projects/sd-core/utility/src/lib/pipes/safe-html.pipe.ts","../../../../projects/sd-core/utility/src/lib/utility.service.ts","../../../../projects/sd-core/utility/src/lib/pipes/time-different.pipe.ts","../../../../projects/sd-core/utility/src/lib/utility.module.ts","../../../../projects/sd-core/utility/sd-angular-core-utility.ts"],"sourcesContent":["\r\nimport { Directive, ViewContainerRef, TemplateRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdDesktop]'\r\n})\r\nexport class SdDesktopDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isDesktop()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdMobile]'\r\n})\r\nexport class SdMobileDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isMobile()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdMobileTablet]'\r\n})\r\nexport class SdMobileTabletDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isMobile() || deviceService.isTablet()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","\r\nimport { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\n\r\n@Directive({\r\n  selector: '[sdTablet]'\r\n})\r\nexport class SdTabletDirective {\r\n  constructor(\r\n    private templateRef: TemplateRef<any>,\r\n    private viewContainerRef: ViewContainerRef,\r\n    deviceService: DeviceDetectorService,\r\n  ) {\r\n    if (deviceService.isTablet()) {\r\n      this.viewContainerRef.createEmbeddedView(this.templateRef);\r\n    }\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n@Pipe({\r\n  name: 'sdCurrency',\r\n})\r\nexport class SdCurrencyPipe implements PipeTransform {\r\n  transform(value: any) {\r\n    return Number.toVNCurrency(value);\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Pipe({\r\n  name: 'safeHtml',\r\n})\r\nexport class SdSafeHtmlPipe implements PipeTransform {\r\n\r\n  constructor(private sanitizer: DomSanitizer) { }\r\n\r\n  transform(html: string) {\r\n    return this.sanitizer.bypassSecurityTrustHtml(html);\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n// import PDFMerger from 'pdf-merger-js/browser';\r\nimport md5 from 'md5';\r\nimport $ from 'jquery';\r\nimport * as uuid from 'uuid';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SdUtilityService {\r\n  #uploadId = 'U1e09c1c0-b647-437e-995e-d7a1a1b60550';\r\n\r\n  constructor(private httpClient: HttpClient) { }\r\n  #translate = (value: string) => value;\r\n\r\n  hashMD5 = (key: string) => md5(key);\r\n\r\n  arrayToObject = <T>(items: T[], key: string): { [key: string]: T } => {\r\n    return items.reduce((obj, item) => { obj[item[key]] = item; return obj; }, {});\r\n  }\r\n\r\n  changeAliasLowerCase = (alias: string) => {\r\n    let str = alias?.toString() ?? '';\r\n    str = str.toString().toLowerCase();\r\n    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');\r\n    str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');\r\n    str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');\r\n    str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');\r\n    str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');\r\n    str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');\r\n    str = str.replace(/đ/g, 'd');\r\n    str = str.replace(/!|@|%|\\^|\\*|\\(|\\)|\\+|\\=|\\<|\\>|\\?|\\/|,|\\.|\\:|\\;|\\'|\\\"|\\&|\\#|\\[|\\]|~|\\$|_|`|-|{|}|\\||\\\\/g, ' ');\r\n    str = str.replace(/ + /g, ' ');\r\n    str = str.trim();\r\n    return str;\r\n  }\r\n\r\n  timeDifference = (previous: any, current: any = new Date()) => {\r\n    if (!Date.isDate(previous)) {\r\n      return '';\r\n    }\r\n    if (!Date.isDate(current)) {\r\n      return '';\r\n    }\r\n    const from = new Date(previous);\r\n    const to = new Date(current);\r\n    const msPerMinute = 60 * 1000;\r\n    const msPerHour = msPerMinute * 60;\r\n    const msPerDay = msPerHour * 24;\r\n    const msPerMonth = msPerDay * 30;\r\n    const msPerYear = msPerDay * 365;\r\n    const elapsed = to.getTime() - from.getTime();\r\n\r\n    if (elapsed < msPerMinute) {\r\n      return `${Math.round(elapsed / 1000)} ${this.#translate('seconds ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerHour) {\r\n      return `${Math.round(elapsed / msPerMinute)} ${this.#translate('minutes ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerDay) {\r\n      return `${Math.round(elapsed / msPerHour)} ${this.#translate('hours ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerMonth) {\r\n      return `${Math.round(elapsed / msPerDay)} ${this.#translate('days ago')}`;\r\n    }\r\n\r\n    if (elapsed < msPerYear) {\r\n      return `${Math.round(elapsed / msPerMonth)} ${this.#translate('months ago')}`;\r\n    }\r\n    return `${Math.round(elapsed / msPerYear)} ${this.#translate('years ago')}`;\r\n  }\r\n\r\n  upload = (option?: {\r\n    extensions?: string[],\r\n    maxSizeInMb?: number,\r\n    validator?: (fileName: string) => string\r\n  }): Promise<File> => {\r\n    const promise = new Promise<File>((resolve, reject) => {\r\n      if ($(`#${this.#uploadId}`).length) {\r\n        $('body').children(`#${this.#uploadId}`).remove();\r\n      }\r\n      $('body').append(`<input id=\"${this.#uploadId}\" style=\"display: none\" type=\"file\" />`);\r\n      $(`#${this.#uploadId}`).on('change', (evt: any) => {\r\n        try {\r\n          const target: DataTransfer = evt.target;\r\n          const file = target.files.item(0);\r\n          if (file) {\r\n            const lastDot = file.name.lastIndexOf('.');\r\n            if (lastDot === -1) {\r\n              const message = this.#translate(`Invalid file extension`);\r\n              throw new Error(message);\r\n            }\r\n            const extension = file.name.substring(lastDot + 1);\r\n            if (option) {\r\n              if (option.extensions?.length && !option.extensions.some(e => e.toUpperCase() === extension.toUpperCase())) {\r\n                const message = `[${file.name}] ${this.#translate('Uploaded file is not match extension')} ${option.extensions.join(', ')}`;\r\n                throw new Error(message);\r\n              }\r\n              if (option.maxSizeInMb > 0 && option.maxSizeInMb * 1024 * 1024 < file.size) {\r\n                const message = `[${file.name}] ${this.#translate('Max file size')} ${option.maxSizeInMb} Mbs`;\r\n                throw new Error(message);\r\n              }\r\n              if (option.validator && option.validator(file.name)) {\r\n                const message = option.validator(file.name);\r\n                throw new Error(message);\r\n              }\r\n            }\r\n            resolve(file);\r\n          }\r\n        } catch (error) {\r\n          reject(error);\r\n        }\r\n      });\r\n      $(`#${this.#uploadId}`).trigger('click');\r\n    });\r\n    return promise;\r\n  }\r\n\r\n  download = (filePath: string, fileName?: string) => {\r\n    const link: any = document.createElement('a');\r\n    link.download = `${fileName || uuid.v4()}`;\r\n    link.href = filePath;\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n  }\r\n\r\n  copyToClipboard = (text: string) => {\r\n    navigator.clipboard.writeText(text);\r\n  }\r\n\r\n  printHtml = (elementId: string, fileName?: string) => {\r\n    const printId = `sdPrintSection`;\r\n    const div = 'sd-print';\r\n    // const printContents = document.getElementById(elementId).innerHTML;\r\n    // const originalContents = document.body.innerHTML;\r\n\r\n    // document.body.innerHTML = printContents;\r\n    // setTimeout(() => {\r\n    //   document.body.innerHTML = originalContents;\r\n    // }, 100);\r\n    // window.print();\r\n\r\n    const elem = document.querySelector('#' + elementId).firstElementChild;\r\n    const domClone = elem.cloneNode(true);\r\n\r\n    const printSection = document.createElement('div');\r\n    printSection.id = printId;\r\n    printSection.appendChild(domClone);\r\n\r\n    document.body.insertBefore(printSection, document.body.firstChild);\r\n    document.querySelector('body app-root').classList.add(div);\r\n    const title = document.title;\r\n    if(fileName) {\r\n      document.title = fileName;\r\n    }\r\n    window.print();\r\n    document.title = title;\r\n    document.querySelector('body app-root').classList.remove(div);\r\n    const oldElem = document.getElementById(printId);\r\n    if (oldElem !== null) {\r\n      oldElem.parentNode.removeChild(oldElem); // oldElem.remove() not supported by IE\r\n    }\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { interval, Observable, of } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { SdUtilityService } from '../utility.service';\r\n@Pipe({\r\n  name: 'sdTimeDifferent',\r\n})\r\nexport class SdTimeDifferentPipe implements PipeTransform {\r\n  private maxSecond = 60;\r\n  private maxMinute = this.maxSecond * 60;\r\n  private maxHour = this.maxMinute * 24;\r\n  private maxDay = this.maxHour * 30;\r\n  private maxMonth = this.maxHour * 365;\r\n  constructor(private utilityService: SdUtilityService) { }\r\n  transform(value: any, format: string, different: 'second' | 'minute' | 'hour' | 'day' | 'month'): Observable<string> {\r\n    if (!Date.isDate(value)) {\r\n      return of(null);\r\n    }\r\n    if (!different) {\r\n      return of(Date.toFormat(value, format));\r\n    }\r\n    if (Math.round((new Date().getTime() - new Date(value).getTime()) / 1000) < 0) {\r\n      return of(Date.toFormat(value, format));\r\n    }\r\n    return interval(1000).pipe(map(() => {\r\n      const timeDifferent = Math.round((new Date().getTime() - new Date(value).getTime()) / 1000);\r\n      if (different === 'month' && timeDifferent < this.maxMonth) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'day' && timeDifferent < this.maxDay) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'hour' && timeDifferent < this.maxHour) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'minute' && timeDifferent < this.maxMinute) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      if (different === 'second' && timeDifferent < this.maxSecond) {\r\n        return this.utilityService.timeDifference(value);\r\n      }\r\n      return Date.toFormat(value, format);\r\n    }));\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdDesktopDirective } from './directives/desktop.directive';\r\nimport { SdMobileDirective } from './directives/mobile.directive';\r\nimport { SdMobileTabletDirective } from './directives/mobile-tablet.directive';\r\nimport { SdTabletDirective } from './directives/tablet.directive';\r\n\r\nimport { SdCurrencyPipe } from './pipes/currency.pipe';\r\nimport { SdSafeHtmlPipe } from './pipes/safe-html.pipe';\r\nimport { SdTimeDifferentPipe } from './pipes/time-different.pipe';\r\nimport { HttpClientModule } from '@angular/common/http';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule\r\n  ],\r\n  declarations: [\r\n    SdDesktopDirective,\r\n    SdMobileTabletDirective,\r\n    SdMobileDirective,\r\n    SdTabletDirective,\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ],\r\n  exports: [\r\n    SdDesktopDirective,\r\n    SdMobileTabletDirective,\r\n    SdMobileDirective,\r\n    SdTabletDirective,\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ],\r\n  providers: [\r\n    SdCurrencyPipe,\r\n    SdSafeHtmlPipe,\r\n    SdTimeDifferentPipe\r\n  ]\r\n})\r\nexport class SdUtilityModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/notify/sd-angular-core-notify.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdNotifyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":22,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":23,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":24,"character":4}],"declarations":[{"__symbolic":"reference","name":"DialogConfirmComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DialogConfirmComponent"}],"exports":[],"providers":[{"__symbolic":"reference","name":"SdNotifyService"}]}]}],"members":{}},"SdNotifyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":26,"character":20},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":27,"character":20},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":28,"character":30}]}]}},"DialogData":{"__symbolic":"interface"},"DialogConfirmComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sd-dialog-confirm","template":"<h1 mat-dialog-title class=\"\">\r\n  <mat-icon *ngIf=\"data?.icon\" [ngClass]=\"data?.icon\">\r\n    {{ data?.icon }}\r\n  </mat-icon>\r\n  <span [innerHtml]=\"data?.title || 'Confirm'\"></span>\r\n</h1>\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"isString\" [innerHtml]=\"data?.message\"></div>\r\n  <div *ngIf=\"!isString\" [innerHtml]=\"data?.message | json\"></div>\r\n  <div *ngIf=\"data?.input\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <textarea style=\"width: 100%\" matInput [placeholder]=\"data.input?.placeholder\" [(ngModel)]=\"value\"\r\n        autocomplete=\"off\" rows=\"5\" [maxlength]=\"data.input?.maxlength\"></textarea>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n<div mat-dialog-actions align=\"end\">\r\n  <sd-button *ngIf=\"data?.noTitle\" [color]=\"data?.noButtonColor || 'secondary'\" [mat-dialog-close]=\"'CANCEL'\"\r\n    [title]=\"data?.noTitle\" size=\"sm\"></sd-button>\r\n  <sd-button class=\"ml-12\" *ngIf=\"data?.yesTitle\" [mat-dialog-close]=\"value || 'ACCEPT'\"\r\n    [color]=\"data?.yesButtonColor || 'primary'\" [disabled]=\"required && !value\" cdkFocusInitial\r\n    [title]=\"data?.yesTitle\" size=\"sm\"></sd-button>\r\n</div>","styles":[":host .mat-dialog-content{margin:0 -16px 16px!important}:host .mat-button{background-color:#f5f5f5}:host>>>.mat-dialog-title{align-items:center;display:flex;justify-content:flex-start}:host>>>.mat-dialog-title .mat-icon{margin-right:5px}:host{display:block;padding:12px 16px}:host>>>.mat-dialog-title .mat-icon.info{color:#2962ff}:host>>>.mat-dialog-title .mat-icon.warning{color:#ffc107}:host>>>.mat-dialog-title .mat-icon.done{color:#4caf50}:host>>>.mat-dialog-title .mat-icon.error{color:#d32f2f}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":34,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DialogConfirmComponent"}]},{"__symbolic":"reference","name":"any"}]}]}}},"origins":{"SdNotifyModule":"./src/lib/notify.module","SdNotifyService":"./src/lib/notify.service","DialogData":"./src/lib/components/dialog-confirm/dialog-confirm.component","DialogConfirmComponent":"./src/lib/components/dialog-confirm/dialog-confirm.component"},"importAs":"@sd-angular/core/notify"}
+{"__symbolic":"module","version":4,"metadata":{"SdNotifyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":22,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":23,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":24,"character":4}],"declarations":[{"__symbolic":"reference","name":"DialogConfirmComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DialogConfirmComponent"}],"exports":[],"providers":[{"__symbolic":"reference","name":"SdNotifyService"}]}]}],"members":{}},"SdNotifyService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":5},"arguments":[{"__symbolic":"reference","name":"NOTIFY_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":30,"character":28}}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":27,"character":20},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":28,"character":20},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":29,"character":30},{"__symbolic":"reference","name":"INotifyConfiguration"}]}]}},"DialogData":{"__symbolic":"interface"},"DialogConfirmComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"sd-dialog-confirm","template":"<h1 mat-dialog-title class=\"\">\r\n  <mat-icon *ngIf=\"data?.icon\" [ngClass]=\"data?.icon\">\r\n    {{ data?.icon }}\r\n  </mat-icon>\r\n  <span [innerHtml]=\"data?.title || 'Confirm'\"></span>\r\n</h1>\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"isString\" [innerHtml]=\"data?.message\"></div>\r\n  <div *ngIf=\"!isString\" [innerHtml]=\"data?.message | json\"></div>\r\n  <div *ngIf=\"data?.input\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <textarea style=\"width: 100%\" matInput [placeholder]=\"data.input?.placeholder\" [(ngModel)]=\"value\"\r\n        autocomplete=\"off\" rows=\"5\" [maxlength]=\"data.input?.maxlength\"></textarea>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n<div mat-dialog-actions align=\"end\">\r\n  <sd-button *ngIf=\"data?.noTitle\" [color]=\"data?.noButtonColor || 'secondary'\" [mat-dialog-close]=\"'CANCEL'\"\r\n    [title]=\"data?.noTitle\" size=\"sm\"></sd-button>\r\n  <sd-button class=\"ml-12\" *ngIf=\"data?.yesTitle\" [mat-dialog-close]=\"value || 'ACCEPT'\"\r\n    [color]=\"data?.yesButtonColor || 'primary'\" [disabled]=\"required && !value\" cdkFocusInitial\r\n    [title]=\"data?.yesTitle\" size=\"sm\"></sd-button>\r\n</div>","styles":[":host .mat-dialog-content{margin:0 -16px 16px!important}:host .mat-button{background-color:#f5f5f5}:host>>>.mat-dialog-title{align-items:center;display:flex;justify-content:flex-start}:host>>>.mat-dialog-title .mat-icon{margin-right:5px}:host{display:block;padding:12px 16px}:host>>>.mat-dialog-title .mat-icon.info{color:#2962ff}:host>>>.mat-dialog-title .mat-icon.warning{color:#ffc107}:host>>>.mat-dialog-title .mat-icon.done{color:#4caf50}:host>>>.mat-dialog-title .mat-icon.error{color:#d32f2f}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":34,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"DialogConfirmComponent"}]},{"__symbolic":"reference","name":"any"}]}]}},"INotifyConfiguration":{"__symbolic":"interface"},"NOTIFY_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":33},"arguments":["notify.configuration"]}},"origins":{"SdNotifyModule":"./src/lib/notify.module","SdNotifyService":"./src/lib/notify.service","DialogData":"./src/lib/components/dialog-confirm/dialog-confirm.component","DialogConfirmComponent":"./src/lib/components/dialog-confirm/dialog-confirm.component","INotifyConfiguration":"./src/lib/configurations/notify.configuration","NOTIFY_CONFIG":"./src/lib/configurations/notify.configuration"},"importAs":"@sd-angular/core/notify"}

package/notify/src/lib/configurations/notify.configuration.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from "@angular/core";
+export interface INotifyConfiguration {
+    timeDelay?: number;
+}
+export declare const NOTIFY_CONFIG: InjectionToken<INotifyConfiguration>;

package/notify/src/lib/notify.service.d.ts

@@ -3,12 +3,14 @@ import { MatDialog } from '@angular/material/dialog';
 import { ToastrService } from 'ngx-toastr';
 import { SdTranslateService } from '@sd-angular/core/translate';
 import { SdBadgeColor } from '@sd-angular/core/badge';
+import { INotifyConfiguration } from './configurations/notify.configuration';
 export declare class SdNotifyService {
     #private;
     private dialog;
     private toastr;
     private translateService;
-    constructor(dialog: MatDialog, toastr: ToastrService, translateService: SdTranslateService);
+    private configuration;
+    constructor(dialog: MatDialog, toastr: ToastrService, translateService: SdTranslateService, configuration: INotifyConfiguration);
     alert: {
         info: (message?: string, title?: string, yesTitle?: string, icon?: string) => void;
         success: (message?: string, title?: string, yesTitle?: string, icon?: string) => void;

package/notify/src/public-api.d.ts

@@ -1,3 +1,4 @@
 export { SdNotifyModule } from './lib/notify.module';
 export * from './lib/notify.service';
 export * from './lib/components/dialog-confirm/dialog-confirm.component';
+export * from './lib/configurations/notify.configuration';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.2.37",
+  "version": "1.2.40",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",
@@ -44,7 +44,8 @@
     "tslib": "^2.0.0",
     "uuid": "^8.3.2",
     "xlsx": "^0.16.3",
-    "export-to-csv": "^0.2.1"
+    "export-to-csv": "^0.2.1",
+    "ngx-print": "^1.2.0-beta.5"
   },
   "main": "bundles/sd-angular-core.umd.js",
   "module": "fesm2015/sd-angular-core.js",

package/upload-excel/sd-angular-core-upload-excel.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdUploadExcelOption":{"__symbolic":"interface"},"SdUploadExcelColumn":{"__symbolic":"interface"},"SdUploadExcelBaseColumn":{"__symbolic":"interface"},"SdUploadExcelColumnString":{"__symbolic":"interface"},"SdUploadExcelColumnNumber":{"__symbolic":"interface"},"SdUploadExcelColumnBool":{"__symbolic":"interface"},"SdUploadExcelColumnDate":{"__symbolic":"interface"},"SdUploadExcelColumnTime":{"__symbolic":"interface"},"SdUploadExcelColumnDateTime":{"__symbolic":"interface"},"SdUploadExcelColumnValues":{"__symbolic":"interface"},"SdUploadExcelColumnStringArray":{"__symbolic":"interface"},"SdUploadExcelValidation":{"__symbolic":"interface"},"ExcelItem":{"__symbolic":"interface"},"SdUploadExcel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"sd-upload-excel","template":"<sd-modal [title]=\"(option?.title || 'Import Excel')| sdTranslate\" #modal>\r\n  <sd-modal-body background=\"#F0F8FF\">\r\n    <div class=\"row mx-0 mb-10\">\r\n      <sd-button *ngIf=\"items?.length\" class=\"mr-5\" (action)=\"view('ALL')\" icon=\"cached\"\r\n        [title]=\"'View all' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfSuccess\" class=\"mr-5\" (action)=\"view('SUCCESS')\" icon=\"done\" [title]=\"numberOfSuccess\"\r\n        [tooltip]=\"'Number of success rows' | sdTranslate\" size=\"sm\" color=\"success\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfWarning\" class=\"mr-5\" (action)=\"view('WARNING')\" icon=\"warning\"\r\n        [title]=\"numberOfWarning\" [tooltip]=\"'Number of warning rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfError\" class=\"mr-5\" (action)=\"view('ERROR')\" icon=\"error\" [title]=\"numberOfError\"\r\n        color=\"danger\" [tooltip]=\"'Number of error rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n    </div>\r\n    <div class=\"sd-box\">\r\n      <div class=\"sd-box-body p-0\">\r\n        <div class=\"table-responsive\" style=\"position: relative; height:50vh\">\r\n          <table class=\"table table-striped table-sm table-hover table-bordered\">\r\n            <thead class=\"thead-light\">\r\n              <tr>\r\n                <th class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">#</th>\r\n                <th *ngIf=\"filteredItems?.length\" class=\"text-center\" style=\"min-width: 250px; width: 250px\">\r\n                  {{'Upload message' | sdTranslate}}</th>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <th *ngIf=\"column | columnHidden\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" [matTooltip]=\"column.title\">\r\n                    <span class=\"c-ellipsis\"\r\n                      [ngStyle]=\"{'min-width':column.width ? column.width : '300px', 'max-width':column.width ? column.width : '300px'}\">{{column.title}}</span>\r\n                  </th>\r\n                </ng-container>\r\n              </tr>\r\n            </thead>\r\n            <tbody *ngIf=\"viewItems.length\">\r\n              <tr *ngFor=\"let item of viewItems\">\r\n                <td class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">\r\n                  <span class=\"badge\"\r\n                    [ngClass]=\"{'badge-success':!item.validation?.warning && !item.validation?.error, 'badge-warning':item.validation?.warning && !item.validation?.error, 'badge-danger':item.validation?.error}\"\r\n                    style=\"width: 100%\">{{item.excelIndex}}</span>\r\n                </td>\r\n                <td style=\"min-width: 250px; width: 250px\">\r\n                  <div\r\n                    [innerHtml]=\"item.validation?.error || item.validation?.warning || item.validation?.success || ('Success' | sdTranslate)\">\r\n                  </div>\r\n                </td>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <td *ngIf=\"column | columnHidden\" class=\"align-middle\"\r\n                    [ngClass]=\"{'table-warning':item.validation?.data[column.field]?.warning && !item.validation?.data[column.field]?.error, 'table-danger':item.validation?.data[column.field]?.error}\"\r\n                    [matTooltip]=\"item.validation?.data[column.field]?.error || item.validation?.data[column.field]?.warning\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" matTooltipPosition=\"above\">\r\n                    <span class=\"c-ellipsis\">\r\n                      <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' && item.origin\">\r\n                        {{item.origin[column.field] | columnTransform:item:column | async}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'number'\">\r\n                        {{item.validation?.data[column.field]?.error ? (item[column.field] | columnTransform:item:column | async): (item[column.field] | number :\r\n                        '1.0-2')}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'array'\">\r\n                        {{item[column.field]?.split(column.divideString)?.length}} {{column.unitString}}\r\n                        <button mat-button [matMenuTriggerFor]=\"menu\" class=\"c-mat-menu\">\r\n                          <mat-icon>open_in_new</mat-icon>\r\n                        </button>\r\n                        <mat-menu #menu=\"matMenu\">\r\n                          <div class=\"row mx-0\">\r\n                            <div class=\"col-6\" *ngFor=\"let itemArray of item[column.field]?.split(column.divideString)\">\r\n                              {{itemArray | columnTransform:item:column | async}}\r\n                            </div>\r\n                          </div>\r\n                        </mat-menu>\r\n                      </ng-container>\r\n                      <ng-container\r\n                        *ngIf=\"column.type !== 'date' && column.type !== 'datetime' && column.type !== 'number' && column.type !== 'array'\">\r\n                        <!-- {{item[column.field]}} -->\r\n                        {{item[column.field] | columnTransform:item:column | async}}\r\n\r\n                      </ng-container>\r\n                    </span>\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"sd-box-footer clearfix\">\r\n        <div style=\"display: flex; align-items: center; align-content: space-between;\">\r\n          <div style=\"flex: 1;\" [innerHTML]=\"option?.note\">\r\n          </div>\r\n          <div style=\"flex: 1;\">\r\n            <mat-paginator [length]=\"filteredItems?.length || 0\" hidePageSize>\r\n            </mat-paginator>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <div class=\"mr-auto\">\r\n      <sd-button class=\"mr-5\" (action)=\"upload()\" icon=\"file_upload\" [title]=\"'Upload' | sdTranslate\" size=\"sm\"\r\n        color=\"info\"></sd-button>\r\n      <sd-button class=\"mr-5\" (action)=\"downloadTemplate()\" icon=\"file_download\" [loading]=\"isDownloadTemplate\"\r\n        [title]=\"'Download template' | sdTranslate\" color=\"info\" type=\"outline\" size=\"sm\">\r\n      </sd-button>\r\n    </div>\r\n    <sd-button *ngIf=\"filteredItems?.length\" class=\"mr-5\" (action)=\"export()\" icon=\"get_app\"\r\n      [title]=\"'Download result' | sdTranslate\" size=\"sm\" color=\"info\" type=\"outline\">\r\n    </sd-button>\r\n    <sd-button (action)=\"accept()\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0 || isUploaded\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style=\"flex: 1; padding-right: 5px;\" (action)=\"upload()\" icon=\"file_upload\"\r\n      [title]=\"'Upload' | sdTranslate\" width=\"100%\" size=\"sm\" color=\"info\"></sd-button>\r\n    <sd-button style=\"flex: 1; padding-left: 5px;\" (action)=\"accept()\" icon=\"check\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0\" color=\"success\" width=\"100%\" size=\"sm\"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>","styles":[".table thead td,.table thead th{padding-bottom:5px;padding-top:5px}.table-striped tbody tr:nth-of-type(2n) .c-sticky-left{background-color:#fff}.table-striped tbody tr:nth-of-type(odd) .c-sticky-left{background-color:#f2f2f2}.c-sticky-left{border-left:none!important;border-right:none!important;left:0!important;z-index:20}.c-ellipsis{display:block;overflow:hidden!important;padding:.1rem;text-overflow:ellipsis;white-space:nowrap}.c-mat-menu{border:none}.c-mat-menu mat-icon{font-size:20px;vertical-align:middle}:host ::ng-deep .mat-paginator-container{height:32px;min-height:32px}:host ::ng-deep .mat-paginator-container .mat-icon-button{height:28px;line-height:28px;width:28px}"]}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["modal"]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":49,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":60,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/export","name":"SdExportService","line":61,"character":27},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":62,"character":30},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":63,"character":27},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":65,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdUploadExcelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":21,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorModule","line":22,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":26,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyModule","line":27,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":28,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":29,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":30,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":31,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdUploadExcel"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"SdUploadExcel"}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"columnHidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"columnTransform"}]}],"members":{}}},"origins":{"SdUploadExcelOption":"./src/lib/upload-excel.model","SdUploadExcelColumn":"./src/lib/upload-excel.model","SdUploadExcelBaseColumn":"./src/lib/upload-excel.model","SdUploadExcelColumnString":"./src/lib/upload-excel.model","SdUploadExcelColumnNumber":"./src/lib/upload-excel.model","SdUploadExcelColumnBool":"./src/lib/upload-excel.model","SdUploadExcelColumnDate":"./src/lib/upload-excel.model","SdUploadExcelColumnTime":"./src/lib/upload-excel.model","SdUploadExcelColumnDateTime":"./src/lib/upload-excel.model","SdUploadExcelColumnValues":"./src/lib/upload-excel.model","SdUploadExcelColumnStringArray":"./src/lib/upload-excel.model","SdUploadExcelValidation":"./src/lib/upload-excel.model","ExcelItem":"./src/lib/upload-excel.model","SdUploadExcel":"./src/lib/upload-excel.component","SdUploadExcelModule":"./src/lib/upload-excel.module","ɵa":"./src/lib/pipes/columm-hidden.pipe","ɵb":"./src/lib/pipes/column-transform.pipe"},"importAs":"@sd-angular/core/upload-excel"}
+{"__symbolic":"module","version":4,"metadata":{"SdUploadExcelOption":{"__symbolic":"interface"},"SdUploadExcelColumn":{"__symbolic":"interface"},"SdUploadExcelBaseColumn":{"__symbolic":"interface"},"SdUploadExcelColumnString":{"__symbolic":"interface"},"SdUploadExcelColumnNumber":{"__symbolic":"interface"},"SdUploadExcelColumnBool":{"__symbolic":"interface"},"SdUploadExcelColumnDate":{"__symbolic":"interface"},"SdUploadExcelColumnTime":{"__symbolic":"interface"},"SdUploadExcelColumnDateTime":{"__symbolic":"interface"},"SdUploadExcelColumnValues":{"__symbolic":"interface"},"SdUploadExcelColumnStringArray":{"__symbolic":"interface"},"SdUploadExcelValidation":{"__symbolic":"interface"},"ExcelItem":{"__symbolic":"interface"},"SdUploadExcel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"sd-upload-excel","template":"<sd-modal [title]=\"(option?.title || 'Import Excel')| sdTranslate\" #modal>\r\n  <sd-modal-body background=\"#F0F8FF\">\r\n    <div class=\"row mx-0 mb-10\">\r\n      <sd-button *ngIf=\"items?.length\" class=\"mr-5\" (action)=\"view('ALL')\" icon=\"cached\"\r\n        [title]=\"'View all' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfSuccess\" class=\"mr-5\" (action)=\"view('SUCCESS')\" icon=\"done\" [title]=\"numberOfSuccess\"\r\n        [tooltip]=\"'Number of success rows' | sdTranslate\" size=\"sm\" color=\"success\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfWarning\" class=\"mr-5\" (action)=\"view('WARNING')\" icon=\"warning\"\r\n        [title]=\"numberOfWarning\" [tooltip]=\"'Number of warning rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfError\" class=\"mr-5\" (action)=\"view('ERROR')\" icon=\"error\" [title]=\"numberOfError\"\r\n        color=\"danger\" [tooltip]=\"'Number of error rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n    </div>\r\n    <div class=\"sd-box\">\r\n      <div class=\"sd-box-body p-0\">\r\n        <div class=\"table-responsive\" style=\"position: relative; height:50vh\">\r\n          <table class=\"table table-striped table-sm table-hover table-bordered\">\r\n            <thead class=\"thead-light\">\r\n              <tr>\r\n                <th class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">#</th>\r\n                <th *ngIf=\"filteredItems?.length\" class=\"text-center\" style=\"min-width: 250px; width: 250px\">\r\n                  {{'Upload message' | sdTranslate}}</th>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <th *ngIf=\"column | columnHidden\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" [matTooltip]=\"column.title\">\r\n                    <span class=\"c-ellipsis\"\r\n                      [ngStyle]=\"{'min-width':column.width ? column.width : '300px', 'max-width':column.width ? column.width : '300px'}\">{{column.title}}</span>\r\n                  </th>\r\n                </ng-container>\r\n              </tr>\r\n            </thead>\r\n            <tbody *ngIf=\"viewItems.length\">\r\n              <tr *ngFor=\"let item of viewItems\">\r\n                <td class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">\r\n                  <span class=\"badge\"\r\n                    [ngClass]=\"{'badge-success':!item.validation?.warning && !item.validation?.error, 'badge-warning':item.validation?.warning && !item.validation?.error, 'badge-danger':item.validation?.error}\"\r\n                    style=\"width: 100%\">{{item.excelIndex}}</span>\r\n                </td>\r\n                <td style=\"min-width: 250px; width: 250px\">\r\n                  <div\r\n                    [innerHtml]=\"item.validation?.error || item.validation?.warning || item.validation?.success || ('Success' | sdTranslate)\">\r\n                  </div>\r\n                </td>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <td *ngIf=\"column | columnHidden\" class=\"align-middle\"\r\n                    [ngClass]=\"{'table-warning':item.validation?.data[column.field]?.warning && !item.validation?.data[column.field]?.error, 'table-danger':item.validation?.data[column.field]?.error}\"\r\n                    [matTooltip]=\"item.validation?.data[column.field]?.error || item.validation?.data[column.field]?.warning\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" matTooltipPosition=\"above\">\r\n                    <span class=\"c-ellipsis\">\r\n                      <ng-container *ngIf=\"(column.type === 'date' || column.type === 'datetime') && item.sdOrigin\">\r\n                        {{item.sdOrigin[column.field] | columnTransform:item:column | async}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'number'\">\r\n                        {{item.validation?.data[column.field]?.error ? (item[column.field] | columnTransform:item:column | async): (item[column.field] | number :\r\n                        '1.0-2')}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'array'\">\r\n                        {{item[column.field]?.split(column.divideString)?.length}} {{column.unitString}}\r\n                        <button mat-button [matMenuTriggerFor]=\"menu\" class=\"c-mat-menu\">\r\n                          <mat-icon>open_in_new</mat-icon>\r\n                        </button>\r\n                        <mat-menu #menu=\"matMenu\">\r\n                          <div class=\"row mx-0\">\r\n                            <div class=\"col-6\" *ngFor=\"let itemArray of item[column.field]?.split(column.divideString)\">\r\n                              {{itemArray | columnTransform:item:column | async}}\r\n                            </div>\r\n                          </div>\r\n                        </mat-menu>\r\n                      </ng-container>\r\n                      <ng-container\r\n                        *ngIf=\"column.type !== 'date' && column.type !== 'datetime' && column.type !== 'number' && column.type !== 'array'\">\r\n                        <!-- {{item[column.field]}} -->\r\n                        {{item[column.field] | columnTransform:item:column | async}}\r\n\r\n                      </ng-container>\r\n                    </span>\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"sd-box-footer clearfix\">\r\n        <div style=\"display: flex; align-items: center; align-content: space-between;\">\r\n          <div style=\"flex: 1;\" [innerHTML]=\"option?.note\">\r\n          </div>\r\n          <div style=\"flex: 1;\">\r\n            <mat-paginator [length]=\"filteredItems?.length || 0\" hidePageSize>\r\n            </mat-paginator>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <div class=\"mr-auto\">\r\n      <sd-button class=\"mr-5\" (action)=\"upload()\" icon=\"file_upload\" [title]=\"'Upload' | sdTranslate\" size=\"sm\"\r\n        color=\"info\"></sd-button>\r\n      <sd-button class=\"mr-5\" (action)=\"downloadTemplate()\" icon=\"file_download\" [loading]=\"isDownloadTemplate\"\r\n        [title]=\"'Download template' | sdTranslate\" color=\"info\" type=\"outline\" size=\"sm\">\r\n      </sd-button>\r\n    </div>\r\n    <sd-button *ngIf=\"filteredItems?.length\" class=\"mr-5\" (action)=\"export()\" icon=\"get_app\"\r\n      [title]=\"'Download result' | sdTranslate\" size=\"sm\" color=\"info\" type=\"outline\">\r\n    </sd-button>\r\n    <sd-button (action)=\"accept()\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0 || isUploaded\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style=\"flex: 1; padding-right: 5px;\" (action)=\"upload()\" icon=\"file_upload\"\r\n      [title]=\"'Upload' | sdTranslate\" width=\"100%\" size=\"sm\" color=\"info\"></sd-button>\r\n    <sd-button style=\"flex: 1; padding-left: 5px;\" (action)=\"accept()\" icon=\"check\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0\" color=\"success\" width=\"100%\" size=\"sm\"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>","styles":[".table thead td,.table thead th{padding-bottom:5px;padding-top:5px}.table-striped tbody tr:nth-of-type(2n) .c-sticky-left{background-color:#fff}.table-striped tbody tr:nth-of-type(odd) .c-sticky-left{background-color:#f2f2f2}.c-sticky-left{border-left:none!important;border-right:none!important;left:0!important;z-index:20}.c-ellipsis{display:block;overflow:hidden!important;padding:.1rem;text-overflow:ellipsis;white-space:nowrap}.c-mat-menu{border:none}.c-mat-menu mat-icon{font-size:20px;vertical-align:middle}:host ::ng-deep .mat-paginator-container{height:32px;min-height:32px}:host ::ng-deep .mat-paginator-container .mat-icon-button{height:28px;line-height:28px;width:28px}"]}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["modal"]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":49,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":60,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/export","name":"SdExportService","line":61,"character":27},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":62,"character":30},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":63,"character":27},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":65,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdUploadExcelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":21,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorModule","line":22,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":26,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyModule","line":27,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":28,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/utility","name":"SdUtilityModule","line":29,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":30,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/modal","name":"SdModalModule","line":31,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/input","name":"SdInputModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdUploadExcel"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"SdUploadExcel"}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"columnHidden"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"columnTransform"}]}],"members":{}}},"origins":{"SdUploadExcelOption":"./src/lib/upload-excel.model","SdUploadExcelColumn":"./src/lib/upload-excel.model","SdUploadExcelBaseColumn":"./src/lib/upload-excel.model","SdUploadExcelColumnString":"./src/lib/upload-excel.model","SdUploadExcelColumnNumber":"./src/lib/upload-excel.model","SdUploadExcelColumnBool":"./src/lib/upload-excel.model","SdUploadExcelColumnDate":"./src/lib/upload-excel.model","SdUploadExcelColumnTime":"./src/lib/upload-excel.model","SdUploadExcelColumnDateTime":"./src/lib/upload-excel.model","SdUploadExcelColumnValues":"./src/lib/upload-excel.model","SdUploadExcelColumnStringArray":"./src/lib/upload-excel.model","SdUploadExcelValidation":"./src/lib/upload-excel.model","ExcelItem":"./src/lib/upload-excel.model","SdUploadExcel":"./src/lib/upload-excel.component","SdUploadExcelModule":"./src/lib/upload-excel.module","ɵa":"./src/lib/pipes/columm-hidden.pipe","ɵb":"./src/lib/pipes/column-transform.pipe"},"importAs":"@sd-angular/core/upload-excel"}

package/upload-excel/src/lib/upload-excel.component.d.ts

@@ -54,7 +54,7 @@ export declare class SdUploadExcel implements OnInit, OnDestroy {
 }
 interface ExcelItem {
     validation: SdUploadExcelValidation;
-    origin: any;
+    sdOrigin: any;
     excelIndex: number;
     [column: string]: any;
 }

package/utility/src/lib/utility.service.d.ts

@@ -16,5 +16,5 @@ export declare class SdUtilityService {
     }) => Promise<File>;
     download: (filePath: string, fileName?: string) => void;
     copyToClipboard: (text: string) => void;
-    printHtml: (elementId: string) => void;
+    printHtml: (elementId: string, fileName?: string) => void;
 }