@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
@@ -0,0 +1,33 @@
1
+ import { EventListeners, EventListenerArgs, InitializationTarget, PartialOptions } from 'overlayscrollbars';
2
+ import { InjectionToken, Provider } from '@angular/core';
3
+ export type KbqScrollbarEvents = EventListeners;
4
+ export type KbqScrollbarEventListenerArgs = EventListenerArgs;
5
+ export type KbqScrollbarOptions = PartialOptions;
6
+ export type KbqScrollbarTarget = InitializationTarget;
7
+ export declare const KBQ_SCROLLBAR_OPTIONS_DEFAULT_CONFIG: KbqScrollbarOptions;
8
+ export declare const KBQ_SCROLLBAR_CONFIG: InjectionToken<{
9
+ paddingAbsolute?: boolean | undefined;
10
+ showNativeOverlaidScrollbars?: boolean | undefined;
11
+ update?: {
12
+ elementEvents?: [elementSelector: string, eventNames: string][] | null | undefined;
13
+ debounce?: number | [timeout: number, maxWait: number] | null | undefined;
14
+ attributes?: string[] | null | undefined;
15
+ ignoreMutation?: ((mutation: MutationRecord) => any) | null | undefined;
16
+ } | undefined;
17
+ overflow?: {
18
+ x?: import("overlayscrollbars").OverflowBehavior | undefined;
19
+ y?: import("overlayscrollbars").OverflowBehavior | undefined;
20
+ } | undefined;
21
+ scrollbars?: {
22
+ theme?: string | null | undefined;
23
+ visibility?: import("overlayscrollbars").ScrollbarsVisibilityBehavior | undefined;
24
+ autoHide?: import("overlayscrollbars").ScrollbarsAutoHideBehavior | undefined;
25
+ autoHideDelay?: number | undefined;
26
+ autoHideSuspend?: boolean | undefined;
27
+ dragScroll?: boolean | undefined;
28
+ clickScroll?: boolean | undefined;
29
+ pointers?: string[] | null | undefined;
30
+ } | undefined;
31
+ }>;
32
+ /** Default scroll behavior */
33
+ export declare const KBQ_SCROLLBAR_OPTIONS_DEFAULT_CONFIG_PROVIDER: Provider;
@@ -1,6 +1,6 @@
1
1
  import { Directionality } from '@angular/cdk/bidi';
2
2
  import { SelectionModel } from '@angular/cdk/collections';
3
- import { CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
3
+ import { CdkConnectedOverlay, ConnectedPosition, OverlayContainer } from '@angular/cdk/overlay';
4
4
  import { CdkVirtualForOf } from '@angular/cdk/scrolling';
5
5
  import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
6
6
  import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
@@ -67,6 +67,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
67
67
  private readonly _changeDetectorRef;
68
68
  private readonly _ngZone;
69
69
  private readonly _renderer;
70
+ private overlayContainer;
70
71
  private readonly _dir;
71
72
  private readonly parentFormField;
72
73
  private readonly scrollStrategyFactory;
@@ -196,7 +197,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
196
197
  private visibleChanges;
197
198
  /** Emits whenever the component is destroyed. */
198
199
  private readonly destroy;
199
- constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, elementRef: ElementRef, _dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, scrollStrategyFactory: any, localeService?: KbqLocaleService | undefined);
200
+ constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, elementRef: ElementRef, overlayContainer: OverlayContainer, _dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, scrollStrategyFactory: any, localeService?: KbqLocaleService | undefined);
200
201
  ngOnInit(): void;
201
202
  ngAfterContentInit(): void;
202
203
  ngAfterViewInit(): void;
@@ -327,7 +328,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
327
328
  private _compareWith;
328
329
  private getTotalVisibleItems;
329
330
  private buildTriggerClone;
330
- static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
331
+ static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelect, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
331
332
  static ɵcmp: i0.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "kbq-select-matcher, [kbq-select-matcher]", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], false, never>;
332
333
  }
333
334
  export {};
@@ -5,10 +5,10 @@ export declare enum KbqSidepanelAnimationState {
5
5
  Visible = "visible",
6
6
  Hidden = "hidden"
7
7
  }
