@koobiq/components 17.0.0-beta.1 → 17.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/autocomplete/autocomplete-trigger.directive.d.ts +7 -1
  2. package/button-toggle/_button-toggle-theme.scss +4 -0
  3. package/checkbox/checkbox.scss +0 -1
  4. package/code-block/_code-block-theme.scss +15 -9
  5. package/code-block/actionbar.component.scss +1 -1
  6. package/code-block/code-block.component.d.ts +3 -0
  7. package/code-block/code-block.scss +14 -4
  8. package/core/datetime/date-adapter.d.ts +1 -1
  9. package/core/datetime/date-formats.d.ts +1 -1
  10. package/core/formatters/date/formatter.d.ts +2 -2
  11. package/core/formatters/date/formatter.pipe.d.ts +1 -1
  12. package/core/locales/en-US.d.ts +25 -22
  13. package/core/locales/es-LA.d.ts +24 -27
  14. package/core/locales/fa-IR.d.ts +24 -28
  15. package/core/locales/formatters.d.ts +121 -0
  16. package/core/locales/index.d.ts +7 -0
  17. package/core/locales/locale-service.d.ts +146 -32
  18. package/core/locales/pt-BR.d.ts +24 -27
  19. package/core/locales/ru-RU.d.ts +25 -23
  20. package/core/locales/zh-CN.d.ts +25 -27
  21. package/core/styles/_koobiq-theme.scss +3 -1
  22. package/core/styles/_variables.scss +0 -9
  23. package/core/styles/common/_overlay.scss +4 -0
  24. package/core/styles/theming/_components-theming.scss +59 -21
  25. package/core/styles/theming/{_scrollbars-theme.scss → _scrollbar-theme.scss} +19 -3
  26. package/core/styles/typography/_typography.scss +3 -1
  27. package/core/utils/data-size/data-size.pipe.d.ts +1 -1
  28. package/ellipsis-center/ellipsis-center.directive.d.ts +3 -3
  29. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +14 -2
  30. package/esm2022/code-block/actionbar.component.mjs +2 -2
  31. package/esm2022/code-block/code-block.component.mjs +21 -5
  32. package/esm2022/core/datetime/date-adapter.mjs +2 -2
  33. package/esm2022/core/datetime/date-formats.mjs +1 -1
  34. package/esm2022/core/formatters/date/formatter.mjs +4 -4
  35. package/esm2022/core/formatters/date/formatter.pipe.mjs +1 -1
  36. package/esm2022/core/locales/en-US.mjs +25 -22
  37. package/esm2022/core/locales/es-LA.mjs +24 -29
  38. package/esm2022/core/locales/fa-IR.mjs +24 -28
  39. package/esm2022/core/locales/formatters.mjs +126 -0
  40. package/esm2022/core/locales/index.mjs +8 -1
  41. package/esm2022/core/locales/locale-service.mjs +9 -8
  42. package/esm2022/core/locales/pt-BR.mjs +24 -27
  43. package/esm2022/core/locales/ru-RU.mjs +25 -25
  44. package/esm2022/core/locales/zh-CN.mjs +25 -27
  45. package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
  46. package/esm2022/core/version.mjs +2 -2
  47. package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +13 -13
  48. package/esm2022/file-upload/file-upload.mjs +15 -1
  49. package/esm2022/file-upload/file-upload.module.mjs +8 -4
  50. package/esm2022/file-upload/multiple-file-upload.component.mjs +74 -67
  51. package/esm2022/file-upload/single-file-upload.component.mjs +70 -62
  52. package/esm2022/modal/modal.component.mjs +3 -6
  53. package/esm2022/modal/modal.type.mjs +1 -1
  54. package/esm2022/navbar/navbar-item.component.mjs +24 -68
  55. package/esm2022/navbar/navbar.component.mjs +4 -4
  56. package/esm2022/navbar/navbar.module.mjs +2 -6
  57. package/esm2022/navbar/vertical-navbar.component.mjs +3 -8
  58. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  59. package/esm2022/popover/popover.component.mjs +3 -3
  60. package/esm2022/scrollbar/index.mjs +2 -0
  61. package/esm2022/scrollbar/koobiq-components-scrollbar.mjs +5 -0
  62. package/esm2022/scrollbar/public-api.mjs +5 -0
  63. package/esm2022/scrollbar/scrollbar.component.mjs +130 -0
  64. package/esm2022/scrollbar/scrollbar.directive.mjs +97 -0
  65. package/esm2022/scrollbar/scrollbar.module.mjs +20 -0
  66. package/esm2022/scrollbar/scrollbar.types.mjs +13 -0
  67. package/esm2022/select/select.component.mjs +26 -17
  68. package/esm2022/sidepanel/sidepanel-animations.mjs +5 -5
  69. package/esm2022/sidepanel/sidepanel-container.component.mjs +6 -6
  70. package/esm2022/sidepanel/sidepanel-directives.mjs +13 -13
  71. package/esm2022/tabs/tab-body.component.mjs +3 -3
  72. package/esm2022/tags/tag-input.mjs +28 -8
  73. package/esm2022/timezone/timezone-option.component.mjs +7 -6
  74. package/esm2022/timezone/timezone-select.component.mjs +3 -3
  75. package/esm2022/timezone/timezone.utils.mjs +9 -4
  76. package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
  77. package/esm2022/toast/toast-animations.mjs +3 -3
  78. package/esm2022/toast/toast-container.component.mjs +2 -2
  79. package/esm2022/toast/toast.component.mjs +4 -4
  80. package/esm2022/toast/toast.service.mjs +13 -5
  81. package/esm2022/tooltip/tooltip.component.mjs +3 -3
  82. package/esm2022/tree-select/tree-select.component.mjs +7 -5
  83. package/fesm2022/koobiq-components-autocomplete.mjs +13 -1
  84. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  85. package/fesm2022/koobiq-components-code-block.mjs +22 -6
  86. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  87. package/fesm2022/koobiq-components-core.mjs +277 -162
  88. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  89. package/fesm2022/koobiq-components-ellipsis-center.mjs +12 -12
  90. package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
  91. package/fesm2022/koobiq-components-file-upload.mjs +153 -121
  92. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  93. package/fesm2022/koobiq-components-modal.mjs +2 -5
  94. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  95. package/fesm2022/koobiq-components-navbar.mjs +29 -91
  96. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  97. package/fesm2022/koobiq-components-popover.mjs +4 -4
  98. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  99. package/fesm2022/koobiq-components-scrollbar.mjs +256 -0
  100. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -0
  101. package/fesm2022/koobiq-components-select.mjs +22 -13
  102. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  103. package/fesm2022/koobiq-components-sidepanel.mjs +20 -20
  104. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  105. package/fesm2022/koobiq-components-tabs.mjs +2 -2
  106. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  107. package/fesm2022/koobiq-components-tags.mjs +26 -7
  108. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  109. package/fesm2022/koobiq-components-timezone.mjs +20 -15
  110. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  111. package/fesm2022/koobiq-components-toast.mjs +17 -9
  112. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  113. package/fesm2022/koobiq-components-tooltip.mjs +2 -2
  114. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  115. package/fesm2022/koobiq-components-tree-select.mjs +6 -4
  116. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  117. package/file-upload/file-upload.d.ts +1 -1
  118. package/file-upload/file-upload.module.d.ts +2 -1
  119. package/file-upload/multiple-file-upload.component.d.ts +20 -14
  120. package/file-upload/single-file-upload.component.d.ts +21 -18
  121. package/loader-overlay/loader-overlay.scss +2 -2
  122. package/modal/modal.component.d.ts +1 -2
  123. package/modal/modal.scss +0 -5
  124. package/modal/modal.type.d.ts +0 -1
  125. package/navbar/_navbar-item_horizontal.scss +97 -0
  126. package/navbar/_navbar-item_vertical.scss +98 -0
  127. package/navbar/_navbar-theme.scss +57 -60
  128. package/navbar/navbar-brand.scss +76 -16
  129. package/navbar/navbar-divider.scss +13 -4
  130. package/navbar/navbar-item.component.d.ts +1 -15
  131. package/navbar/navbar-item.scss +39 -90
  132. package/navbar/navbar.module.d.ts +1 -1
  133. package/navbar/navbar.scss +13 -1
  134. package/navbar/vertical-navbar.scss +7 -14
  135. package/package.json +16 -8
  136. package/popover/popover.scss +4 -9
  137. package/prebuilt-themes/dark-theme.css +1 -1
  138. package/prebuilt-themes/light-theme.css +1 -1
  139. package/scrollbar/_scrollbar-component-theme.scss +52 -0
  140. package/scrollbar/index.d.ts +1 -0
  141. package/scrollbar/public-api.d.ts +4 -0
  142. package/scrollbar/scrollbar.component.d.ts +33 -0
  143. package/scrollbar/scrollbar.component.scss +559 -0
  144. package/scrollbar/scrollbar.directive.d.ts +48 -0
  145. package/scrollbar/scrollbar.module.d.ts +8 -0
  146. package/scrollbar/scrollbar.types.d.ts +33 -0
  147. package/select/select.component.d.ts +4 -3
  148. package/sidepanel/sidepanel-animations.d.ts +2 -2
  149. package/sidepanel/sidepanel-directives.d.ts +5 -5
  150. package/tags/tag-input.d.ts +9 -4
  151. package/timezone/_timezone-option-theme.scss +8 -0
  152. package/timezone/timezone-option.component.scss +4 -0
  153. package/timezone/timezone-select.component.scss +13 -0
  154. package/timezone/timezone.utils.d.ts +4 -0
  155. package/timezone/utc-offset.pipe.d.ts +3 -1
  156. package/toast/toast-animations.d.ts +1 -1
  157. package/toast/toast-container.component.scss +1 -9
  158. package/toast/toast.component.scss +0 -4
  159. package/toast/toast.service.d.ts +5 -3
  160. package/tooltip/tooltip.scss +0 -3
  161. package/esm2022/navbar/vertical-navbar.animation.mjs +0 -10
  162. package/navbar/vertical-navbar.animation.d.ts +0 -2
