@indigina/ui-kit 1.1.27 → 1.1.28

package/fesm2022/indigina-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, forwardRef, ViewChild, signal, TemplateRef, ContentChild, Directive, HostListener, Host, Self, Injectable, Inject } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, forwardRef, ViewChild, signal, TemplateRef, ContentChild, Directive, HostListener, Host, Self, Injectable, Inject, ElementRef } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
 import * as i1$1 from '@angular/common';
@@ -11,13 +11,13 @@ import { TextBoxModule, NumericTextBoxModule, InputsModule, CheckBoxModule, Swit
 import * as i3 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
 import '@progress/kendo-angular-intl/locales/en-GB/all';
-import { KitSvgIconModule as KitSvgIconModule$1 } from 'projects/ui-kit/src/lib/components/kit-svg-icon/kit-svg-icon.module';
 import { map } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-dropdowns';
 import { DropDownListModule, DropDownsModule, MultiSelectModule } from '@progress/kendo-angular-dropdowns';
 import * as i2$1 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule, DateRangePopupComponent, DateRangeService, TimePickerModule } from '@progress/kendo-angular-dateinputs';
-import { PopupService } from '@progress/kendo-angular-popup';
+import * as i1$8 from '@progress/kendo-angular-popup';
+import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import { TooltipDirective, TooltipModule } from '@progress/kendo-angular-tooltip';
 import * as i1$4 from 'ngx-toastr';
 import { ToastrModule, TOAST_CONFIG, DefaultGlobalConfig } from 'ngx-toastr';
@@ -36,7 +36,6 @@ import * as i3$1 from '@progress/kendo-angular-layout';
 import { PanelBarExpandMode, PanelBarModule } from '@progress/kendo-angular-layout';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import initials from 'initials';
-import { KitInputMessageModule as KitInputMessageModule$1 } from 'projects/ui-kit/src/lib/components/kit-input-message/kit-input-message.module';
 
 var KitButtonType;
 (function (KitButtonType) {
@@ -792,12 +791,12 @@ class KitNumericTextboxModule {
             NumericTextBoxModule,
             LabelModule,
             KitInputMessageModule,
-            KitSvgIconModule$1], exports: [KitNumericTextboxComponent] }); }
+            KitSvgIconModule], exports: [KitNumericTextboxComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNumericTextboxModule, imports: [CommonModule,
             NumericTextBoxModule,
             LabelModule,
             KitInputMessageModule,
-            KitSvgIconModule$1] }); }
+            KitSvgIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNumericTextboxModule, decorators: [{
             type: NgModule,
@@ -810,7 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         NumericTextBoxModule,
                         LabelModule,
                         KitInputMessageModule,
-                        KitSvgIconModule$1,
+                        KitSvgIconModule,
                     ],
                     exports: [
                         KitNumericTextboxComponent,
@@ -1370,12 +1369,12 @@ class KitTextareaModule {
             KitTextareaAutoresizeDirective], imports: [CommonModule,
             LabelModule,
             KitInputMessageModule,
-            KitSvgIconModule$1], exports: [KitTextareaComponent,
+            KitSvgIconModule], exports: [KitTextareaComponent,
             KitTextareaAutoresizeDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, imports: [CommonModule,
             LabelModule,
             KitInputMessageModule,
-            KitSvgIconModule$1] }); }
+            KitSvgIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaModule, decorators: [{
             type: NgModule,
@@ -1388,7 +1387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         CommonModule,
                         LabelModule,
                         KitInputMessageModule,
-                        KitSvgIconModule$1,
+                        KitSvgIconModule,
                     ],
                     exports: [
                         KitTextareaComponent,
@@ -3994,16 +3993,16 @@ class KitMultiselectModule {
             MultiSelectModule,
             DropDownListModule,
             FormsModule,
-            KitSvgIconModule$1,
+            KitSvgIconModule,
             LabelModule,
-            KitInputMessageModule$1], exports: [KitMultiselectComponent] }); }
+            KitInputMessageModule], exports: [KitMultiselectComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitMultiselectModule, imports: [CommonModule,
             MultiSelectModule,
             DropDownListModule,
             FormsModule,
-            KitSvgIconModule$1,
+            KitSvgIconModule,
             LabelModule,
-            KitInputMessageModule$1] }); }
+            KitInputMessageModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitMultiselectModule, decorators: [{
             type: NgModule,
@@ -4016,9 +4015,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         MultiSelectModule,
                         DropDownListModule,
                         FormsModule,
-                        KitSvgIconModule$1,
+                        KitSvgIconModule,
                         LabelModule,
-                        KitInputMessageModule$1,
+                        KitInputMessageModule,
                     ],
                     exports: [
                         KitMultiselectComponent,
@@ -4026,11 +4025,151 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 }]
         }] });
 