8
- export declare const mcSidepanelTransformAnimation: Record<KbqSidepanelPosition, {
8
+ export declare const kbqSidepanelTransformAnimation: Record<KbqSidepanelPosition, {
9
9
  in: string;
10
10
  out: string;
11
11
  }>;
12
- export declare const mcSidepanelAnimations: {
12
+ export declare const kbqSidepanelAnimations: {
13
13
  readonly sidepanelState: AnimationTriggerMetadata;
14
14
  };
@@ -10,12 +10,12 @@ export declare class KbqSidepanelClose implements OnInit, OnChanges {
10
10
  private elementRef;
11
11
  private sidepanelService;
12
12
  sidepanelResult: any;
13
- mcSidepanelClose: any;
13
+ kbqSidepanelClose: any;
14
14
  constructor(sidepanelRef: KbqSidepanelRef, elementRef: ElementRef<HTMLElement>, sidepanelService: KbqSidepanelService);
15
15
  ngOnInit(): void;
16
16
  ngOnChanges(changes: SimpleChanges): void;
17
17
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelClose, [{ optional: true; }, null, null]>;
18
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelClose, "button[kbq-sidepanel-close], button[mcSidepanelClose]", never, { "sidepanelResult": { "alias": "kbq-sidepanel-close"; "required": false; }; "mcSidepanelClose": { "alias": "mcSidepanelClose"; "required": false; }; }, {}, never, never, false, never>;
18
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelClose, "button[kbq-sidepanel-close], button[kbqSidepanelClose]", never, { "sidepanelResult": { "alias": "kbq-sidepanel-close"; "required": false; }; "kbqSidepanelClose": { "alias": "kbqSidepanelClose"; "required": false; }; }, {}, never, never, false, never>;
19
19
  }
20
20
  /**
21
21
  * Header of a sidepanel.
@@ -30,19 +30,19 @@ export declare class KbqSidepanelHeader {
30
30
  */
31
31
  export declare class KbqSidepanelBody {
32
32
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelBody, never>;
33
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelBody, "kbq-sidepanel-body, [kbq-sidepanel-body], mcSidepanelBody", never, {}, {}, never, never, false, never>;
33
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelBody, "kbq-sidepanel-body, [kbq-sidepanel-body], kbqSidepanelBody", never, {}, {}, never, never, false, never>;
34
34
  }
35
35
  /**
36
36
  * Footer of a sidepanel.
37
37
  */
38
38
  export declare class KbqSidepanelFooter {
39
39
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelFooter, never>;
40
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelFooter, "kbq-sidepanel-footer, [kbq-sidepanel-footer], mcSidepanelFooter", never, {}, {}, never, never, false, never>;
40
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelFooter, "kbq-sidepanel-footer, [kbq-sidepanel-footer], kbqSidepanelFooter", never, {}, {}, never, never, false, never>;
41
41
  }
42
42
  /**
43
43
  * Actions block of a sidepanel footer.
44
44
  */
45
45
  export declare class KbqSidepanelActions {
46
46
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqSidepanelActions, never>;
47
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], mcSidepanelActions", never, {}, {}, never, never, false, never>;
47
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], kbqSidepanelActions", never, {}, {}, never, never, false, never>;
48
48
  }
@@ -4,6 +4,7 @@ import { KbqTrim } from '@koobiq/components/form-field';
4
4
  import { KbqTagsDefaultOptions } from './tag-default-options';
5
5
  import { KbqTagList } from './tag-list.component';
6
6
  import { KbqTagTextControl } from './tag-text-control';
7
+ import { KbqAutocompleteTrigger } from '@koobiq/components/autocomplete';
7
8
  import * as i0 from "@angular/core";
8
9
  /** Represents an input event on a `kbqTagInput`. */
9
10
  export interface KbqTagInputEvent {
@@ -26,6 +27,7 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
26
27
  private defaultOptions;
27
28
  private trimDirective;
28
29
  ngControl: NgControl;
30
+ autocompleteTrigger?: KbqAutocompleteTrigger | undefined;
29
31
  /** Whether the control is focused. */
30
32
  focused: boolean;
31
33
  /**
@@ -39,6 +41,8 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
39
41
  private _separators;
40
42
  /** Emitted when a tag is to be added. */
41
43
  tagEnd: EventEmitter<KbqTagInputEvent>;
44
+ /** A value indicating whether allow/prevent tags duplication */
45
+ distinct: boolean;
42
46
  /** The input's placeholder text. */
43
47
  placeholder: string;
44
48
  /** Unique id for the input. */
@@ -62,14 +66,15 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
62
66
  private oneSymbolWidth;
63
67
  /** The native input element to which this directive is attached. */
64
68
  private inputElement;
65
- constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, defaultOptions: KbqTagsDefaultOptions, trimDirective: KbqTrim, ngControl: NgControl);
69
+ constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, defaultOptions: KbqTagsDefaultOptions, trimDirective: KbqTrim, ngControl: NgControl, autocompleteTrigger?: KbqAutocompleteTrigger | undefined);
66
70
  ngOnChanges(): void;