@@ -8,8 +8,8 @@ import { debounceTime } from 'rxjs/operators';
8
8
 
9
9
  const MIN_VISIBLE_LENGTH = 50;
10
10
  class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
11
- set mcEllipsisCenter(value) {
12
- this._mcEllipsisCenter = value;
11
+ set kbqEllipsisCenter(value) {
12
+ this._kbqEllipsisCenter = value;
13
13
  this.refresh();
14
14
  }
15
15
  constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction, renderer) {
@@ -22,7 +22,7 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
22
22
  }
23
23
  ngOnInit() {
24
24
  super.ngOnInit();
25
- this.content = this._mcEllipsisCenter;
25
+ this.content = this._kbqEllipsisCenter;
26
26
  this.refresh();
27
27
  }
28
28
  ngAfterViewInit() {
@@ -38,7 +38,7 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
38
38
  let start = '';
39
39
  let end = '';
40
40
  const dataTextStartLength = 0.75;
41
- this.content = this._mcEllipsisCenter;
41
+ this.content = this._kbqEllipsisCenter;
42
42
  const [dataTextStart, dataTextEnd] = ['data-text-start', 'data-text-end'].map((querySelector) => {
43
43
  const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);
44
44
  if (element) {
@@ -48,18 +48,18 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
48
48
  this.renderer.addClass(newElement, querySelector);
49
49
  return newElement;
50
50
  });
51
- this.renderer.appendChild(dataTextStart, this.renderer.createText(this._mcEllipsisCenter));
51
+ this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));
52
52
  this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));
