@indigina/ui-kit 1.1.95 → 1.1.97
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/esm2022/lib/components/kit-button/kit-button.component.mjs +2 -2
- package/esm2022/lib/components/kit-grid/kit-grid.component.mjs +2 -2
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2022/lib/directives/kit-badge/kit-badge.directive.mjs +34 -25
- package/fesm2022/indigina-ui-kit.mjs +41 -32
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/directives/kit-badge/kit-badge.directive.d.ts +11 -6
- package/package.json +1 -1
- package/styles/components/badge.scss +3 -1
- package/styles/theming.scss +1 -0
|
@@ -1,22 +1,27 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, InputSignal, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
2
|
import { KitBadgeTheme } from './kit-badge.const';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class KitBadgeDirective implements
|
|
4
|
+
export declare class KitBadgeDirective implements OnDestroy {
|
|
5
5
|
private elementRef;
|
|
6
6
|
private renderer;
|
|
7
7
|
/**
|
|
8
8
|
* Defines the content of the badge
|
|
9
9
|
*/
|
|
10
|
-
kitBadgeText
|
|
10
|
+
readonly kitBadgeText: InputSignal<string | number | undefined>;
|
|
11
11
|
/**
|
|
12
12
|
* Defines the theme color of the badge
|
|
13
13
|
*/
|
|
14
|
-
kitBadgeTheme: KitBadgeTheme
|
|
14
|
+
readonly kitBadgeTheme: InputSignal<KitBadgeTheme>;
|
|
15
|
+
/**
|
|
16
|
+
* Defines whether the badge will be visible
|
|
17
|
+
*/
|
|
18
|
+
readonly kitBadgeVisible: InputSignal<boolean>;
|
|
15
19
|
private badgeElement;
|
|
16
20
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
|
17
|
-
ngOnInit(): void;
|
|
18
21
|
ngOnDestroy(): void;
|
|
19
22
|
private createBadge;
|
|
23
|
+
private updateBadge;
|
|
24
|
+
private removeBadge;
|
|
20
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitBadgeDirective, never>;
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KitBadgeDirective, "[kitBadge]", never, { "kitBadgeText": { "alias": "kitBadgeText"; "required": false; }; "kitBadgeTheme": { "alias": "kitBadgeTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KitBadgeDirective, "[kitBadge]", never, { "kitBadgeText": { "alias": "kitBadgeText"; "required": false; "isSignal": true; }; "kitBadgeTheme": { "alias": "kitBadgeTheme"; "required": false; "isSignal": true; }; "kitBadgeVisible": { "alias": "kitBadgeVisible"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
22
27
|
}
|
package/package.json
CHANGED
|
@@ -33,12 +33,14 @@
|
|
|
33
33
|
display: flex;
|
|
34
34
|
align-items: center;
|
|
35
35
|
justify-content: center;
|
|
36
|
-
padding: 0
|
|
36
|
+
padding: 0 6px;
|
|
37
37
|
height: 20px;
|
|
38
|
+
min-width: 20px;
|
|
38
39
|
color: var(--ui-kit-color-white);
|
|
39
40
|
font-size: 12px;
|
|
40
41
|
font-weight: 500;
|
|
41
42
|
border-radius: 16px;
|
|
43
|
+
box-sizing: border-box;
|
|
42
44
|
|
|
43
45
|
&.default {
|
|
44
46
|
color: var(--ui-kit-color-grey-10);
|