@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.
Files changed (24) hide show
  1. package/esm2022/lib/components/kit-multiselect/kit-multiselect.module.mjs +3 -3
  2. package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.mjs +2 -2
  3. package/esm2022/lib/components/kit-popup/kit-popup.component.mjs +68 -0
  4. package/esm2022/lib/components/kit-popup/kit-popup.directive.mjs +38 -0
  5. package/esm2022/lib/components/kit-popup/kit-popup.model.mjs +13 -0
  6. package/esm2022/lib/components/kit-popup/kit-popup.module.mjs +33 -0
  7. package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +17 -11
  8. package/esm2022/lib/components/kit-textarea/kit-textarea.const.mjs +8 -0
  9. package/esm2022/lib/components/kit-textarea/kit-textarea.module.mjs +7 -3
  10. package/esm2022/public-api.mjs +7 -2
  11. package/fesm2022/indigina-ui-kit.mjs +178 -25
  12. package/fesm2022/indigina-ui-kit.mjs.map +1 -1
  13. package/lib/components/kit-multiselect/kit-multiselect.module.d.ts +2 -2
  14. package/lib/components/kit-numeric-textbox/kit-numeric-textbox.module.d.ts +1 -1
  15. package/lib/components/kit-popup/kit-popup.component.d.ts +31 -0
  16. package/lib/components/kit-popup/kit-popup.directive.d.ts +14 -0
  17. package/lib/components/kit-popup/kit-popup.model.d.ts +14 -0
  18. package/lib/components/kit-popup/kit-popup.module.d.ts +10 -0
  19. package/lib/components/kit-textarea/kit-textarea.component.d.ts +7 -5
  20. package/lib/components/kit-textarea/kit-textarea.const.d.ts +6 -0
  21. package/lib/components/kit-textarea/kit-textarea.module.d.ts +2 -1
  22. package/package.json +1 -1
  23. package/public-api.d.ts +5 -1
  24. 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 "projects/ui-kit/src/lib/components/kit-svg-icon/kit-svg-icon.module";
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 "projects/ui-kit/src/lib/components/kit-input-message/kit-input-message.module";
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 "projects/ui-kit/src/lib/components/kit-svg-icon/kit-svg-icon.module";
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
  }
@@ -0,0 +1,6 @@
1
+ export declare enum KitTextareaState {
2
+ DEFAULT = "default",
3
+ WARNING = "warning",
4
+ ERROR = "error",
5
+ SUCCESS = "success"
6
+ }
@@ -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
@@ -7,7 +7,7 @@
7
7
  "components",
8
8
  "shared"
9
9
  ],
10
- "version": "1.1.26",
10
+ "version": "1.1.28",
11
11
  "peerDependencies": {
12
12
  "@angular/common": "^17.0.7",
13
13
  "@angular/core": "^17.0.7"
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, KitTextareaState } from './lib/components/kit-textarea/kit-textarea.component';
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';
@@ -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 */