53
53
  setTimeout(() => {
54
54
  this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;
55
55
  if (this.disabled) {
56
56
  start = '';
57
- end = this._mcEllipsisCenter;
57
+ end = this._kbqEllipsisCenter;
58
58
  }
59
59
  else {
60
- const sliceIndex = Math.round(this._mcEllipsisCenter.length * dataTextStartLength);
61
- start = this._mcEllipsisCenter.slice(0, sliceIndex);
62
- end = this._mcEllipsisCenter.slice(sliceIndex);
60
+ const sliceIndex = Math.round(this._kbqEllipsisCenter.length * dataTextStartLength);
61
+ start = this._kbqEllipsisCenter.slice(0, sliceIndex);
62
+ end = this._kbqEllipsisCenter.slice(sliceIndex);
63
63
  }
64
64
  dataTextStart.innerText = start;
65
65
  dataTextEnd.innerText = end;
@@ -68,12 +68,12 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
68
68
  this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);
69
69
  }
70
70
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqEllipsisCenterDirective, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: KBQ_TOOLTIP_SCROLL_STRATEGY }, { token: i2.Directionality, optional: true }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
71
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqEllipsisCenterDirective, selector: "[mcEllipsisCenter]", inputs: { mcEllipsisCenter: "mcEllipsisCenter", minVisibleLength: "minVisibleLength" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, classAttribute: "kbq-ellipsis-center" }, usesInheritance: true, ngImport: i0 }); }
71
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqEllipsisCenterDirective, selector: "[kbqEllipsisCenter]", inputs: { kbqEllipsisCenter: "kbqEllipsisCenter", minVisibleLength: "minVisibleLength" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, classAttribute: "kbq-ellipsis-center" }, usesInheritance: true, ngImport: i0 }); }
72
72
  }
