@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.
- package/code-block/_code-block-theme.scss +1 -1
- package/code-block/actionbar.component.d.ts +14 -4
- package/code-block/code-block-tokens.scss +4 -4
- package/code-block/code-block.component.d.ts +12 -15
- package/code-block/code-block.types.d.ts +12 -0
- package/core/common-behaviors/color.d.ts +1 -1
- package/core/common-behaviors/error-state.d.ts +1 -1
- package/core/error/error-state-matcher.d.ts +26 -0
- package/core/form-field/form-field-ref.d.ts +7 -0
- package/core/forms/index.d.ts +1 -0
- package/core/forms/validators.d.ts +107 -0
- package/core/locales/en-US.d.ts +13 -0
- package/core/locales/es-LA.d.ts +13 -0
- package/core/locales/fa-IR.d.ts +13 -0
- package/core/locales/locale-service.d.ts +89 -0
- package/core/locales/pt-BR.d.ts +13 -0
- package/core/locales/ru-RU.d.ts +13 -0
- package/core/locales/zh-CN.d.ts +13 -0
- package/core/public-api.d.ts +1 -2
- package/core/select/common.d.ts +2 -0
- package/core/services/theme.service.d.ts +2 -2
- package/core/styles/theming/_components-theming.scss +1 -1
- package/core/validation/validation.d.ts +1 -0
- package/datepicker/_datepicker-theme.scss +1 -1
- package/datepicker/datepicker-tokens.scss +2 -2
- package/dropdown/_dropdown-theme.scss +1 -1
- package/dropdown/dropdown-tokens.scss +1 -1
- package/esm2022/code-block/actionbar.component.mjs +35 -8
- package/esm2022/code-block/code-block.component.mjs +28 -19
- package/esm2022/code-block/code-block.types.mjs +5 -2
- package/esm2022/core/common-behaviors/color.mjs +2 -2
- package/esm2022/core/common-behaviors/error-state.mjs +1 -1
- package/esm2022/core/error/error-state-matcher.mjs +43 -0
- package/esm2022/core/form-field/form-field-ref.mjs +4 -1
- package/esm2022/core/forms/index.mjs +2 -1
- package/esm2022/core/forms/validators.mjs +163 -0
- package/esm2022/core/locales/en-US.mjs +14 -1
- package/esm2022/core/locales/es-LA.mjs +14 -1
- package/esm2022/core/locales/fa-IR.mjs +14 -1
- package/esm2022/core/locales/locale-service.mjs +30 -1
- package/esm2022/core/locales/pt-BR.mjs +14 -1
- package/esm2022/core/locales/ru-RU.mjs +14 -1
- package/esm2022/core/locales/zh-CN.mjs +14 -1
- package/esm2022/core/public-api.mjs +2 -3
- package/esm2022/core/select/common.mjs +7 -1
- package/esm2022/core/services/theme.service.mjs +3 -3
- package/esm2022/core/validation/validation.mjs +2 -1
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-header.component.mjs +5 -6
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/file-upload/file-upload.mjs +2 -3
- package/esm2022/file-upload/multiple-file-upload.component.mjs +57 -17
- package/esm2022/file-upload/single-file-upload.component.mjs +31 -19
- package/esm2022/form-field/form-field-control.mjs +1 -1
- package/esm2022/icon/icon.component.mjs +2 -2
- package/esm2022/icon/icon.module.mjs +1 -1
- package/esm2022/input/input-number.mjs +74 -80
- package/esm2022/markdown/markdown.values.mjs +4 -2
- package/esm2022/modal/modal.component.mjs +2 -2
- package/esm2022/navbar/navbar-item.component.mjs +2 -2
- package/esm2022/navbar/navbar.component.mjs +2 -2
- package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +1 -1
- package/esm2022/select/select.module.mjs +3 -7
- package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2022/timezone/timezone-select.component.mjs +20 -10
- package/esm2022/tooltip/tooltip.component.mjs +13 -1
- package/fesm2022/koobiq-components-code-block.mjs +58 -24
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +310 -16
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +10 -11
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +2 -2
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +76 -27
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +1 -1
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +74 -80
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +3 -1
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -2
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +6 -6
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +4 -4
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +3 -6
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +18 -8
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +12 -0
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +6 -10
- package/file-upload/file-upload.d.ts +3 -0
- package/file-upload/file-upload.scss +6 -0
- package/file-upload/multiple-file-upload.component.d.ts +28 -5
- package/file-upload/multiple-file-upload.component.scss +0 -4
- package/file-upload/single-file-upload.component.d.ts +13 -4
- package/file-upload/single-file-upload.component.scss +0 -12
- package/form-field/form-field-control.d.ts +3 -2
- package/form-field/hint.scss +0 -3
- package/input/input-number.d.ts +24 -14
- package/markdown/markdown.values.d.ts +3 -0
- package/modal/_modal-theme.scss +1 -1
- package/modal/modal-tokens.scss +2 -2
- package/navbar/_navbar-theme.scss +1 -1
- package/navbar/navbar-tokens.scss +2 -8
- package/package.json +5 -4
- package/popover/_popover-theme.scss +2 -2
- package/popover/popover-tokens.scss +2 -2
- package/popover/popover.scss +2 -2
- package/schematics/ng-add/index.js +2 -2
- package/select/select.component.d.ts +1 -1
- package/select/select.module.d.ts +1 -2
- package/sidepanel/_sidepanel-theme.scss +1 -1
- package/sidepanel/sidepanel-tokens.scss +2 -2
- package/timezone/timezone-select.component.d.ts +5 -6
- package/tooltip/tooltip.component.d.ts +9 -0
- package/core/error/error-options.d.ts +0 -14
- package/core/label/label-options.d.ts +0 -13
- package/esm2022/core/error/error-options.mjs +0 -26
- package/esm2022/core/label/label-options.mjs +0 -4
package/input/input-number.d.ts
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import {
|
|
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,
|
|
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
|
|
52
|
-
private numberLocaleConfig;
|
|
62
|
+
private config;
|
|
53
63
|
private valueFromPaste;
|
|
54
|
-
|
|
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
|
}
|
package/modal/_modal-theme.scss
CHANGED
package/modal/modal-tokens.scss
CHANGED
|
@@ -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-
|
|
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-
|
|
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);
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
/* stylelint-disable no-unknown-custom-properties */
|
|
2
2
|
|
|
3
|
-
.kbq-navbar
|
|
4
|
-
|
|
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.
|
|
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.
|
|
27
|
-
"@koobiq/angular-moment-adapter": "18.
|
|
28
|
-
"@koobiq/angular-luxon-adapter": "18.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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:
|
|
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:
|
|
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.
|
|
46
|
-
utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.
|
|
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
|
-
|
|
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
|
|
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
|
}
|
|
@@ -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-
|
|
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-
|
|
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 {
|
|
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
|
-
|
|
12
|
-
|
|
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"
|
|
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=
|