+var KitPopupAlignHorizontal;
+(function (KitPopupAlignHorizontal) {
+    KitPopupAlignHorizontal["LEFT"] = "left";
+    KitPopupAlignHorizontal["CENTER"] = "center";
+    KitPopupAlignHorizontal["RIGHT"] = "right";
+})(KitPopupAlignHorizontal || (KitPopupAlignHorizontal = {}));
+var KitPopupAlignVertical;
+(function (KitPopupAlignVertical) {
+    KitPopupAlignVertical["TOP"] = "top";
+    KitPopupAlignVertical["CENTER"] = "center";
+    KitPopupAlignVertical["BOTTOM"] = "bottom";
+})(KitPopupAlignVertical || (KitPopupAlignVertical = {}));
+
+class KitPopupComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        /**
+         * Specifies the element that will be used as an anchor. The Popup opens next to that element
+         */
+        this.anchor = null;
+        /**
+         * Defines whether to close popup when the user clicks outside its boundaries
+         */
+        this.closeOnOutsideClick = true;
+        /**
+         * Defines the horizontal position of the anchor element
+         */
+        this.anchorHorizontalAlign = KitPopupAlignHorizontal.LEFT;
+        /**
+         * Defines the horizontal position of the popup
+         */
+        this.popupHorizontalAlign = KitPopupAlignHorizontal.LEFT;
+        this.isPopupOpen = signal(false);
+        this.anchorAlign = {
+            horizontal: this.anchorHorizontalAlign,
+            vertical: KitPopupAlignVertical.BOTTOM,
+        };
+        this.popupAlign = {
+            horizontal: this.popupHorizontalAlign,
+            vertical: KitPopupAlignVertical.TOP,
+        };
+    }
+    documentClick(event) {
+        if (!this.closeOnOutsideClick) {
+            return;
+        }
+        if (!this.elementRef?.nativeElement.contains(event.target)) {
+            this.closePopup();
+            this.anchor instanceof HTMLElement && this.anchor?.classList.remove('popup-active');
+            this.anchor instanceof ElementRef && this.anchor?.nativeElement.classList.remove('popup-active');
+        }
+    }
+    openPopup() {
+        this.isPopupOpen.set(true);
+    }
+    closePopup() {
+        this.isPopupOpen.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitPopupComponent, selector: "kit-popup", inputs: { anchor: "anchor", closeOnOutsideClick: "closeOnOutsideClick", anchorHorizontalAlign: "anchorHorizontalAlign", popupHorizontalAlign: "popupHorizontalAlign" }, host: { listeners: { "document:click": "documentClick($event)" } }, ngImport: i0, template: "@if (isPopupOpen()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"], dependencies: [{ kind: "component", type: i1$8.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isPopupOpen()) {\n  <kendo-popup class=\"kit-popup\"\n               [anchor]=\"anchor\"\n               [popupAlign]=\"popupAlign\"\n               [anchorAlign]=\"anchorAlign\">\n    <ng-content\n    ></ng-content>\n  </kendo-popup>\n}\n", styles: ["::ng-deep .kit-popup .k-popup{margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { anchor: [{
+                type: Input
+            }], closeOnOutsideClick: [{
+                type: Input
+            }], anchorHorizontalAlign: [{
+                type: Input
+            }], popupHorizontalAlign: [{
+                type: Input
+            }], documentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class KitPopupDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        /**
+         * Defines a reference of the KitPopupComponent component
+         */
+        this.popup = null;
+    }
+    onClick(event) {
+        event.stopPropagation();
+        const element = this.elementRef.nativeElement;
+        if (this.popup?.isPopupOpen()) {
+            this.popup.closePopup();
+            element.classList.remove('popup-active');
+        }
+        else {
+            this.popup?.openPopup();
+            element.classList.add('popup-active');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: KitPopupDirective, selector: "[kitPopupTrigger]", inputs: { popup: ["kitPopupTrigger", "popup"] }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kitPopupTrigger]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { popup: [{
+                type: Input,
+                args: ['kitPopupTrigger']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class KitPopupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitPopupModule, declarations: [KitPopupComponent,
+            KitPopupDirective], imports: [CommonModule,
+            PopupModule], exports: [KitPopupComponent,
+            KitPopupDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupModule, imports: [CommonModule,
+            PopupModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitPopupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitPopupComponent,
+                        KitPopupDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        PopupModule,
+                    ],
+                    exports: [
+                        KitPopupComponent,
+                        KitPopupDirective,
+                    ],
+                }]
+        }] });
+
 // KitButton
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAutocompleteState, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDaterangeComponent, KitDaterangeIconPosition, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogActionsModule, KitDialogComponent, KitDialogModule, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownState, KitFileUploadComponent, KitFileUploadModule, KitInputMessageComponent, KitInputMessageModule, KitInputMessageType, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationTabsComponent, KitNavigationTabsItemIconType, KitNavigationTabsModule, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationModule, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillModule, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTextLabelComponent, KitTextLabelModule, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTimepickerComponent, KitTimepickerModule, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipModule, KitTooltipPosition, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID };
+export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAutocompleteState, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDaterangeComponent, KitDaterangeIconPosition, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogActionsModule, KitDialogComponent, KitDialogModule, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownState, KitFileUploadComponent, KitFileUploadModule, KitInputMessageComponent, KitInputMessageModule, KitInputMessageType, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationTabsComponent, KitNavigationTabsItemIconType, KitNavigationTabsModule, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationModule, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillModule, KitPopupComponent, KitPopupDirective, KitPopupModule, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTextLabelComponent, KitTextLabelModule, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTimepickerComponent, KitTimepickerModule, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipModule, KitTooltipPosition, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID };
 //# sourceMappingURL=indigina-ui-kit.mjs.map