73
73
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqEllipsisCenterDirective, decorators: [{
74
74
  type: Directive,
75
75
  args: [{
76
- selector: '[mcEllipsisCenter]',
76
+ selector: '[kbqEllipsisCenter]',
77
77
  host: {
78
78
  class: 'kbq-ellipsis-center',
79
79
  '(window:resize)': 'resizeStream.next($event)'
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
84
84
  args: [KBQ_TOOLTIP_SCROLL_STRATEGY]
85
85
  }] }, { type: i2.Directionality, decorators: [{
86
86
  type: Optional
87
- }] }, { type: i0.Renderer2 }], propDecorators: { mcEllipsisCenter: [{
87
+ }] }, { type: i0.Renderer2 }], propDecorators: { kbqEllipsisCenter: [{
88
88
  type: Input
89
89
  }], minVisibleLength: [{
90
90
  type: Input
@@ -1 +1 @@
1
- {"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport {\n Directive,\n ElementRef,\n Input,\n OnInit,\n OnDestroy,\n NgZone,\n ViewContainerRef,\n Inject,\n Optional, Renderer2, AfterViewInit, NgModule\n} from '@angular/core';\nimport { KbqTooltipTrigger, KBQ_TOOLTIP_SCROLL_STRATEGY } from '@koobiq/components/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n selector: '[mcEllipsisCenter]',\n host: {\n class: 'kbq-ellipsis-center',\n '(window:resize)': 'resizeStream.next($event)'\n }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger\n implements OnInit, AfterViewInit, OnDestroy {\n @Input() set mcEllipsisCenter(value: string) {\n this._mcEllipsisCenter = value;\n this.refresh();\n }\n @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n readonly resizeStream = new Subject<Event>();\n\n private _mcEllipsisCenter: string;\n\n private resizeSubscription = Subscription.EMPTY;\n\n private readonly debounceInterval: number = 50;\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef<HTMLElement>,\n ngZone: NgZone,\n scrollDispatcher: ScrollDispatcher,\n hostView: ViewContainerRef,\n @Inject(KBQ_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n @Optional() direction: Directionality,\n private renderer: Renderer2\n ) {\n super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n }\n\n override ngOnInit(): void {\n super.ngOnInit();\n this.content = this._mcEllipsisCenter;\n this.refresh();\n }\n\n ngAfterViewInit(): void {\n this.resizeSubscription = this.resizeStream\n .pipe(debounceTime(this.debounceInterval))\n .subscribe(() => this.refresh());\n }\n\n ngOnDestroy() {\n super.ngOnDestroy();\n this.resizeSubscription.unsubscribe();\n }\n\n private refresh() {\n let start = '';\n let end = '';\n const dataTextStartLength = 0.75;\n this.content = this._mcEllipsisCenter;\n\n const [dataTextStart, dataTextEnd] = ['data-text-start', 'data-text-end'].map((querySelector) => {\n const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n if (element) {\n this.renderer.removeChild(this.elementRef.nativeElement, element);\n }\n const newElement = this.renderer.createElement('span');\n this.renderer.addClass(newElement, querySelector);\n\n return newElement;\n });\n\n this.renderer.appendChild(dataTextStart, this.renderer.createText(this._mcEllipsisCenter));\n this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n setTimeout(() => {\n this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n if (this.disabled) {\n start = '';\n end = this._mcEllipsisCenter;\n } else {\n const sliceIndex: number = Math.round(this._mcEllipsisCenter.length * dataTextStartLength);\n\n start = this._mcEllipsisCenter.slice(0, sliceIndex);\n end = this._mcEllipsisCenter.slice(sliceIndex);\n }\n dataTextStart.innerText = start;\n dataTextEnd.innerText = end;\n });\n\n this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n }\n}\n\n@NgModule({\n imports: [],\n exports: [KbqEllipsisCenterDirective],\n declarations: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport {\n Directive,\n ElementRef,\n Input,\n OnInit,\n OnDestroy,\n NgZone,\n ViewContainerRef,\n Inject,\n Optional, Renderer2, AfterViewInit, NgModule\n} from '@angular/core';\nimport { KbqTooltipTrigger, KBQ_TOOLTIP_SCROLL_STRATEGY } from '@koobiq/components/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n selector: '[kbqEllipsisCenter]',\n host: {\n class: 'kbq-ellipsis-center',\n '(window:resize)': 'resizeStream.next($event)'\n }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger\n implements OnInit, AfterViewInit, OnDestroy {\n @Input() set kbqEllipsisCenter(value: string) {\n this._kbqEllipsisCenter = value;\n this.refresh();\n }\n @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n readonly resizeStream = new Subject<Event>();\n\n private _kbqEllipsisCenter: string;\n\n private resizeSubscription = Subscription.EMPTY;\n\n private readonly debounceInterval: number = 50;\n\n constructor(\n overlay: Overlay,\n elementRef: ElementRef<HTMLElement>,\n ngZone: NgZone,\n scrollDispatcher: ScrollDispatcher,\n hostView: ViewContainerRef,\n @Inject(KBQ_TOOLTIP_SCROLL_STRATEGY) scrollStrategy: any,\n @Optional() direction: Directionality,\n private renderer: Renderer2\n ) {\n super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n }\n\n override ngOnInit(): void {\n super.ngOnInit();\n this.content = this._kbqEllipsisCenter;\n this.refresh();\n }\n\n ngAfterViewInit(): void {\n this.resizeSubscription = this.resizeStream\n .pipe(debounceTime(this.debounceInterval))\n .subscribe(() => this.refresh());\n }\n\n ngOnDestroy() {\n super.ngOnDestroy();\n this.resizeSubscription.unsubscribe();\n }\n\n private refresh() {\n let start = '';\n let end = '';\n const dataTextStartLength = 0.75;\n this.content = this._kbqEllipsisCenter;\n\n const [dataTextStart, dataTextEnd] = ['data-text-start', 'data-text-end'].map((querySelector) => {\n const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n if (element) {\n this.renderer.removeChild(this.elementRef.nativeElement, element);\n }\n const newElement = this.renderer.createElement('span');\n this.renderer.addClass(newElement, querySelector);\n\n return newElement;\n });\n\n this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));\n this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n setTimeout(() => {\n this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n if (this.disabled) {\n start = '';\n end = this._kbqEllipsisCenter;\n } else {\n const sliceIndex: number = Math.round(this._kbqEllipsisCenter.length * dataTextStartLength);\n\n start = this._kbqEllipsisCenter.slice(0, sliceIndex);\n end = this._kbqEllipsisCenter.slice(sliceIndex);\n }\n dataTextStart.innerText = start;\n dataTextEnd.innerText = end;\n });\n\n this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n }\n}\n\n@NgModule({\n imports: [],\n exports: [KbqEllipsisCenterDirective],\n declarations: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}