67
71
  onKeydown(event: KeyboardEvent): void;
68
72
  /** Checks to see if the blur should emit the (tagEnd) event. */
69
- blur(): void;
73
+ blur(event: FocusEvent): void;
70
74
  triggerValidation(): void;
71
75
  /** Checks to see if the (tagEnd) event needs to be emitted. */
72
76
  emitTagEnd(): void;
77
+ get hasDuplicates(): boolean;
73
78
  onInput(): void;
74
79
  onPaste($event: ClipboardEvent): void;
75
80
  updateInputWidth(): void;
@@ -82,6 +87,6 @@ export declare class KbqTagInput implements KbqTagTextControl, OnChanges {
82
87
  private setDefaultInputWidth;
83
88
  /** Checks whether a keycode is one of the configured separators. */
84
89
  private isSeparatorKey;
85
- static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }]>;
86
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["kbqTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, false, never>;
90
+ static ɵfac: i0.ɵɵFactoryDeclaration<KbqTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }]>;
91
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTagInput, "input[kbqTagInputFor]", ["kbqTagInput", "kbqTagInputFor"], { "separatorKeyCodes": { "alias": "kbqTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "kbqTagInputFor"; "required": false; }; "addOnBlur": { "alias": "kbqTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "kbqTagInputTokenEnd"; }, never, never, false, never>;
87
92
  }
@@ -15,6 +15,10 @@
15
15
  .kbq-timezone-option__cities {
16
16
  color: map.get($timezone, caption);
17
17
  }
18
+
19
+ .kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label {
20
+ color: map.get($timezone, optgroup-label);
21
+ }
18
22
  }
19
23
 
20
24
  @mixin kbq-timezone-option-typography($config) {
@@ -31,4 +35,8 @@
31
35
  .kbq-timezone-option__cities {
32
36
  @include kbq-typography-level-to-styles($config, map.get($tokens, timezone-option-font-caption));
33
37
  }
38
+
39
+ .kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label {
40
+ @include kbq-typography-level-to-styles($config, map.get($tokens, timezone-option-font-optgroup-label));
41
+ }
34
42
  }
@@ -23,6 +23,10 @@ $tokens: meta.module-variables(tokens) !default;
23
23
  min-width: 0;
24
24
  }
25
25
 
