@indigina/ui-kit 1.1.26 → 1.1.28
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-multiselect/kit-multiselect.module.mjs +3 -3
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +2 -2
- package/esm2022/lib/components/kit-popup/kit-popup.component.mjs +68 -0
- package/esm2022/lib/components/kit-popup/kit-popup.directive.mjs +38 -0
- package/esm2022/lib/components/kit-popup/kit-popup.model.mjs +13 -0
- package/esm2022/lib/components/kit-popup/kit-popup.module.mjs +33 -0
- package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +17 -11
- package/esm2022/lib/components/kit-textarea/kit-textarea.const.mjs +8 -0
- package/esm2022/lib/components/kit-textarea/kit-textarea.module.mjs +7 -3
- package/esm2022/public-api.mjs +7 -2
- package/fesm2022/indigina-ui-kit.mjs +178 -25
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-multiselect/kit-multiselect.module.d.ts +2 -2
- package/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.d.ts +1 -1
- package/lib/components/kit-popup/kit-popup.component.d.ts +31 -0
- package/lib/components/kit-popup/kit-popup.directive.d.ts +14 -0
- package/lib/components/kit-popup/kit-popup.model.d.ts +14 -0
- package/lib/components/kit-popup/kit-popup.module.d.ts +10 -0
- package/lib/components/kit-textarea/kit-textarea.component.d.ts +7 -5
- package/lib/components/kit-textarea/kit-textarea.const.d.ts +6 -0
- package/lib/components/kit-textarea/kit-textarea.module.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +5 -1
- package/styles/styles.scss +1 -0
|
@@ -3,9 +3,9 @@ import * as i1 from "./kit-multiselect.component";
|
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@progress/kendo-angular-dropdowns";
|
|
5
5
|
import * as i4 from "@angular/forms";
|
|
6
|
-
import * as i5 from "
|
|
6
|
+
import * as i5 from "../kit-svg-icon/kit-svg-icon.module";
|
|
7
7
|
import * as i6 from "@progress/kendo-angular-label";
|
|
8
|
-
import * as i7 from "
|
|
8
|
+
import * as i7 from "../kit-input-message/kit-input-message.module";
|
|
9
9
|
export declare class KitMultiselectModule {
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitMultiselectModule, never>;
|
|
11
11
|
static ɵmod: i0.ɵɵNgModuleDeclaration<KitMultiselectModule, [typeof i1.KitMultiselectComponent], [typeof i2.CommonModule, typeof i3.MultiSelectModule, typeof i3.DropDownListModule, typeof i4.FormsModule, typeof i5.KitSvgIconModule, typeof i6.LabelModule, typeof i7.KitInputMessageModule], [typeof i1.KitMultiselectComponent]>;
|
|
@@ -5,7 +5,7 @@ import * as i2 from "@angular/common";
|
|
|
5
5
|
import * as i3 from "@progress/kendo-angular-inputs";
|
|
6
6
|
import * as i4 from "@progress/kendo-angular-label";
|
|
7
7
|
import * as i5 from "../kit-input-message/kit-input-message.module";
|
|
8
|
-
import * as i6 from "
|
|
8
|
+
import * as i6 from "../kit-svg-icon/kit-svg-icon.module";
|
|
9
9
|
export declare class KitNumericTextboxModule {
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitNumericTextboxModule, never>;
|
|
11
11
|
static ɵmod: i0.ɵɵNgModuleDeclaration<KitNumericTextboxModule, [typeof i1.KitNumericTextboxComponent], [typeof i2.CommonModule, typeof i3.NumericTextBoxModule, typeof i4.LabelModule, typeof i5.KitInputMessageModule, typeof i6.KitSvgIconModule], [typeof i1.KitNumericTextboxComponent]>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ElementRef, WritableSignal } from '@angular/core';
|
|
2
|
+
import { KitPopupAlign, KitPopupAlignHorizontal } from './kit-popup.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class KitPopupComponent {
|
|
5
|
+
private elementRef;
|
|
6
|
+
/**
|
|
7
|
+
* Specifies the element that will be used as an anchor. The Popup opens next to that element
|
|
8
|
+
*/
|
|
9
|
+
anchor: ElementRef | HTMLElement | null;
|
|
10
|
+
/**
|
|
11
|
+
* Defines whether to close popup when the user clicks outside its boundaries
|
|
12
|
+
*/
|
|
13
|
+
closeOnOutsideClick: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Defines the horizontal position of the anchor element
|
|
16
|
+
*/
|
|
17
|
+
anchorHorizontalAlign: KitPopupAlignHorizontal;
|
|
18
|
+
/**
|
|
19
|
+
* Defines the horizontal position of the popup
|
|
20
|
+
*/
|
|
21
|
+
popupHorizontalAlign: KitPopupAlignHorizontal;
|
|
22
|
+
readonly isPopupOpen: WritableSignal<boolean>;
|
|
23
|
+
readonly anchorAlign: KitPopupAlign;
|
|
24
|
+
readonly popupAlign: KitPopupAlign;
|
|
25
|
+
constructor(elementRef: ElementRef);
|
|
26
|
+
documentClick(event: Event): void;
|
|
27
|
+
openPopup(): void;
|
|
28
|
+
closePopup(): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitPopupComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitPopupComponent, "kit-popup", never, { "anchor": { "alias": "anchor"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "anchorHorizontalAlign": { "alias": "anchorHorizontalAlign"; "required": false; }; "popupHorizontalAlign": { "alias": "popupHorizontalAlign"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { KitPopupComponent } from './kit-popup.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class KitPopupDirective {
|
|
5
|
+
private elementRef;
|
|
6
|
+
/**
|
|
7
|
+
* Defines a reference of the KitPopupComponent component
|
|
8
|
+
*/
|
|
9
|
+
popup: KitPopupComponent | null;
|
|
10
|
+
constructor(elementRef: ElementRef);
|
|
11
|
+
onClick(event: Event): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitPopupDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KitPopupDirective, "[kitPopupTrigger]", never, { "popup": { "alias": "kitPopupTrigger"; "required": false; }; }, {}, never, never, false, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface KitPopupAlign {
|
|
2
|
+
horizontal: KitPopupAlignHorizontal;
|
|
3
|
+
vertical: KitPopupAlignVertical;
|
|
4
|
+
}
|
|
5
|
+
export declare enum KitPopupAlignHorizontal {
|
|
6
|
+
LEFT = "left",
|
|
7
|
+
CENTER = "center",
|
|
8
|
+
RIGHT = "right"
|
|
9
|
+
}
|
|
10
|
+
export declare enum KitPopupAlignVertical {
|
|
11
|
+
TOP = "top",
|
|
12
|
+
CENTER = "center",
|
|
13
|
+
BOTTOM = "bottom"
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./kit-popup.component";
|
|
3
|
+
import * as i2 from "./kit-popup.directive";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@progress/kendo-angular-popup";
|
|
6
|
+
export declare class KitPopupModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KitPopupModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KitPopupModule, [typeof i1.KitPopupComponent, typeof i2.KitPopupDirective], [typeof i3.CommonModule, typeof i4.PopupModule], [typeof i1.KitPopupComponent, typeof i2.KitPopupDirective]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<KitPopupModule>;
|
|
10
|
+
}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
4
|
+
import { KitTextareaState } from './kit-textarea.const';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare enum KitTextareaState {
|
|
6
|
-
REGULAR = "regular",
|
|
7
|
-
DANGER = "danger"
|
|
8
|
-
}
|
|
9
6
|
export declare class KitTextareaComponent implements ControlValueAccessor, OnChanges {
|
|
10
7
|
/**
|
|
11
8
|
* Defines a value that is going to be applied as a textarea placeholder
|
|
@@ -49,6 +46,10 @@ export declare class KitTextareaComponent implements ControlValueAccessor, OnCha
|
|
|
49
46
|
* Defines a particular state for the component
|
|
50
47
|
*/
|
|
51
48
|
state: KitTextareaState;
|
|
49
|
+
/**
|
|
50
|
+
* Defines the icon which will be used with the input field
|
|
51
|
+
*/
|
|
52
|
+
icon?: KitSvgIcon;
|
|
52
53
|
/**
|
|
53
54
|
* Defines whether the textarea will be in the readonly mode
|
|
54
55
|
*/
|
|
@@ -73,6 +74,7 @@ export declare class KitTextareaComponent implements ControlValueAccessor, OnCha
|
|
|
73
74
|
* An action which is emitted when textarea value changed
|
|
74
75
|
*/
|
|
75
76
|
changed: EventEmitter<string>;
|
|
77
|
+
readonly textareaStateIcon: Record<KitTextareaState, KitSvgIcon>;
|
|
76
78
|
ngOnChanges(): void;
|
|
77
79
|
/**
|
|
78
80
|
* Function that should be called every time values of minLines and maxLines changes
|
|
@@ -103,5 +105,5 @@ export declare class KitTextareaComponent implements ControlValueAccessor, OnCha
|
|
|
103
105
|
*/
|
|
104
106
|
onTextareaChange(event: Event): void;
|
|
105
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitTextareaComponent, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KitTextareaComponent, "kit-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minLines": { "alias": "minLines"; "required": false; }; "maxLines": { "alias": "maxLines"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "focused": "focused"; "blured": "blured"; "changed": "changed"; }, never, never, false, never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KitTextareaComponent, "kit-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minLines": { "alias": "minLines"; "required": false; }; "maxLines": { "alias": "maxLines"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "state": { "alias": "state"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "focused": "focused"; "blured": "blured"; "changed": "changed"; }, never, never, false, never>;
|
|
107
109
|
}
|
|
@@ -4,8 +4,9 @@ import * as i2 from "./kit-textarea-autoresize.directive";
|
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
5
|
import * as i4 from "@progress/kendo-angular-label";
|
|
6
6
|
import * as i5 from "../kit-input-message/kit-input-message.module";
|
|
7
|
+
import * as i6 from "../kit-svg-icon/kit-svg-icon.module";
|
|
7
8
|
export declare class KitTextareaModule {
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<KitTextareaModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<KitTextareaModule, [typeof i1.KitTextareaComponent, typeof i2.KitTextareaAutoresizeDirective], [typeof i3.CommonModule, typeof i4.LabelModule, typeof i5.KitInputMessageModule], [typeof i1.KitTextareaComponent, typeof i2.KitTextareaAutoresizeDirective]>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KitTextareaModule, [typeof i1.KitTextareaComponent, typeof i2.KitTextareaAutoresizeDirective], [typeof i3.CommonModule, typeof i4.LabelModule, typeof i5.KitInputMessageModule, typeof i6.KitSvgIconModule], [typeof i1.KitTextareaComponent, typeof i2.KitTextareaAutoresizeDirective]>;
|
|
10
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<KitTextareaModule>;
|
|
11
12
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -19,8 +19,9 @@ export { KitInputMessageComponent, KitInputMessageType } from './lib/components/
|
|
|
19
19
|
export { KitInputMessageModule } from './lib/components/kit-input-message/kit-input-message.module';
|
|
20
20
|
export { KitDropdownComponent, KitDropdownItem, KitDropdownState } from './lib/components/kit-dropdown/kit-dropdown.component';
|
|
21
21
|
export { KitDropdownModule } from './lib/components/kit-dropdown/kit-dropdown.module';
|
|
22
|
-
export { KitTextareaComponent
|
|
22
|
+
export { KitTextareaComponent } from './lib/components/kit-textarea/kit-textarea.component';
|
|
23
23
|
export { KitTextareaModule } from './lib/components/kit-textarea/kit-textarea.module';
|
|
24
|
+
export { KitTextareaState } from './lib/components/kit-textarea/kit-textarea.const';
|
|
24
25
|
export { KitTextareaAutoresizeDirective } from './lib/components/kit-textarea/kit-textarea-autoresize.directive';
|
|
25
26
|
export { KitTextLabelComponent } from './lib/components/kit-text-label/kit-text-label.component';
|
|
26
27
|
export { KitTextLabelModule } from './lib/components/kit-text-label/kit-text-label.module';
|
|
@@ -95,3 +96,6 @@ export { KitAvatarSize } from './lib/components/kit-avatar/kit-avatar.const';
|
|
|
95
96
|
export { KitMultiselectModule } from './lib/components/kit-multiselect/kit-multiselect.module';
|
|
96
97
|
export { KitMultiselectComponent } from './lib/components/kit-multiselect/kit-multiselect.component';
|
|
97
98
|
export { KitMultiselectItem } from './lib/components/kit-multiselect/kit-multiselect.model';
|
|
99
|
+
export { KitPopupModule } from './lib/components/kit-popup/kit-popup.module';
|
|
100
|
+
export { KitPopupComponent } from './lib/components/kit-popup/kit-popup.component';
|
|
101
|
+
export { KitPopupDirective } from './lib/components/kit-popup/kit-popup.directive';
|
package/styles/styles.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@import "@progress/kendo-theme-default/scss/skeleton";
|
|
13
13
|
@import "@progress/kendo-theme-default/scss/upload";
|
|
14
14
|
@import "@progress/kendo-theme-default/scss/panelbar";
|
|
15
|
+
@import "@progress/kendo-theme-default/scss/popup";
|
|
15
16
|
@import "ngx-toastr/toastr";
|
|
16
17
|
|
|
17
18
|
/* styles which need to be included by default into app styles */
|