@koobiq/components 17.0.0-beta.1 → 17.0.0-beta.2
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/autocomplete/autocomplete-trigger.directive.d.ts +7 -1
- package/button-toggle/_button-toggle-theme.scss +4 -0
- package/checkbox/checkbox.scss +0 -1
- package/code-block/_code-block-theme.scss +15 -9
- package/code-block/actionbar.component.scss +1 -1
- package/code-block/code-block.component.d.ts +3 -0
- package/code-block/code-block.scss +14 -4
- package/core/datetime/date-adapter.d.ts +1 -1
- package/core/datetime/date-formats.d.ts +1 -1
- package/core/formatters/date/formatter.d.ts +2 -2
- package/core/formatters/date/formatter.pipe.d.ts +1 -1
- package/core/locales/en-US.d.ts +25 -22
- package/core/locales/es-LA.d.ts +24 -27
- package/core/locales/fa-IR.d.ts +24 -28
- package/core/locales/formatters.d.ts +121 -0
- package/core/locales/index.d.ts +7 -0
- package/core/locales/locale-service.d.ts +146 -32
- package/core/locales/pt-BR.d.ts +24 -27
- package/core/locales/ru-RU.d.ts +25 -23
- package/core/locales/zh-CN.d.ts +25 -27
- package/core/styles/_koobiq-theme.scss +3 -1
- package/core/styles/_variables.scss +0 -9
- package/core/styles/common/_overlay.scss +4 -0
- package/core/styles/theming/_components-theming.scss +59 -21
- package/core/styles/theming/{_scrollbars-theme.scss → _scrollbar-theme.scss} +19 -3
- package/core/styles/typography/_typography.scss +3 -1
- package/core/utils/data-size/data-size.pipe.d.ts +1 -1
- package/ellipsis-center/ellipsis-center.directive.d.ts +3 -3
- package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +14 -2
- package/esm2022/code-block/actionbar.component.mjs +2 -2
- package/esm2022/code-block/code-block.component.mjs +21 -5
- package/esm2022/core/datetime/date-adapter.mjs +2 -2
- package/esm2022/core/datetime/date-formats.mjs +1 -1
- package/esm2022/core/formatters/date/formatter.mjs +4 -4
- package/esm2022/core/formatters/date/formatter.pipe.mjs +1 -1
- package/esm2022/core/locales/en-US.mjs +25 -22
- package/esm2022/core/locales/es-LA.mjs +24 -29
- package/esm2022/core/locales/fa-IR.mjs +24 -28
- package/esm2022/core/locales/formatters.mjs +126 -0
- package/esm2022/core/locales/index.mjs +8 -1
- package/esm2022/core/locales/locale-service.mjs +9 -8
- package/esm2022/core/locales/pt-BR.mjs +24 -27
- package/esm2022/core/locales/ru-RU.mjs +25 -25
- package/esm2022/core/locales/zh-CN.mjs +25 -27
- package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
- package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +13 -13
- package/esm2022/file-upload/multiple-file-upload.component.mjs +44 -23
- package/esm2022/file-upload/single-file-upload.component.mjs +36 -13
- package/esm2022/modal/modal.component.mjs +3 -6
- package/esm2022/modal/modal.type.mjs +1 -1
- package/esm2022/navbar/navbar-item.component.mjs +24 -68
- package/esm2022/navbar/navbar.component.mjs +4 -4
- package/esm2022/navbar/navbar.module.mjs +2 -6
- package/esm2022/navbar/vertical-navbar.component.mjs +3 -8
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +3 -3
- package/esm2022/scrollbar/index.mjs +2 -0
- package/esm2022/scrollbar/koobiq-components-scrollbar.mjs +5 -0
- package/esm2022/scrollbar/public-api.mjs +5 -0
- package/esm2022/scrollbar/scrollbar.component.mjs +130 -0
- package/esm2022/scrollbar/scrollbar.directive.mjs +97 -0
- package/esm2022/scrollbar/scrollbar.module.mjs +20 -0
- package/esm2022/scrollbar/scrollbar.types.mjs +13 -0
- package/esm2022/select/select.component.mjs +22 -16
- package/esm2022/sidepanel/sidepanel-animations.mjs +5 -5
- package/esm2022/sidepanel/sidepanel-container.component.mjs +6 -6
- package/esm2022/sidepanel/sidepanel-directives.mjs +13 -13
- package/esm2022/tabs/tab-body.component.mjs +3 -3
- package/esm2022/tags/tag-input.mjs +28 -8
- package/esm2022/timezone/timezone-option.component.mjs +7 -6
- package/esm2022/timezone/timezone-select.component.mjs +3 -3
- package/esm2022/timezone/timezone.utils.mjs +9 -4
- package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
- package/esm2022/toast/toast-animations.mjs +3 -3
- package/esm2022/toast/toast-container.component.mjs +2 -2
- package/esm2022/toast/toast.component.mjs +4 -4
- package/esm2022/toast/toast.service.mjs +13 -5
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tree-select/tree-select.component.mjs +7 -5
- package/fesm2022/koobiq-components-autocomplete.mjs +13 -1
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +22 -6
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +276 -161
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +12 -12
- package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +76 -35
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -5
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +29 -91
- 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-scrollbar.mjs +256 -0
- package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -0
- package/fesm2022/koobiq-components-select.mjs +18 -12
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +20 -20
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +2 -2
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +26 -7
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +20 -15
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +17 -9
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +2 -2
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +6 -4
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/file-upload/multiple-file-upload.component.d.ts +12 -4
- package/file-upload/single-file-upload.component.d.ts +10 -4
- package/loader-overlay/loader-overlay.scss +2 -2
- package/modal/modal.component.d.ts +1 -2
- package/modal/modal.scss +0 -5
- package/modal/modal.type.d.ts +0 -1
- package/navbar/_navbar-item_horizontal.scss +97 -0
- package/navbar/_navbar-item_vertical.scss +98 -0
- package/navbar/_navbar-theme.scss +57 -60
- package/navbar/navbar-brand.scss +76 -16
- package/navbar/navbar-divider.scss +13 -4
- package/navbar/navbar-item.component.d.ts +1 -15
- package/navbar/navbar-item.scss +39 -90
- package/navbar/navbar.module.d.ts +1 -1
- package/navbar/navbar.scss +13 -1
- package/navbar/vertical-navbar.scss +7 -14
- package/package.json +22 -14
- package/popover/popover.scss +4 -9
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/scrollbar/_scrollbar-component-theme.scss +52 -0
- package/scrollbar/index.d.ts +1 -0
- package/scrollbar/public-api.d.ts +4 -0
- package/scrollbar/scrollbar.component.d.ts +33 -0
- package/scrollbar/scrollbar.component.scss +559 -0
- package/scrollbar/scrollbar.directive.d.ts +47 -0
- package/scrollbar/scrollbar.module.d.ts +8 -0
- package/scrollbar/scrollbar.types.d.ts +32 -0
- package/select/select.component.d.ts +4 -3
- package/sidepanel/sidepanel-animations.d.ts +2 -2
- package/sidepanel/sidepanel-directives.d.ts +5 -5
- package/tags/tag-input.d.ts +9 -4
- package/timezone/_timezone-option-theme.scss +8 -0
- package/timezone/timezone-option.component.scss +4 -0
- package/timezone/timezone-select.component.scss +13 -0
- package/timezone/timezone.utils.d.ts +4 -0
- package/timezone/utc-offset.pipe.d.ts +3 -1
- package/toast/toast-animations.d.ts +1 -1
- package/toast/toast-container.component.scss +1 -9
- package/toast/toast.component.scss +0 -4
- package/toast/toast.service.d.ts +5 -3
- package/tooltip/tooltip.scss +0 -3
- package/esm2022/navbar/vertical-navbar.animation.mjs +0 -10
- package/navbar/vertical-navbar.animation.d.ts +0 -2
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
dragScroll?: boolean | undefined;
|
|
27
|
+
clickScroll?: boolean | undefined;
|
|
28
|
+
pointers?: string[] | null | undefined;
|
|
29
|
+
} | undefined;
|
|
30
|
+
}>;
|
|
31
|
+
/** Default scroll behavior */
|
|
32
|
+
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
|
|
8
|
+
export declare const kbqSidepanelTransformAnimation: Record<KbqSidepanelPosition, {
|
|
9
9
|
in: string;
|
|
10
10
|
out: string;
|
|
11
11
|
}>;
|
|
12
|
-
export declare const
|
|
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
|
-
|
|
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[
|
|
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],
|
|
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],
|
|
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],
|
|
47
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSidepanelActions, "kbq-sidepanel-actions, [kbq-sidepanel-actions], kbqSidepanelActions", never, {}, {}, never, never, false, never>;
|
|
48
48
|
}
|
package/tags/tag-input.d.ts
CHANGED
|
@@ -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
|
}
|
|
@@ -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):
|
|
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
|
}
|
|
@@ -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:
|
|
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
|
|
package/toast/toast.service.d.ts
CHANGED
|
@@ -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
|
}
|
package/tooltip/tooltip.scss
CHANGED
|
@@ -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==
|