26
+ .kbq-timezone-option__offset-wrapper {
27
+ min-width: 77px;
28
+ }
29
+
26
30
  .kbq-timezone-option__cities {
27
31
  display: -webkit-box;
28
32
  -webkit-box-orient: vertical;
@@ -0,0 +1,13 @@
1
+ @use 'sass:meta';
2
+ @use 'sass:map';
3
+
4
+ @use '../core/styles/tokens';
5
+
6
+ $tokens: meta.module-variables(tokens) !default;
7
+
8
+ .kbq-timezone-select__panel.kbq-select__panel {
9
+ .kbq-optgroup-label {
10
+ display: block;
11
+ padding: map.get($tokens, timezone-option-size-optgroup-label-padding);
12
+ }
13
+ }
@@ -7,7 +7,11 @@ export declare function parseOffset(offset: string): number;
7
7
  * Grouping timezones by countries
8
8
  */
9
9
  export declare function getZonesGroupedByCountry(data: KbqTimezoneZone[], otherCountriesLabel?: string, priorityCountry?: string): KbqTimezoneGroup[];
10
+ export declare function offset(value: any): string;
10
11
  export declare function offsetFormatter(value: string): string;
12
+ export declare function offsetFormatterAsObject(value: string): {
13
+ [UTC: string]: string;
14
+ };
11
15
  /**
12
16
  * Comparator for timezone sorting. Sort by offset and country name
13
17
  */
@@ -1,7 +1,9 @@
1
1
  import { PipeTransform } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class UtcOffsetPipe implements PipeTransform {
4
- transform(value: string): string;
4
+ transform(value: string): {
5
+ [UTC: string]: string;
6
+ };
5
7
  static ɵfac: i0.ɵɵFactoryDeclaration<UtcOffsetPipe, never>;
6
8
  static ɵpipe: i0.ɵɵPipeDeclaration<UtcOffsetPipe, "utcOffset", false>;
7
9
  }
@@ -1,5 +1,5 @@
1
1
  import { AnimationTriggerMetadata } from '@angular/animations';
2
- export declare const mcToastAnimations: {
2
+ export declare const kbqToastAnimations: {
3
3
  readonly toastState: AnimationTriggerMetadata;
4
4
  };
5
5
  export declare const toastState: AnimationTriggerMetadata;
@@ -2,7 +2,6 @@
2
2
  @use 'sass:map';
3
3
 
4
4
  @use '../core/styles/tokens';
5
- @use '../core/styles/variables';
6
5
 
7
6
 
8
7
  $tokens: meta.module-variables(tokens) !default;
@@ -13,12 +12,5 @@ $tokens: meta.module-variables(tokens) !default;
13
12
  flex-direction: column;
14
13
  align-items: flex-end;
15
14
 
16
- gap: 12px;
17
- }
18
-
19
- .cdk-overlay-container {
20
- .kbq-toast-overlay,
21
- .kbq-toast-overlay ~ *:not(.kbq-modal-overlay, .kbq-sidepanel-overlay, .cdk-overlay-backdrop) {
22
- z-index: variables.$z-index-notification;
23
- }
15
+ gap: map.get($tokens, size-m);
24
16
  }
@@ -1,8 +1,6 @@
1
1
  @use 'sass:meta';
2
2
  @use 'sass:map';
3
3
 
4
- @use '../core/styles/variables' as *;
5
-
6
4
  @use '../core/styles/tokens';
7
5
 
8
6
 
@@ -12,8 +10,6 @@ $tokens: meta.module-variables(tokens) !default;
12
10
  display: flex;
13
11
  box-sizing: border-box;
14
12
 
15
- z-index: $z-index-toast;
16
-
17
13
  min-width: var(--kbq-toast-size-container-min-width, map.get($tokens, toast-size-container-min-width));
18
14
  max-width: 480px;
19
15
 
@@ -1,5 +1,5 @@
1
1
  import { AnimationEvent } from '@angular/animations';
2
- import { Overlay } from '@angular/cdk/overlay';
2
+ import { Overlay, OverlayContainer } from '@angular/cdk/overlay';
3
3
  import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken } from '@angular/core';
4
4
  import { BehaviorSubject } from 'rxjs';
5
5
  import { KbqToastComponent } from './toast.component';
