@koobiq/components 18.3.0 → 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 (98) 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/forms/validators.d.ts +21 -0
  8. package/core/locales/en-US.d.ts +13 -0
  9. package/core/locales/es-LA.d.ts +13 -0
  10. package/core/locales/fa-IR.d.ts +13 -0
  11. package/core/locales/locale-service.d.ts +78 -0
  12. package/core/locales/pt-BR.d.ts +13 -0
  13. package/core/locales/ru-RU.d.ts +13 -0
  14. package/core/locales/zh-CN.d.ts +13 -0
  15. package/core/select/common.d.ts +2 -0
  16. package/core/services/theme.service.d.ts +2 -2
  17. package/core/styles/theming/_components-theming.scss +1 -1
  18. package/datepicker/_datepicker-theme.scss +1 -1
  19. package/datepicker/datepicker-tokens.scss +2 -2
  20. package/dropdown/_dropdown-theme.scss +1 -1
  21. package/dropdown/dropdown-tokens.scss +1 -1
  22. package/esm2022/code-block/actionbar.component.mjs +35 -8
  23. package/esm2022/code-block/code-block.component.mjs +28 -19
  24. package/esm2022/code-block/code-block.types.mjs +5 -2
  25. package/esm2022/core/common-behaviors/color.mjs +2 -2
  26. package/esm2022/core/forms/validators.mjs +32 -1
  27. package/esm2022/core/locales/en-US.mjs +14 -1
  28. package/esm2022/core/locales/es-LA.mjs +14 -1
  29. package/esm2022/core/locales/fa-IR.mjs +14 -1
  30. package/esm2022/core/locales/pt-BR.mjs +14 -1
  31. package/esm2022/core/locales/ru-RU.mjs +14 -1
  32. package/esm2022/core/locales/zh-CN.mjs +14 -1
  33. package/esm2022/core/select/common.mjs +7 -1
  34. package/esm2022/core/services/theme.service.mjs +3 -3
  35. package/esm2022/core/version.mjs +2 -2
  36. package/esm2022/datepicker/datepicker.component.mjs +3 -3
  37. package/esm2022/dropdown/dropdown.component.mjs +3 -3
  38. package/esm2022/file-upload/file-upload.mjs +2 -3
  39. package/esm2022/file-upload/multiple-file-upload.component.mjs +57 -17
  40. package/esm2022/file-upload/single-file-upload.component.mjs +31 -19
  41. package/esm2022/markdown/markdown.values.mjs +4 -2
  42. package/esm2022/modal/modal.component.mjs +2 -2
  43. package/esm2022/navbar/navbar-item.component.mjs +2 -2
  44. package/esm2022/navbar/navbar.component.mjs +2 -2
  45. package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
  46. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  47. package/esm2022/popover/popover.component.mjs +3 -3
  48. package/esm2022/select/select.component.mjs +1 -1
  49. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  50. package/esm2022/timezone/timezone-select.component.mjs +20 -10
  51. package/esm2022/tooltip/tooltip.component.mjs +13 -1
  52. package/fesm2022/koobiq-components-code-block.mjs +58 -24
  53. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  54. package/fesm2022/koobiq-components-core.mjs +120 -5
  55. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  56. package/fesm2022/koobiq-components-datepicker.mjs +2 -2
  57. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  58. package/fesm2022/koobiq-components-dropdown.mjs +2 -2
  59. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  60. package/fesm2022/koobiq-components-file-upload.mjs +76 -27
  61. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  62. package/fesm2022/koobiq-components-markdown.mjs +3 -1
  63. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  64. package/fesm2022/koobiq-components-modal.mjs +2 -2
  65. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  66. package/fesm2022/koobiq-components-navbar.mjs +6 -6
  67. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  68. package/fesm2022/koobiq-components-popover.mjs +4 -4
  69. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  70. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  71. package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
  72. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  73. package/fesm2022/koobiq-components-timezone.mjs +18 -8
  74. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  75. package/fesm2022/koobiq-components-tooltip.mjs +12 -0
  76. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  77. package/file-upload/_file-upload-theme.scss +6 -10
  78. package/file-upload/file-upload.d.ts +3 -0
  79. package/file-upload/file-upload.scss +6 -0
  80. package/file-upload/multiple-file-upload.component.d.ts +28 -5
  81. package/file-upload/multiple-file-upload.component.scss +0 -4
  82. package/file-upload/single-file-upload.component.d.ts +13 -4
  83. package/file-upload/single-file-upload.component.scss +0 -12
  84. package/markdown/markdown.values.d.ts +3 -0
  85. package/modal/_modal-theme.scss +1 -1
  86. package/modal/modal-tokens.scss +2 -2
  87. package/navbar/_navbar-theme.scss +1 -1
  88. package/navbar/navbar-tokens.scss +2 -8
  89. package/package.json +4 -4
  90. package/popover/_popover-theme.scss +2 -2
  91. package/popover/popover-tokens.scss +2 -2
  92. package/popover/popover.scss +2 -2
  93. package/schematics/ng-add/index.js +2 -2
  94. package/select/select.component.d.ts +1 -1
  95. package/sidepanel/_sidepanel-theme.scss +1 -1
  96. package/sidepanel/sidepanel-tokens.scss +2 -2
  97. package/timezone/timezone-select.component.d.ts +5 -6
  98. package/tooltip/tooltip.component.d.ts +9 -0
package/popover/_popover-theme.scss CHANGED
@@ -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
 
package/popover/popover-tokens.scss CHANGED
@@ -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);
package/popover/popover.scss CHANGED
@@ -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 {
package/schematics/ng-add/index.js CHANGED
@@ -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.3.0");
46
- utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.3.0");
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");
package/select/select.component.d.ts CHANGED
@@ -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;
package/sidepanel/_sidepanel-theme.scss CHANGED
@@ -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
  }
package/sidepanel/sidepanel-tokens.scss CHANGED
@@ -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
  }
package/timezone/timezone-select.component.d.ts CHANGED
@@ -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
  }
package/tooltip/tooltip.component.d.ts CHANGED
@@ -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>;