@acorex/components 7.1.0 → 7.1.1

package/fesm2022/acorex-components-time-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-time-box.mjs","sources":["../../../../projects/acorex/components/time-box/src/time-box.component.ts","../../../../projects/acorex/components/time-box/src/time-box.component.html","../../../../projects/acorex/components/time-box/src/time-box.module.ts","../../../../projects/acorex/components/time-box/acorex-components-time-box.ts"],"sourcesContent":["import { AXStringUtil } from '@acorex/core/utils';\r\nimport { AXDateTime } from '@acorex/core/dateTime';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  EventEmitter,\r\n  Output,\r\n  Input,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport IMask from 'imask';\r\nimport { IMaskDirective } from 'angular-imask';\r\nimport { AXBaseTextBoxMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\r\n\r\n\r\nexport type AX_TIME_FORMAT = 'HH:mm' | 'HH:mm:ss';\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-time-box',\r\n  templateUrl: './time-box.component.html',\r\n  inputs: [\r\n    'disabled',\r\n    'readonly',\r\n    'tabIndex',\r\n    'size',\r\n    'value',\r\n    'placeholder', 'maxLength', 'allowNull', 'type', 'autoComplete', 'readonly', 'allowNull', 'value', 'name', 'checked',\r\n  ],\r\n  outputs: [\r\n    'valueChange',\r\n    'onValueChanged',\r\n    'onBlur',\r\n    'onFocus',\r\n    'valueChange', 'onValueChanged',\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-editor-container ax-drop-down' },\r\n})\r\nexport class AXTimeBoxComponent extends AXBaseTextBoxMixin {\r\n\r\n  @ViewChild('input')\r\n  input: ElementRef<HTMLInputElement>;\r\n\r\n  private _minValue: Date;\r\n  @Input()\r\n  public get minValue(): Date {\r\n    return this._minValue;\r\n  }\r\n  public set minValue(v: Date) {\r\n    this._minValue = v;\r\n  }\r\n\r\n  private _maxValue: Date;\r\n  @Input()\r\n  public get maxValue(): Date {\r\n    return this._maxValue;\r\n  }\r\n  public set maxValue(v: Date) {\r\n    this._maxValue = v;\r\n  }\r\n\r\n  @Output()\r\n  formatChange = new EventEmitter<string>();\r\n\r\n  private _format: AX_TIME_FORMAT = 'HH:mm';\r\n  @Input()\r\n  public get format(): AX_TIME_FORMAT {\r\n    return this._format;\r\n  }\r\n  public set format(v: AX_TIME_FORMAT) {\r\n    this._setOption({\r\n      name: 'format',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public displayTextChange: EventEmitter<string> = new EventEmitter<string>();\r\n  private _displayText: string = '';\r\n\r\n  @Input()\r\n  public get displayText(): string {\r\n    return this._displayText;\r\n  }\r\n\r\n  public set displayText(v: string) {\r\n    this._displayText = v;\r\n    this.displayTextChange.emit(v);\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  protected _maskObj: IMask.MaskedPattern;\r\n\r\n  @ViewChild(IMaskDirective)\r\n  private _maskDirective: IMaskDirective<IMask.MaskedNumber>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onViewInit(): void {\r\n    super.onViewInit();\r\n    this._updateMask();\r\n  }\r\n\r\n  _onValueChanged(oldValue?: any, newValue?: any) {\r\n    this._updateText();\r\n    this._maskDirective?.maskRef?.updateValue();\r\n    this._maskDirective?.maskRef?.updateControl();\r\n  }\r\n\r\n  _updateText() {\r\n    this.displayText = this.value\r\n      ? AXDateTime.convert(this.value).format(this.format)\r\n      : '';\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    super._onOptionChanged(option);\r\n    this._updateMask();\r\n  }\r\n\r\n  focus(): void {\r\n    this.input.nativeElement.focus()\r\n  }\r\n\r\n\r\n  private _updateMask() {\r\n    if (!this._maskObj) {\r\n      this._maskObj = IMask.createMask({\r\n        mask: this.format,\r\n        lazy: false,\r\n        autofix: true,\r\n        overwrite: true,\r\n        blocks: {\r\n          HH: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 23,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n          mm: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 59,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n          ss: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 59,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n        },\r\n      });\r\n    } else {\r\n      this._maskObj.updateOptions({\r\n        mask: this.format,\r\n      });\r\n    }\r\n    this._maskDirective?.maskRef?.updateValue();\r\n    this._maskDirective?.maskRef?.updateControl();\r\n  }\r\n\r\n  _handleOnKeydownEvent(e: KeyboardEvent) {\r\n    debugger\r\n    const ignore = () => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const nums: string[] = Array(10)\r\n      .fill(0)\r\n      .map((v, i) => i.toString());\r\n    const chars: string[] = [\r\n      'Backspace',\r\n      'ArrowDown',\r\n      'ArrowUp',\r\n      'ArrowRight',\r\n      'ArrowLeft',\r\n      'Tab',\r\n      'Enter',\r\n    ];\r\n    const input = e.target as HTMLInputElement;\r\n    const key = e.key;\r\n    const valStr = input.value;\r\n    const sStart = input.selectionStart || 0;\r\n    const sEnd = input.selectionEnd || 0;\r\n    const dateVal = new AXDateTime(this.value);\r\n    //\r\n    const re = /[a-zA-Z0-9]+/gi;\r\n    const parts = Array.from(this.format.matchAll(re));\r\n    const word = valStr.substring(sStart, sEnd);\r\n    const part = parts.find((c: any) => c.index >= sStart);\r\n    const next = Array.from(valStr.substr(sEnd).matchAll(re));\r\n    const prev = Array.from(valStr.substring(0, sStart).matchAll(re));\r\n    //const part = parts[Array.from(valStr.matchAll(re)).findIndex(c => c[0] == word)];\r\n    //\r\n\r\n    const goNext = () => {\r\n      this._highlightPart(input, sEnd + (next[0]?.index || 0));\r\n    };\r\n    const goPrev = () => {\r\n      this._highlightPart(input, prev[prev.length - 1]?.index);\r\n    };\r\n\r\n    //\r\n    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n      ignore();\r\n      e.key === 'ArrowRight' ? goNext() : goPrev();\r\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\r\n      if (e.ctrlKey && e.key === 'ArrowDown') {\r\n        //this.open();\r\n      } else {\r\n        const sign = e.key === 'ArrowUp' ? +1 : -1;\r\n        if (part) {\r\n          switch (part[0]) {\r\n            case 'hh':\r\n            case 'h':\r\n            case 'HH':\r\n            case 'H':\r\n              this.value = dateVal.add('hour', sign).date;\r\n              break;\r\n            case 'mm':\r\n              this.value = dateVal.add('minute', sign).date;\r\n              break;\r\n            case 'ss':\r\n            case 'SS':\r\n              this.value = dateVal.add('second', sign).date;\r\n              break;\r\n          }\r\n          setTimeout(() => {\r\n            this._highlightPart(input, sStart);\r\n          }, 10);\r\n        }\r\n      }\r\n      ignore();\r\n    } else if (e.key == 'Backspace') {\r\n      // if (this.allowNull) {\r\n      //     this.value = null;\r\n      // }\r\n      // ignore();\r\n    } else if (e.key == 'Tab') {\r\n      if (sEnd < valStr.length && !e.shiftKey) {\r\n        goNext();\r\n        ignore();\r\n      } else if (sStart != 0 && e.shiftKey) {\r\n        goPrev();\r\n        ignore();\r\n      }\r\n    } else {\r\n      // const keys = {\r\n      //     h: {\r\n      //         v: /^[0-9]$|^[1][0-2]$/,\r\n      //         p: '0'\r\n      //     },\r\n      //     H: {\r\n      //         v: /^[0-9]$|^1[0-9]$|2[0-3]$/,\r\n      //         p: '0'\r\n      //     },\r\n      //     m: {\r\n      //         v: /^[0-9]$|^[1-5][0-9]$/,\r\n      //         p: '0'\r\n      //     }\r\n      // }\r\n      // // const re = new RegExp(_.orderBy(Object.keys(keys), c => c.length, ['desc']).join(\"|\"), \"gi\");\r\n      // // return format.replace(re, function (matched) {\r\n      // //   return keys[matched]();\r\n      // // });\r\n      // const t = keys[part[0]];\r\n      // if (!t.v.test(key)) {\r\n      //     ignore();\r\n      // }\r\n      // else {\r\n      //     this._updateText()\r\n      // }\r\n    }\r\n    // super._emitOnKeydownEvent(e);\r\n  }\r\n\r\n  _handleKeyUpEvent(e: KeyboardEvent) {\r\n    // const input = (e.target as HTMLInputElement);\r\n    // setTimeout(() => {\r\n    //     this._highlightPart(input);\r\n    // }, 700);\r\n  }\r\n\r\n  _emitOnFocusEvent(e: FocusEvent): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this._highlightPart(input);\r\n    super._emitOnFocusEvent(e);\r\n  }\r\n\r\n  _handleOnInputClickEvent(e: MouseEvent): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this._highlightPart(input);\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  private _highlightPart(input: HTMLInputElement, pos?: number) {\r\n    const { start, end } = AXStringUtil.getWordBoundsAtPosition(\r\n      input.value,\r\n      pos != null ? pos : input.selectionStart || 0\r\n    );\r\n    input.setSelectionRange(start, end);\r\n  }\r\n\r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input #input class=\"ax-input\" \r\n    [imask]=\"_maskObj\" \r\n    [unmask]=\"false\"  \r\n    type=\"text\" \r\n    [attr.placeholder]=\"placeholder\"\r\n    [class.ax-state-disabled]=\"disabled\" \r\n    [class.ax-state-readonly]=\"readonly\" \r\n    [disabled]=\"disabled\"\r\n    [readonly]=\"readonly\" \r\n    [tabindex]=\"tabIndex\" \r\n    [ngModel]=\"displayText\" \r\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\"\r\n    (keyup)=\"_handleKeyUpEvent($event)\" \r\n    (keydown)=\"_handleOnKeydownEvent($event)\" \r\n    autocomplete=\"off\">\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTimeBoxComponent } from './time-box.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { IMaskModule } from 'angular-imask';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXTimeBoxComponent];\r\nconst MODULES = [\r\n    CommonModule,\r\n    FormsModule,\r\n    AXButtonModule,\r\n    IMaskModule\r\n];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXTimeBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-time-box.mjs","sources":["../../../../projects/acorex/components/time-box/src/time-box.component.ts","../../../../projects/acorex/components/time-box/src/time-box.component.html","../../../../projects/acorex/components/time-box/src/time-box.module.ts","../../../../projects/acorex/components/time-box/acorex-components-time-box.ts"],"sourcesContent":["import { AXStringUtil } from '@acorex/core/utils';\r\nimport { AXDateTime } from '@acorex/core/dateTime';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  EventEmitter,\r\n  Output,\r\n  Input,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport IMask from 'imask';\r\nimport { IMaskDirective } from 'angular-imask';\r\nimport { AXBaseTextBoxMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\r\n\r\n\r\nexport type AX_TIME_FORMAT = 'HH:mm' | 'HH:mm:ss';\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-time-box',\r\n  templateUrl: './time-box.component.html',\r\n  inputs: [\r\n    'disabled',\r\n    'readonly',\r\n    'tabIndex',\r\n    'size',\r\n    'value',\r\n    'placeholder', 'maxLength', 'allowNull', 'type', 'autoComplete', 'readonly', 'allowNull', 'value', 'name', 'checked',\r\n  ],\r\n  outputs: [\r\n    'valueChange',\r\n    'onValueChanged',\r\n    'onBlur',\r\n    'onFocus',\r\n    'valueChange', 'onValueChanged',\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-editor-container ax-drop-down' },\r\n})\r\nexport class AXTimeBoxComponent extends AXBaseTextBoxMixin {\r\n\r\n  @ViewChild('input')\r\n  input: ElementRef<HTMLInputElement>;\r\n\r\n  private _minValue: Date;\r\n  @Input()\r\n  public get minValue(): Date {\r\n    return this._minValue;\r\n  }\r\n  public set minValue(v: Date) {\r\n    this._minValue = v;\r\n  }\r\n\r\n  private _maxValue: Date;\r\n  @Input()\r\n  public get maxValue(): Date {\r\n    return this._maxValue;\r\n  }\r\n  public set maxValue(v: Date) {\r\n    this._maxValue = v;\r\n  }\r\n\r\n  @Output()\r\n  formatChange = new EventEmitter<string>();\r\n\r\n  private _format: AX_TIME_FORMAT = 'HH:mm';\r\n  @Input()\r\n  public get format(): AX_TIME_FORMAT {\r\n    return this._format;\r\n  }\r\n  public set format(v: AX_TIME_FORMAT) {\r\n    this._setOption({\r\n      name: 'format',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public displayTextChange: EventEmitter<string> = new EventEmitter<string>();\r\n  private _displayText: string = '';\r\n\r\n  @Input()\r\n  public get displayText(): string {\r\n    return this._displayText;\r\n  }\r\n\r\n  public set displayText(v: string) {\r\n    this._displayText = v;\r\n    this.displayTextChange.emit(v);\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  protected _maskObj: IMask.MaskedPattern;\r\n\r\n  @ViewChild(IMaskDirective)\r\n  private _maskDirective: IMaskDirective<IMask.MaskedNumber>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onViewInit(): void {\r\n    super.onViewInit();\r\n    this._updateMask();\r\n  }\r\n\r\n  _onValueChanged(oldValue?: any, newValue?: any) {\r\n    this._updateText();\r\n    this._maskDirective?.maskRef?.updateValue();\r\n    this._maskDirective?.maskRef?.updateControl();\r\n  }\r\n\r\n  _updateText() {\r\n    this.displayText = this.value\r\n      ? AXDateTime.convert(this.value).format(this.format)\r\n      : '';\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    super._onOptionChanged(option);\r\n    this._updateMask();\r\n  }\r\n\r\n  focus(): void {\r\n    this.input.nativeElement.focus()\r\n  }\r\n\r\n\r\n  private _updateMask() {\r\n    if (!this._maskObj) {\r\n      this._maskObj = IMask.createMask({\r\n        mask: this.format,\r\n        lazy: false,\r\n        autofix: true,\r\n        overwrite: true,\r\n        blocks: {\r\n          HH: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 23,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n          mm: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 59,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n          ss: {\r\n            mask: IMask.MaskedRange,\r\n            from: 0,\r\n            to: 59,\r\n            maxLength: 2,\r\n            placeholderChar: '0',\r\n            autofix: 'pad',\r\n          },\r\n        },\r\n      });\r\n    } else {\r\n      this._maskObj.updateOptions({\r\n        mask: this.format,\r\n      });\r\n    }\r\n    this._maskDirective?.maskRef?.updateValue();\r\n    this._maskDirective?.maskRef?.updateControl();\r\n  }\r\n\r\n  _handleOnKeydownEvent(e: KeyboardEvent) {\r\n    debugger\r\n    const ignore = () => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const nums: string[] = Array(10)\r\n      .fill(0)\r\n      .map((v, i) => i.toString());\r\n    const chars: string[] = [\r\n      'Backspace',\r\n      'ArrowDown',\r\n      'ArrowUp',\r\n      'ArrowRight',\r\n      'ArrowLeft',\r\n      'Tab',\r\n      'Enter',\r\n    ];\r\n    const input = e.target as HTMLInputElement;\r\n    const key = e.key;\r\n    const valStr = input.value;\r\n    const sStart = input.selectionStart || 0;\r\n    const sEnd = input.selectionEnd || 0;\r\n    const dateVal = new AXDateTime(this.value);\r\n    //\r\n    const re = /[a-zA-Z0-9]+/gi;\r\n    const parts = Array.from(this.format.matchAll(re));\r\n    const word = valStr.substring(sStart, sEnd);\r\n    const part = parts.find((c: any) => c.index >= sStart);\r\n    const next = Array.from(valStr.substr(sEnd).matchAll(re));\r\n    const prev = Array.from(valStr.substring(0, sStart).matchAll(re));\r\n    //const part = parts[Array.from(valStr.matchAll(re)).findIndex(c => c[0] == word)];\r\n    //\r\n\r\n    const goNext = () => {\r\n      this._highlightPart(input, sEnd + (next[0]?.index || 0));\r\n    };\r\n    const goPrev = () => {\r\n      this._highlightPart(input, prev[prev.length - 1]?.index);\r\n    };\r\n\r\n    //\r\n    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n      ignore();\r\n      e.key === 'ArrowRight' ? goNext() : goPrev();\r\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\r\n      if (e.ctrlKey && e.key === 'ArrowDown') {\r\n        //this.open();\r\n      } else {\r\n        const sign = e.key === 'ArrowUp' ? +1 : -1;\r\n        if (part) {\r\n          switch (part[0]) {\r\n            case 'hh':\r\n            case 'h':\r\n            case 'HH':\r\n            case 'H':\r\n              this.value = dateVal.add('hour', sign).date;\r\n              break;\r\n            case 'mm':\r\n              this.value = dateVal.add('minute', sign).date;\r\n              break;\r\n            case 'ss':\r\n            case 'SS':\r\n              this.value = dateVal.add('second', sign).date;\r\n              break;\r\n          }\r\n          setTimeout(() => {\r\n            this._highlightPart(input, sStart);\r\n          }, 10);\r\n        }\r\n      }\r\n      ignore();\r\n    } else if (e.key == 'Backspace') {\r\n      // if (this.allowNull) {\r\n      //     this.value = null;\r\n      // }\r\n      // ignore();\r\n    } else if (e.key == 'Tab') {\r\n      if (sEnd < valStr.length && !e.shiftKey) {\r\n        goNext();\r\n        ignore();\r\n      } else if (sStart != 0 && e.shiftKey) {\r\n        goPrev();\r\n        ignore();\r\n      }\r\n    } else {\r\n      // const keys = {\r\n      //     h: {\r\n      //         v: /^[0-9]$|^[1][0-2]$/,\r\n      //         p: '0'\r\n      //     },\r\n      //     H: {\r\n      //         v: /^[0-9]$|^1[0-9]$|2[0-3]$/,\r\n      //         p: '0'\r\n      //     },\r\n      //     m: {\r\n      //         v: /^[0-9]$|^[1-5][0-9]$/,\r\n      //         p: '0'\r\n      //     }\r\n      // }\r\n      // // const re = new RegExp(_.orderBy(Object.keys(keys), c => c.length, ['desc']).join(\"|\"), \"gi\");\r\n      // // return format.replace(re, function (matched) {\r\n      // //   return keys[matched]();\r\n      // // });\r\n      // const t = keys[part[0]];\r\n      // if (!t.v.test(key)) {\r\n      //     ignore();\r\n      // }\r\n      // else {\r\n      //     this._updateText()\r\n      // }\r\n    }\r\n    // super._emitOnKeydownEvent(e);\r\n  }\r\n\r\n  _handleKeyUpEvent(e: KeyboardEvent) {\r\n    // const input = (e.target as HTMLInputElement);\r\n    // setTimeout(() => {\r\n    //     this._highlightPart(input);\r\n    // }, 700);\r\n  }\r\n\r\n  _emitOnFocusEvent(e: FocusEvent): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this._highlightPart(input);\r\n    super._emitOnFocusEvent(e);\r\n  }\r\n\r\n  _handleOnInputClickEvent(e: MouseEvent): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this._highlightPart(input);\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  private _highlightPart(input: HTMLInputElement, pos?: number) {\r\n    const { start, end } = AXStringUtil.getWordBoundsAtPosition(\r\n      input.value,\r\n      pos != null ? pos : input.selectionStart || 0\r\n    );\r\n    input.setSelectionRange(start, end);\r\n  }\r\n\r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input #input class=\"ax-input\" \r\n    [imask]=\"_maskObj\" \r\n    [unmask]=\"false\"  \r\n    type=\"text\" \r\n    [attr.placeholder]=\"placeholder\"\r\n    [class.ax-state-disabled]=\"disabled\" \r\n    [class.ax-state-readonly]=\"readonly\" \r\n    [disabled]=\"disabled\"\r\n    [readonly]=\"readonly\" \r\n    [tabindex]=\"tabIndex\" \r\n    [ngModel]=\"displayText\" \r\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\"\r\n    (keyup)=\"_handleKeyUpEvent($event)\" \r\n    (keydown)=\"_handleOnKeydownEvent($event)\" \r\n    autocomplete=\"off\">\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTimeBoxComponent } from './time-box.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { IMaskModule } from 'angular-imask';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXTimeBoxComponent];\r\nconst MODULES = [\r\n    CommonModule,\r\n    FormsModule,\r\n    AXButtonModule,\r\n    IMaskModule\r\n];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXTimeBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-toast.mjs

@@ -10,216 +10,216 @@ import { AXConfig } from '@acorex/core/config';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1$1 from '@angular/cdk/overlay';
 
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXToastComponent extends AXBaseComponentMixin {
-    options;
-    _toastWidth = 100;
-    _icon;
-    close;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-    }
-    onInit() {
-        if (this.options.timeOut) {
-            setTimeout(() => {
-                this.close();
-            }, this.options.timeOut);
-        }
-        if (!this.options.icon) {
-            switch (this.options.color) {
-                case 'success':
-                    this._icon = 'ax-icon ax-icon-check-circle-fill';
-                    break;
-                case 'warning':
-                    this._icon = 'ax-icon ax-icon-warning-fill';
-                    break;
-                case 'danger':
-                    this._icon = 'ax-icon ax-icon-error-fill';
-                    break;
-                default:
-                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
-                    break;
-            }
-        }
-        else {
-            this._icon = this.options.icon;
-        }
-    }
-    _handleButtonClick(button) {
-        if (button.onClick) {
-            button.onClick(this);
-        }
-    }
-    get __hostClass() {
-        return `ax-${this.options.color}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXToastComponent extends AXBaseComponentMixin {
+    options;
+    _toastWidth = 100;
+    _icon;
+    close;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    onInit() {
+        if (this.options.timeOut) {
+            setTimeout(() => {
+                this.close();
+            }, this.options.timeOut);
+        }
+        if (!this.options.icon) {
+            switch (this.options.color) {
+                case 'success':
+                    this._icon = 'ax-icon ax-icon-check-circle-fill';
+                    break;
+                case 'warning':
+                    this._icon = 'ax-icon ax-icon-warning-fill';
+                    break;
+                case 'danger':
+                    this._icon = 'ax-icon ax-icon-error-fill';
+                    break;
+                default:
+                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
+                    break;
+            }
+        }
+        else {
+            this._icon = this.options.icon;
+        }
+    }
+    _handleButtonClick(button) {
+        if (button.onClick) {
+            button.onClick(this);
+        }
+    }
+    get __hostClass() {
+        return `ax-${this.options.color}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-const COMPONENT = [AXToastComponent];
-const MODULES = [CommonModule, AXButtonModule];
-class AXToastModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, imports: [MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [AXToastComponent];
+const MODULES = [CommonModule, AXButtonModule];
+class AXToastModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-class AXToastService {
-    overlayService;
-    parentInjector;
-    _defaults = {
-        gap: 5,
-        timeOut: 2500,
-        location: 'bottom-center',
-    };
-    constructor(overlayService, parentInjector) {
-        this.overlayService = overlayService;
-        this.parentInjector = parentInjector;
-    }
-    _activeList = [];
-    primary(content) {
-        this.show({
-            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
-            color: 'primary',
-            content: content
-        });
-    }
-    secondary(content) {
-        this.show({
-            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
-            color: 'secondary',
-            content: content
-        });
-    }
-    success(content) {
-        this.show({
-            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
-            color: 'success',
-            content: content
-        });
-    }
-    warning(content) {
-        this.show({
-            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
-            color: 'warning',
-            content: content
-        });
-    }
-    danger(content) {
-        this.show({
-            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
-            color: 'danger',
-            content: content
-        });
-    }
-    show(options) {
-        const opt = Object.assign({
-            closeable: true,
-            location: AXConfig.get('toast.location') || this._defaults.location
-        }, options);
-        const gap = AXConfig.get('toast.gap') || this._defaults.gap;
-        let positionStrategy = this.overlayService.position().global();
-        const pos = this.getPosition(opt.location) + gap + 'px';
-        switch (opt.location) {
-            case 'bottom-center':
-                positionStrategy = positionStrategy.bottom(pos).centerHorizontally();
-                break;
-            case 'bottom-end':
-                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');
-                break;
-            case 'bottom-start':
-                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');
-                break;
-            case 'top-center':
-                positionStrategy = positionStrategy.top(pos).centerHorizontally();
-                break;
-            case 'top-end':
-                positionStrategy = positionStrategy.top(pos).right(gap + 'px');
-                break;
-            case 'top-start':
-                positionStrategy = positionStrategy.top(pos).left(gap + 'px');
-                break;
-            case 'center-start':
-                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');
-                break;
-            case 'center-end':
-                positionStrategy = positionStrategy.centerVertically().right(gap + 'px');
-                break;
-        }
-        const overlayRef = this.overlayService.create({
-            positionStrategy,
-            panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],
-        });
-        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);
-        const host = overlayRef.attach(toastPortal);
-        host.instance.visibleIndex = this._activeList.length;
-        this._activeList.push(host.instance);
-        if (host.instance) {
-            Object.assign(host.instance, {
-                options: opt,
-                close: () => {
-                    this._activeList = this._activeList.filter(c => c != host.instance);
-                    overlayRef.dispose();
-                }
-            });
-            setTimeout(() => {
-                host.changeDetectorRef.detectChanges();
-            }, 0);
-        }
-        return {
-            close: () => {
-                host.instance.close();
-            }
-        };
-    }
-    hideAll() {
-        this._activeList.forEach(c => c.close());
-    }
-    getPosition(location) {
-        const list = this._activeList.filter(c => c.options.location == location);
-        if (list.length == 0)
-            return 0;
-        if (location.split('-')[0] == 'bottom') {
-            return window.innerHeight - list[list.length - 1]._getHostElement().offsetTop;
-        }
-        else {
-            return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+class AXToastService {
+    overlayService;
+    parentInjector;
+    _defaults = {
+        gap: 5,
+        timeOut: 2500,
+        location: 'bottom-center',
+    };
+    constructor(overlayService, parentInjector) {
+        this.overlayService = overlayService;
+        this.parentInjector = parentInjector;
+    }
+    _activeList = [];
+    primary(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'primary',
+            content: content
+        });
+    }
+    secondary(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'secondary',
+            content: content
+        });
+    }
+    success(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'success',
+            content: content
+        });
+    }
+    warning(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'warning',
+            content: content
+        });
+    }
+    danger(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'danger',
+            content: content
+        });
+    }
+    show(options) {
+        const opt = Object.assign({
+            closeable: true,
+            location: AXConfig.get('toast.location') || this._defaults.location
+        }, options);
+        const gap = AXConfig.get('toast.gap') || this._defaults.gap;
+        let positionStrategy = this.overlayService.position().global();
+        const pos = this.getPosition(opt.location) + gap + 'px';
+        switch (opt.location) {
+            case 'bottom-center':
+                positionStrategy = positionStrategy.bottom(pos).centerHorizontally();
+                break;
+            case 'bottom-end':
+                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');
+                break;
+            case 'bottom-start':
+                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');
+                break;
+            case 'top-center':
+                positionStrategy = positionStrategy.top(pos).centerHorizontally();
+                break;
+            case 'top-end':
+                positionStrategy = positionStrategy.top(pos).right(gap + 'px');
+                break;
+            case 'top-start':
+                positionStrategy = positionStrategy.top(pos).left(gap + 'px');
+                break;
+            case 'center-start':
+                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');
+                break;
+            case 'center-end':
+                positionStrategy = positionStrategy.centerVertically().right(gap + 'px');
+                break;
+        }
+        const overlayRef = this.overlayService.create({
+            positionStrategy,
+            panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],
+        });
+        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);
+        const host = overlayRef.attach(toastPortal);
+        host.instance.visibleIndex = this._activeList.length;
+        this._activeList.push(host.instance);
+        if (host.instance) {
+            Object.assign(host.instance, {
+                options: opt,
+                close: () => {
+                    this._activeList = this._activeList.filter(c => c != host.instance);
+                    overlayRef.dispose();
+                }
+            });
+            setTimeout(() => {
+                host.changeDetectorRef.detectChanges();
+            }, 0);
+        }
+        return {
+            close: () => {
+                host.instance.close();
+            }
+        };
+    }
+    hideAll() {
+        this._activeList.forEach(c => c.close());
+    }
+    getPosition(location) {
+        const list = this._activeList.filter(c => c.options.location == location);
+        if (list.length == 0)
+            return 0;
+        if (location.split('-')[0] == 'bottom') {
+            return window.innerHeight - list[list.length - 1]._getHostElement().offsetTop;
+        }
+        else {
+            return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; } });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXToastComponent, AXToastModule, AXToastService };