@koobiq/components 18.2.1 → 18.4.0

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 (131) hide show
  1. package/code-block/_code-block-theme.scss +1 -1
  2. package/code-block/actionbar.component.d.ts +14 -4
  3. package/code-block/code-block-tokens.scss +4 -4
  4. package/code-block/code-block.component.d.ts +12 -15
  5. package/code-block/code-block.types.d.ts +12 -0
  6. package/core/common-behaviors/color.d.ts +1 -1
  7. package/core/common-behaviors/error-state.d.ts +1 -1
  8. package/core/error/error-state-matcher.d.ts +26 -0
  9. package/core/form-field/form-field-ref.d.ts +7 -0
  10. package/core/forms/index.d.ts +1 -0
  11. package/core/forms/validators.d.ts +107 -0
  12. package/core/locales/en-US.d.ts +13 -0
  13. package/core/locales/es-LA.d.ts +13 -0
  14. package/core/locales/fa-IR.d.ts +13 -0
  15. package/core/locales/locale-service.d.ts +89 -0
  16. package/core/locales/pt-BR.d.ts +13 -0
  17. package/core/locales/ru-RU.d.ts +13 -0
  18. package/core/locales/zh-CN.d.ts +13 -0
  19. package/core/public-api.d.ts +1 -2
  20. package/core/select/common.d.ts +2 -0
  21. package/core/services/theme.service.d.ts +2 -2
  22. package/core/styles/theming/_components-theming.scss +1 -1
  23. package/core/validation/validation.d.ts +1 -0
  24. package/datepicker/_datepicker-theme.scss +1 -1
  25. package/datepicker/datepicker-tokens.scss +2 -2
  26. package/dropdown/_dropdown-theme.scss +1 -1
  27. package/dropdown/dropdown-tokens.scss +1 -1
  28. package/esm2022/code-block/actionbar.component.mjs +35 -8
  29. package/esm2022/code-block/code-block.component.mjs +28 -19
  30. package/esm2022/code-block/code-block.types.mjs +5 -2
  31. package/esm2022/core/common-behaviors/color.mjs +2 -2
  32. package/esm2022/core/common-behaviors/error-state.mjs +1 -1
  33. package/esm2022/core/error/error-state-matcher.mjs +43 -0
  34. package/esm2022/core/form-field/form-field-ref.mjs +4 -1
  35. package/esm2022/core/forms/index.mjs +2 -1
  36. package/esm2022/core/forms/validators.mjs +163 -0
  37. package/esm2022/core/locales/en-US.mjs +14 -1
  38. package/esm2022/core/locales/es-LA.mjs +14 -1
  39. package/esm2022/core/locales/fa-IR.mjs +14 -1
  40. package/esm2022/core/locales/locale-service.mjs +30 -1
  41. package/esm2022/core/locales/pt-BR.mjs +14 -1
  42. package/esm2022/core/locales/ru-RU.mjs +14 -1
  43. package/esm2022/core/locales/zh-CN.mjs +14 -1
  44. package/esm2022/core/public-api.mjs +2 -3
  45. package/esm2022/core/select/common.mjs +7 -1
  46. package/esm2022/core/services/theme.service.mjs +3 -3
  47. package/esm2022/core/validation/validation.mjs +2 -1
  48. package/esm2022/core/version.mjs +2 -2
  49. package/esm2022/datepicker/calendar-header.component.mjs +5 -6
  50. package/esm2022/datepicker/datepicker.component.mjs +3 -3
  51. package/esm2022/dropdown/dropdown.component.mjs +3 -3
  52. package/esm2022/file-upload/file-upload.mjs +2 -3
  53. package/esm2022/file-upload/multiple-file-upload.component.mjs +57 -17
  54. package/esm2022/file-upload/single-file-upload.component.mjs +31 -19
  55. package/esm2022/form-field/form-field-control.mjs +1 -1
  56. package/esm2022/icon/icon.component.mjs +2 -2
  57. package/esm2022/icon/icon.module.mjs +1 -1
  58. package/esm2022/input/input-number.mjs +74 -80
  59. package/esm2022/markdown/markdown.values.mjs +4 -2
  60. package/esm2022/modal/modal.component.mjs +2 -2
  61. package/esm2022/navbar/navbar-item.component.mjs +2 -2
  62. package/esm2022/navbar/navbar.component.mjs +2 -2
  63. package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
  64. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  65. package/esm2022/popover/popover.component.mjs +3 -3
  66. package/esm2022/select/select.component.mjs +1 -1
  67. package/esm2022/select/select.module.mjs +3 -7
  68. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  69. package/esm2022/timezone/timezone-select.component.mjs +20 -10
  70. package/esm2022/tooltip/tooltip.component.mjs +13 -1
  71. package/fesm2022/koobiq-components-code-block.mjs +58 -24
  72. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  73. package/fesm2022/koobiq-components-core.mjs +310 -16
  74. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  75. package/fesm2022/koobiq-components-datepicker.mjs +10 -11
  76. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  77. package/fesm2022/koobiq-components-dropdown.mjs +2 -2
  78. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  79. package/fesm2022/koobiq-components-file-upload.mjs +76 -27
  80. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  81. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  82. package/fesm2022/koobiq-components-icon.mjs +1 -1
  83. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  84. package/fesm2022/koobiq-components-input.mjs +74 -80
  85. package/fesm2022/koobiq-components-input.mjs.map +1 -1
  86. package/fesm2022/koobiq-components-markdown.mjs +3 -1
  87. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  88. package/fesm2022/koobiq-components-modal.mjs +2 -2
  89. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  90. package/fesm2022/koobiq-components-navbar.mjs +6 -6
  91. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  92. package/fesm2022/koobiq-components-popover.mjs +4 -4
  93. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  94. package/fesm2022/koobiq-components-select.mjs +3 -6
  95. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  96. package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
  97. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  98. package/fesm2022/koobiq-components-timezone.mjs +18 -8
  99. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  100. package/fesm2022/koobiq-components-tooltip.mjs +12 -0
  101. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  102. package/file-upload/_file-upload-theme.scss +6 -10
  103. package/file-upload/file-upload.d.ts +3 -0
  104. package/file-upload/file-upload.scss +6 -0
  105. package/file-upload/multiple-file-upload.component.d.ts +28 -5
  106. package/file-upload/multiple-file-upload.component.scss +0 -4
  107. package/file-upload/single-file-upload.component.d.ts +13 -4
  108. package/file-upload/single-file-upload.component.scss +0 -12
  109. package/form-field/form-field-control.d.ts +3 -2
  110. package/form-field/hint.scss +0 -3
  111. package/input/input-number.d.ts +24 -14
  112. package/markdown/markdown.values.d.ts +3 -0
  113. package/modal/_modal-theme.scss +1 -1
  114. package/modal/modal-tokens.scss +2 -2
  115. package/navbar/_navbar-theme.scss +1 -1
  116. package/navbar/navbar-tokens.scss +2 -8
  117. package/package.json +5 -4
  118. package/popover/_popover-theme.scss +2 -2
  119. package/popover/popover-tokens.scss +2 -2
  120. package/popover/popover.scss +2 -2
  121. package/schematics/ng-add/index.js +2 -2
  122. package/select/select.component.d.ts +1 -1
  123. package/select/select.module.d.ts +1 -2
  124. package/sidepanel/_sidepanel-theme.scss +1 -1
  125. package/sidepanel/sidepanel-tokens.scss +2 -2
  126. package/timezone/timezone-select.component.d.ts +5 -6
  127. package/tooltip/tooltip.component.d.ts +9 -0
  128. package/core/error/error-options.d.ts +0 -14
  129. package/core/label/label-options.d.ts +0 -13
  130. package/esm2022/core/error/error-options.mjs +0 -26
  131. package/esm2022/core/label/label-options.mjs +0 -4