@@ -10,6 +10,7 @@ export declare const defaultToastConfig: KbqToastConfig;
10
10
  export declare class KbqToastService<T extends KbqToastComponent = KbqToastComponent> {
11
11
  private overlay;
12
12
  private injector;
13
+ private overlayContainer;
13
14
  private toastFactory;
14
15
  private toastConfig;
15
16
  get toasts(): ComponentRef<T>[];
@@ -22,7 +23,7 @@ export declare class KbqToastService<T extends KbqToastComponent = KbqToastCompo
22
23
  private portal;
23
24
  private toastsDict;
24
25
  private templatesDict;
25
- constructor(overlay: Overlay, injector: Injector, toastFactory: any, toastConfig: KbqToastConfig);
26
+ constructor(overlay: Overlay, injector: Injector, overlayContainer: OverlayContainer, toastFactory: any, toastConfig: KbqToastConfig);
26
27
  show(data: KbqToastData, duration?: number, onTop?: boolean): {
27
28
  ref: ComponentRef<T>;
28
29
  id: number;
@@ -38,6 +39,7 @@ export declare class KbqToastService<T extends KbqToastComponent = KbqToastCompo
38
39
  private updateTTLAfterDelete;
39
40
  private addRemoveTimer;
40
41
  private prepareContainer;
42
+ private toTop;
41
43
  private createOverlay;
42
44
  private getPositionStrategy;
43
45
  private getTopCenter;
@@ -48,6 +50,6 @@ export declare class KbqToastService<T extends KbqToastComponent = KbqToastCompo
48
50
  private getBottomRight;
49
51
  private getCenter;
50
52
  private getGlobalOverlayPosition;
51
- static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastService<any>, [null, null, null, { optional: true; }]>;
53
+ static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastService<any>, [null, null, null, null, { optional: true; }]>;
52
54
  static ɵprov: i0.ɵɵInjectableDeclaration<KbqToastService<any>>;
53
55
  }
@@ -1,7 +1,6 @@
1
1
  @use 'sass:meta';
2
2
  @use 'sass:map';
3
3
 
4
- @use '../core/styles/variables' as *;
5
4
  @use '../core/pop-up/pop-up';
6
5
 
7
6
  @use '../core/styles/tokens';
@@ -22,8 +21,6 @@ $trigger-margin: 8px;
22
21
 
23
22
  border-radius: var(--kbq-tooltip-size-border-radius, map.get($tokens, tooltip-size-border-radius));
24
23
 
25
- z-index: $z-index-tooltip;
26
-
27
24
  white-space: pre-line;
28
25
 
29
26
  @include pop-up.popup-margins(kbq-tooltip, $trigger-margin);
@@ -1,10 +0,0 @@
1
- import { animate, style, transition, trigger, state } from '@angular/animations';
2
- import { VerticalNavbarSizeStatesCollapsedWidth as closedWidth, VerticalNavbarSizeStatesExpandedWidth as openedWidth } from '@koobiq/design-tokens/web';
3
- export function toggleVerticalNavbarAnimation() {
4
- return trigger('toggle', [
5
- state('0', style({ width: `var(--kbq-vertical-navbar-size-states-collapsed-width, ${closedWidth})` })),
6
- state('1', style({ width: `var(--kbq-vertical-navbar-size-states-expanded-width, ${openedWidth})` })),
7
- transition('0 <=> 1', animate('200ms cubic-bezier(0, 1, 0.5, 1)'))
8
- ]);
9
- }
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtbmF2YmFyLmFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvbmF2YmFyL3ZlcnRpY2FsLW5hdmJhci5hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBNEIsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0csT0FBTyxFQUNILHNDQUFzQyxJQUFJLFdBQVcsRUFDckQscUNBQXFDLElBQUksV0FBVyxFQUN2RCxNQUFNLDJCQUEyQixDQUFDO0FBR25DLE1BQU0sVUFBVSw2QkFBNkI7SUFDekMsT0FBTyxPQUFPLENBQUMsUUFBUSxFQUFFO1FBQ3JCLEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsS0FBSyxFQUFFLDBEQUEwRCxXQUFXLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDdEcsS0FBSyxDQUFDLEdBQUcsRUFBRyxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUseURBQXlELFdBQVcsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN0RyxVQUFVLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDO0tBQ3JFLENBQUMsQ0FBQztBQUNQLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCBzdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgICBWZXJ0aWNhbE5hdmJhclNpemVTdGF0ZXNDb2xsYXBzZWRXaWR0aCBhcyBjbG9zZWRXaWR0aCxcbiAgICBWZXJ0aWNhbE5hdmJhclNpemVTdGF0ZXNFeHBhbmRlZFdpZHRoIGFzIG9wZW5lZFdpZHRoXG59IGZyb20gJ0Brb29iaXEvZGVzaWduLXRva2Vucy93ZWInO1xuXG5cbmV4cG9ydCBmdW5jdGlvbiB0b2dnbGVWZXJ0aWNhbE5hdmJhckFuaW1hdGlvbigpOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEge1xuICAgIHJldHVybiB0cmlnZ2VyKCd0b2dnbGUnLCBbXG4gICAgICAgIHN0YXRlKCcwJywgc3R5bGUoeyB3aWR0aDogYHZhcigtLWticS12ZXJ0aWNhbC1uYXZiYXItc2l6ZS1zdGF0ZXMtY29sbGFwc2VkLXdpZHRoLCAke2Nsb3NlZFdpZHRofSlgIH0pKSxcbiAgICAgICAgc3RhdGUoJzEnLCAgc3R5bGUoeyB3aWR0aDogYHZhcigtLWticS12ZXJ0aWNhbC1uYXZiYXItc2l6ZS1zdGF0ZXMtZXhwYW5kZWQtd2lkdGgsICR7b3BlbmVkV2lkdGh9KWAgfSkpLFxuICAgICAgICB0cmFuc2l0aW9uKCcwIDw9PiAxJywgYW5pbWF0ZSgnMjAwbXMgY3ViaWMtYmV6aWVyKDAsIDEsIDAuNSwgMSknKSlcbiAgICBdKTtcbn1cbiJdfQ==
@@ -1,2 +0,0 @@
1
- import { AnimationTriggerMetadata } from '@angular/animations';
2
- export declare function toggleVerticalNavbarAnimation(): AnimationTriggerMetadata;