@@ -1,9 +1,14 @@
1
- import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
1
+ import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { KbqLocaleService } from '@koobiq/components/core';
4
4
  import { KbqFormFieldControl } from '@koobiq/components/form-field';
5
5
  import { Subject } from 'rxjs';
6
6
  import * as i0 from "@angular/core";
7
+ export declare const KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION: {
8
+ groupSeparator: string[];
9
+ fractionSeparator: string;
10
+ startFormattingFrom: number;
11
+ };
7
12
  export declare const BIG_STEP = 10;
8
13
  export declare const SMALL_STEP = 1;
9
14
  export declare function normalizeSplitter(value: string): string;
@@ -13,10 +18,10 @@ export declare function isDigit(value: string): boolean;
13
18
  export declare function getPrecision(value: number): number;
14
19
  export declare function add(value1: number, value2: number): number;
15
20
  export declare const KBQ_NUMBER_INPUT_VALUE_ACCESSOR: any;
16
- export declare class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAccessor, AfterContentInit, OnDestroy {
21
+ export declare class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAccessor, OnDestroy {
17
22
  private elementRef;
18
23
  private readonly renderer;
19
- private localeService;
24
+ private localeService?;
20
25
  /** Emits when the value changes (either due to user input or programmatic change). */
21
26
  valueChange: EventEmitter<number | null>;
22
27
  /** Emits when the disabled state has changed */
@@ -28,6 +33,10 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
28
33
  required: boolean;
29
34
  errorState: boolean;
30
35
  controlType?: string | undefined;
36
+ /**
37
+ * Allows input and pasting of integers only.
38
+ */
39
+ integer: boolean;
31
40
  bigStep: number;
32
41
  step: number;
33
42
  min: number;
@@ -47,13 +56,12 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
47
56
  get nativeElement(): HTMLInputElement;
48
57
  get viewValue(): string;
49
58
  get ngControl(): any;
59
+ protected get fractionSeparator(): string;
60
+ protected get groupSeparator(): string[];
50
61
  private control;
51
- private readonly allNumberLocaleConfigs;
52
- private numberLocaleConfig;
62
+ private config;
53
63
  private valueFromPaste;
54
- private localeSubscription;
55
- constructor(elementRef: ElementRef, renderer: Renderer2, step: string, bigStep: string, min: string, max: string, localeService: KbqLocaleService);
56
- ngAfterContentInit(): void;
64
+ constructor(elementRef: ElementRef, renderer: Renderer2, step: string, bigStep: string, min: string, max: string, localeService?: KbqLocaleService | undefined);
57
65
  ngOnDestroy(): void;
58
66
  onContainerClick(): void;
59
67
  focus(): void;
@@ -68,18 +76,20 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
68
76
  onPaste(event: ClipboardEvent): void;
69
77
  stepUp(step: number): void;
70
78
  stepDown(step: number): void;
79
+ private initDefaultParams;
80
+ private isCtrlV;
81
+ private isCtrlX;
82
+ private isCtrlZ;
83
+ private isPeriod;
71
84
  private cvaOnChange;
72
85
  private setViewValue;
73
86
  private viewToModelUpdate;
74
87
  private formatViewValue;
75
88
  private formatNumber;
76
89
  private createLocalizedNumberFromParts;
77
- /**
78
- * Method that returns a string representation of a number without localized separators
79
- */
80
- private normalizeNumber;
81
90
  private updateLocaleParams;
82
- private checkAndNormalizeLocalizedNumber;
83
91
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqNumberInput, [null, null, { attribute: "step"; }, { attribute: "big-step"; }, { attribute: "min"; }, { attribute: "max"; }, { optional: true; }]>;
84
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
92
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "integer": { "alias": "integer"; "required": false; }; "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
93
+ static ngAcceptInputType_integer: unknown;
94
+ static ngAcceptInputType_withThousandSeparator: unknown;
85
95
  }
@@ -1,3 +1,6 @@
1
1
  export declare const MARKDOWN_TAGS_TO_CLASS_ALIAS: string[];
2
+ /**
3
+ * separating `th` and `p` to prevent it's conflict with `thead` and `pre`
4
+ */
2
5
  export declare const MARKDOWN_WHOLE_TAGS_TO_CLASS_ALIAS: string[];
3
6
  export declare const CLASS_PREFIX: string;
@@ -5,7 +5,7 @@
5
5
  @mixin kbq-modal-theme() {
6
6
  .kbq-modal {
7
7
  background: var(--kbq-modal-container-background);
8
- box-shadow: var(--kbq-modal-container-box-shadow);
8
+ box-shadow: var(--kbq-modal-container-shadow);
9
9
 
10
10
  .kbq-modal-header {
11
11
  & .kbq-modal-title {
@@ -36,7 +36,7 @@
36
36
  :where(.kbq-light, .theme-light, .kbq-theme-light) {
37
37
  --kbq-modal-overlay-background: var(--kbq-background-overlay);
38
38
  --kbq-modal-container-background: var(--kbq-background-card);
39
- --kbq-modal-container-box-shadow: var(--kbq-shadow-overlay);
39
+ --kbq-modal-container-shadow: var(--kbq-shadow-overlay);
40
40
  --kbq-modal-close-button-color: var(--kbq-icon-contrast);
41
41
  --kbq-modal-header-text-color: var(--kbq-foreground-contrast);
42
42
  --kbq-modal-content-text-color: var(--kbq-foreground-contrast);
@@ -45,7 +45,7 @@
45
45
  :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
46
46
  --kbq-modal-overlay-background: var(--kbq-background-overlay);
47
47
  --kbq-modal-container-background: var(--kbq-background-card);
48
- --kbq-modal-container-box-shadow: var(--kbq-shadow-overlay);
48
+ --kbq-modal-container-shadow: var(--kbq-shadow-overlay);
49
49
  --kbq-modal-close-button-color: var(--kbq-icon-contrast);
50
50
  --kbq-modal-header-text-color: var(--kbq-foreground-contrast);
51
51
  --kbq-modal-content-text-color: var(--kbq-foreground-contrast);
@@ -101,7 +101,7 @@ button {
101
101
 
102
102
  .kbq-navbar-brand {
103
103
  .kbq-navbar-title {
104
- @include kbq-typography-css-variables(navbar, title);
104
+ @include kbq-typography-level-to-styles_css-variables(typography, navbar-title);
105
105
  }
106
106
  }
107
107
  }
@@ -1,13 +1,7 @@
1
1
  /* stylelint-disable no-unknown-custom-properties */
2
2
 
3
- .kbq-navbar {
4
- --kbq-navbar-font-title-font-size: var(--kbq-typography-navbar-title-font-size);
5
- --kbq-navbar-font-title-line-height: var(--kbq-typography-navbar-title-line-height);
6
- --kbq-navbar-font-title-letter-spacing: var(--kbq-typography-navbar-title-letter-spacing);
7
- --kbq-navbar-font-title-font-weight: var(--kbq-typography-navbar-title-font-weight);
8
- --kbq-navbar-font-title-font-family: var(--kbq-typography-navbar-title-font-family);
9
- --kbq-navbar-font-title-text-transform: var(--kbq-typography-navbar-title-text-transform);
10
- --kbq-navbar-font-title-font-feature-settings: var(--kbq-typography-navbar-title-font-feature-settings);
3
+ .kbq-navbar,
4
+ .kbq-vertical-navbar {
11
5
  --kbq-navbar-item-size-content-border-radius: var(--kbq-button-size-border-radius);
12
6
  }
13
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koobiq/components",
3
- "version": "18.2.1",
3
+ "version": "18.4.0",
4
4
  "description": "koobiq",
5
5
  "repository": {
6
6
  "type": "git",
@@ -22,10 +22,11 @@
22
22
  "homepage": "https://github.com/koobiq/angular-components#readme",
23
23
  "peerDependencies": {
24
24
  "@angular/cdk": "^18.0.0",
25
+ "@angular/core": "^18.0.0",
25
26
  "@angular/forms": "^18.0.0",
26
- "@koobiq/cdk": "18.2.1",
27
- "@koobiq/angular-moment-adapter": "18.2.1",
28
- "@koobiq/angular-luxon-adapter": "18.2.1",
27
+ "@koobiq/cdk": "18.4.0",
28
+ "@koobiq/angular-moment-adapter": "18.4.0",
29
+ "@koobiq/angular-luxon-adapter": "18.4.0",
29
30
  "@koobiq/date-formatter": "^3.1.3",
30
31
  "@koobiq/icons": "^9.0.0",
31
32
  "@koobiq/tokens-builder": "3.7.3",
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin kbq-popover-theme() {
4
4
  .kbq-popover {
5
- box-shadow: var(--kbq-popover-container-box-shadow);
5
+ box-shadow: var(--kbq-popover-container-shadow);
6
6
  }
7
7
 
8
8
  .kbq-popover__container {
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .kbq-popover__arrow {
13
- box-shadow: var(--kbq-popover-container-box-shadow);
13
+ box-shadow: var(--kbq-popover-container-shadow);
14
14
  background: var(--kbq-popover-container-background);
15
15
  }
16
16
 
@@ -38,7 +38,7 @@
38
38
 
39
39
  :where(.kbq-light, .theme-light, .kbq-theme-light) {
40
40
  --kbq-popover-container-background: var(--kbq-background-card);
41
- --kbq-popover-container-box-shadow: var(--kbq-shadow-popup);
41
+ --kbq-popover-container-shadow: var(--kbq-shadow-popup);
42
42
  --kbq-popover-header-text-color: var(--kbq-foreground-contrast);
43
43
  --kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);
44
44
  --kbq-popover-content-text-color: var(--kbq-foreground-contrast);
@@ -47,7 +47,7 @@
47
47
 
48
48
  :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
49
49
  --kbq-popover-container-background: var(--kbq-background-card);
50
- --kbq-popover-container-box-shadow: var(--kbq-shadow-popup);
50
+ --kbq-popover-container-shadow: var(--kbq-shadow-popup);
51
51
  --kbq-popover-header-text-color: var(--kbq-foreground-contrast);
52
52
  --kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);
53
53
  --kbq-popover-content-text-color: var(--kbq-foreground-contrast);
@@ -92,7 +92,7 @@ $trigger-margin: 9px;
92
92
  }
93
93
 
94
94
  .kbq-popover__header_top-overflow {
95
- box-shadow: 0 9px 8px -12px rgba(138, 143, 168, 1);
95
+ box-shadow: var(--kbq-shadow-overflow-normal-bottom);
96
96
  }
97
97
 
98
98
  .kbq-popover__header_with-close-button {
@@ -104,7 +104,7 @@ $trigger-margin: 9px;
104
104
  }
105
105
 
106
106
  .kbq-popover__footer_bottom-overflow {
107
- box-shadow: 0 -9px 8px -12px rgba(138, 143, 168, 1);
107
+ box-shadow: var(--kbq-shadow-overflow-normal-top);
108
108
  }
109
109
 
110
110
  .kbq-popover__arrow {
@@ -42,8 +42,8 @@ function ngAdd(options) {
42
42
  }
43
43
  // Installing dependencies
44
44
  utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.6");
45
- utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.2.1");
46
- utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.2.1");
45
+ utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.4.0");
46
+ utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.4.0");
47
47
  utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.3");
48
48
  utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.3");
49
49
  utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^9.1.0");
@@ -41,7 +41,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
41
41
  private readonly _dir;
42
42
  private readonly parentFormField;
43
43
  private readonly scrollStrategyFactory;
44
- private localeService?;
44
+ protected localeService?: KbqLocaleService | undefined;
45
45
  /** A name for this control that can be used by `kbq-form-field`. */
46
46
  controlType: string;
47
47
  hiddenItems: number;
@@ -7,9 +7,8 @@ import * as i5 from "@koobiq/components/icon";
7
7
  import * as i6 from "@koobiq/components/tags";
8
8
  import * as i7 from "@koobiq/components/tooltip";
9
9
  import * as i8 from "@angular/common";
10
- import * as i9 from "@koobiq/components/form-field";
11
10
  export declare class KbqSelectModule {
12
11
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqSelectModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSelectModule, [typeof i1.KbqSelect, typeof i2.KbqOptionTooltip], [typeof i3.OverlayModule, typeof i4.KbqOptionModule, typeof i5.KbqIconModule, typeof i6.KbqTagsModule, typeof i7.KbqToolTipModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult, typeof i8.NgClass, typeof i8.NgTemplateOutlet], [typeof i9.KbqFormFieldModule, typeof i1.KbqSelect, typeof i2.KbqOptionTooltip, typeof i4.KbqOptionModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSelectModule, [typeof i1.KbqSelect, typeof i2.KbqOptionTooltip], [typeof i3.OverlayModule, typeof i4.KbqOptionModule, typeof i5.KbqIconModule, typeof i6.KbqTagsModule, typeof i7.KbqToolTipModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult, typeof i8.NgClass, typeof i8.NgTemplateOutlet], [typeof i1.KbqSelect, typeof i2.KbqOptionTooltip, typeof i4.KbqOptionModule, typeof i4.KbqSelectSearch, typeof i4.KbqSelectFooter, typeof i4.KbqSelectMatcher, typeof i4.KbqSelectTrigger, typeof i4.KbqSelectSearchEmptyResult]>;
14
13
  static ɵinj: i0.ɵɵInjectorDeclaration<KbqSelectModule>;
15
14
  }
@@ -12,7 +12,7 @@
12
12
 
13
13
  .kbq-sidepanel-container_shadowed {
14
14
  .kbq-sidepanel-content {
15
- box-shadow: var(--kbq-sidepanel-container-box-shadow);
15
+ box-shadow: var(--kbq-sidepanel-container-shadow);
16
16
  }
17
17
  }
18
18
  }
@@ -33,7 +33,7 @@
33
33
  :where(.kbq-light, .theme-light, .kbq-theme-light) {
34
34
  --kbq-sidepanel-overlay-background: var(--kbq-background-overlay);
35
35
  --kbq-sidepanel-container-background: var(--kbq-background-card);
36
- --kbq-sidepanel-container-box-shadow: var(--kbq-shadow-overlay);
36
+ --kbq-sidepanel-container-shadow: var(--kbq-shadow-overlay);
37
37
  --kbq-sidepanel-header-text-color: var(--kbq-foreground-contrast);
38
38
  --kbq-sidepanel-content-text-color: var(--kbq-foreground-contrast);
39
39
  }
@@ -41,7 +41,7 @@
41
41
  :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
42
42
  --kbq-sidepanel-overlay-background: var(--kbq-background-overlay);
43
43
  --kbq-sidepanel-container-background: var(--kbq-background-card);
44
- --kbq-sidepanel-container-box-shadow: var(--kbq-shadow-overlay);
44
+ --kbq-sidepanel-container-shadow: var(--kbq-shadow-overlay);
45
45
  --kbq-sidepanel-header-text-color: var(--kbq-foreground-contrast);
46
46
  --kbq-sidepanel-content-text-color: var(--kbq-foreground-contrast);
47
47
  }
@@ -1,15 +1,14 @@
1
- import { KbqSelectSearch } from '@koobiq/components/core';
2
- import { KbqCleaner } from '@koobiq/components/form-field';
1
+ import { AfterContentInit } from '@angular/core';
3
2
  import { KbqSelect } from '@koobiq/components/select';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class KbqTimezoneSelectTrigger {
6
5
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimezoneSelectTrigger, never>;
7
6
  static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTimezoneSelectTrigger, "kbq-timezone-select-trigger", never, {}, {}, never, never, false, never>;
8
7
  }
9
- export declare class KbqTimezoneSelect extends KbqSelect {
8
+ export declare class KbqTimezoneSelect extends KbqSelect implements AfterContentInit {
10
9
  customTrigger: KbqTimezoneSelectTrigger;
11
- cleaner: KbqCleaner;
12
- search: KbqSelectSearch;
10
+ ngAfterContentInit(): void;
11
+ private updateLocaleParamsForSearch;
13
12
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqTimezoneSelect, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneSelect, "kbq-timezone-select", ["kbqTimezoneSelect"], {}, {}, ["customTrigger", "cleaner", "search"], ["kbq-timezone-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*"], false, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<KbqTimezoneSelect, "kbq-timezone-select", ["kbqTimezoneSelect"], {}, {}, ["customTrigger"], ["kbq-timezone-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*"], false, never>;
15
14
  }
@@ -80,6 +80,15 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
80
80
  constructor();
81
81
  ngOnDestroy(): void;
82
82
  show(delay?: number): void;
83
+ /**
84
+ * method allows to show the tooltip relative to the element
85
+ * Use this approach when it is not possible to define a trigger in the template.
86
+ *
87
+ * For example:
88
+ * const tooltip = new KbqTooltipTrigger();
89
+ * tooltip.showForElement(element);
90
+ */
91
+ showForElement(element: HTMLElement): void;
83
92
  updateData(): void;
84
93
  closingActions(): import("rxjs").Observable<void | MouseEvent>;
85
94
  getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
@@ -1,14 +0,0 @@
1
- import { FormGroupDirective, NgForm, UntypedFormControl } from '@angular/forms';
2
- import * as i0 from "@angular/core";
3
- /** Error state matcher that matches when a control is invalid and dirty. */
4
- export declare class ShowOnDirtyErrorStateMatcher implements ErrorStateMatcher {
5
- isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<ShowOnDirtyErrorStateMatcher, never>;
7
- static ɵprov: i0.ɵɵInjectableDeclaration<ShowOnDirtyErrorStateMatcher>;
8
- }
9
- /** Provider that defines how form controls behave with regards to displaying error messages. */
10
- export declare class ErrorStateMatcher {
11
- isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<ErrorStateMatcher, never>;
13
- static ɵprov: i0.ɵɵInjectableDeclaration<ErrorStateMatcher>;
14
- }
@@ -1,13 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- /** InjectionToken that can be used to specify the global label options. */
3
- export declare const KBQ_LABEL_GLOBAL_OPTIONS: InjectionToken<LabelOptions>;
4
- /** Type for the available floatLabel values. */
5
- export type FloatLabelType = 'always' | 'never' | 'auto';
6
- /** Configurable options for floating labels. */
7
- export interface LabelOptions {
8
- /**
9
- * Whether the label should float `always`, `never`, or `auto` (only when necessary).
10
- * Default behavior is assumed to be `auto`.
11
- */
12
- float?: FloatLabelType;
13
- }
@@ -1,26 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /** Error state matcher that matches when a control is invalid and dirty. */
4
- export class ShowOnDirtyErrorStateMatcher {
5
- isErrorState(control, form) {
6
- return !!(control && control.invalid && (control.dirty || (form && form.submitted)));
7
- }
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
9
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher }); }
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ShowOnDirtyErrorStateMatcher, decorators: [{
12
- type: Injectable
13
- }] });
14
- /** Provider that defines how form controls behave with regards to displaying error messages. */
15
- export class ErrorStateMatcher {
16
- isErrorState(control, form) {
17
- return !!(control && control.invalid && (control.touched || (form && form.submitted)));
18
- }
19
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
20
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ErrorStateMatcher, providedIn: 'root' }); }
21
- }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ErrorStateMatcher, decorators: [{
23
- type: Injectable,
24
- args: [{ providedIn: 'root' }]
25
- }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3Itb3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS9lcnJvci9lcnJvci1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRzNDLDRFQUE0RTtBQUU1RSxNQUFNLE9BQU8sNEJBQTRCO0lBQ3JDLFlBQVksQ0FBQyxPQUFrQyxFQUFFLElBQXdDO1FBQ3JGLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekYsQ0FBQztpSUFIUSw0QkFBNEI7cUlBQTVCLDRCQUE0Qjs7MkZBQTVCLDRCQUE0QjtrQkFEeEMsVUFBVTs7QUFPWCxnR0FBZ0c7QUFFaEcsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixZQUFZLENBQUMsT0FBa0MsRUFBRSxJQUF3QztRQUNyRixPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNGLENBQUM7aUlBSFEsaUJBQWlCO3FJQUFqQixpQkFBaUIsY0FESixNQUFNOzsyRkFDbkIsaUJBQWlCO2tCQUQ3QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cERpcmVjdGl2ZSwgTmdGb3JtLCBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8qKiBFcnJvciBzdGF0ZSBtYXRjaGVyIHRoYXQgbWF0Y2hlcyB3aGVuIGEgY29udHJvbCBpcyBpbnZhbGlkIGFuZCBkaXJ0eS4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTaG93T25EaXJ0eUVycm9yU3RhdGVNYXRjaGVyIGltcGxlbWVudHMgRXJyb3JTdGF0ZU1hdGNoZXIge1xuICAgIGlzRXJyb3JTdGF0ZShjb250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgfCBudWxsLCBmb3JtOiBGb3JtR3JvdXBEaXJlY3RpdmUgfCBOZ0Zvcm0gfCBudWxsKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhIShjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiAoY29udHJvbC5kaXJ0eSB8fCAoZm9ybSAmJiBmb3JtLnN1Ym1pdHRlZCkpKTtcbiAgICB9XG59XG5cbi8qKiBQcm92aWRlciB0aGF0IGRlZmluZXMgaG93IGZvcm0gY29udHJvbHMgYmVoYXZlIHdpdGggcmVnYXJkcyB0byBkaXNwbGF5aW5nIGVycm9yIG1lc3NhZ2VzLiAqL1xuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBFcnJvclN0YXRlTWF0Y2hlciB7XG4gICAgaXNFcnJvclN0YXRlKGNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCB8IG51bGwsIGZvcm06IEZvcm1Hcm91cERpcmVjdGl2ZSB8IE5nRm9ybSB8IG51bGwpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICEhKGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIChjb250cm9sLnRvdWNoZWQgfHwgKGZvcm0gJiYgZm9ybS5zdWJtaXR0ZWQpKSk7XG4gICAgfVxufVxuIl19
@@ -1,4 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- /** InjectionToken that can be used to specify the global label options. */
3
- export const KBQ_LABEL_GLOBAL_OPTIONS = new InjectionToken('kbq-label-global-options');
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtb3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS9sYWJlbC9sYWJlbC1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsMkVBQTJFO0FBQzNFLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLElBQUksY0FBYyxDQUFlLDBCQUEwQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogSW5qZWN0aW9uVG9rZW4gdGhhdCBjYW4gYmUgdXNlZCB0byBzcGVjaWZ5IHRoZSBnbG9iYWwgbGFiZWwgb3B0aW9ucy4gKi9cbmV4cG9ydCBjb25zdCBLQlFfTEFCRUxfR0xPQkFMX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW48TGFiZWxPcHRpb25zPigna2JxLWxhYmVsLWdsb2JhbC1vcHRpb25zJyk7XG5cbi8qKiBUeXBlIGZvciB0aGUgYXZhaWxhYmxlIGZsb2F0TGFiZWwgdmFsdWVzLiAqL1xuZXhwb3J0IHR5cGUgRmxvYXRMYWJlbFR5cGUgPSAnYWx3YXlzJyB8ICduZXZlcicgfCAnYXV0byc7XG5cbi8qKiBDb25maWd1cmFibGUgb3B0aW9ucyBmb3IgZmxvYXRpbmcgbGFiZWxzLiAqL1xuZXhwb3J0IGludGVyZmFjZSBMYWJlbE9wdGlvbnMge1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGxhYmVsIHNob3VsZCBmbG9hdCBgYWx3YXlzYCwgYG5ldmVyYCwgb3IgYGF1dG9gIChvbmx5IHdoZW4gbmVjZXNzYXJ5KS5cbiAgICAgKiBEZWZhdWx0IGJlaGF2aW9yIGlzIGFzc3VtZWQgdG8gYmUgYGF1dG9gLlxuICAgICAqL1xuICAgIGZsb2F0PzogRmxvYXRMYWJlbFR5cGU7XG59XG4iXX0=