@progress-chef/platform-shared-components 0.0.154 → 0.0.156-rc.1

package/esm2022/lib/atoms/chip/chip.module.mjs

@@ -8,15 +8,15 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { ThemesModule } from '@progress-chef/platform-themes-service';
 import * as i0 from "@angular/core";
 export class ChipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ChipModule, imports: [ChipComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ChipModule, imports: [ChipComponent,
             CommonModule,
             ButtonsModule,
             LabelModule,
             FormsModule,
             DropDownsModule,
             ThemesModule], exports: [ChipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipModule, imports: [ChipComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipModule, imports: [ChipComponent,
             CommonModule,
             ButtonsModule,
             LabelModule,
@@ -24,7 +24,7 @@ export class ChipModule {
             DropDownsModule,
             ThemesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/chip-list/chip-list.component.mjs

@@ -78,14 +78,14 @@ export class ChipListComponent {
             return false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: ChipListComponent, isStandalone: true, selector: "lib-chip-list", inputs: { list: "list", width: ["width", "width", (value) => {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: ChipListComponent, isStandalone: true, selector: "lib-chip-list", inputs: { list: "list", width: ["width", "width", (value) => {
                     if (value === undefined || value === null)
                         return 150;
                     return typeof value === 'string' ? parseInt(value, 10) || 150 : value;
                 }], showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n  <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n    [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n    [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n  <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n    <lib-chip #chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n      [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n      [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n      <div class=\"tooltip-content\">\n        <div *ngFor=\"let textItem of remainingList\">\n          <lib-typography [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n        </div>\n      </div>\n  </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.chip-list-wrapper .tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipListComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,

package/esm2022/lib/atoms/chip-list/chip-list.module.mjs

@@ -10,8 +10,8 @@ import { TypographyModule } from '../typography/typography.module';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ChipListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ChipListModule, imports: [ChipListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ChipListModule, imports: [ChipListComponent,
             CommonModule,
             ButtonsModule,
             LabelModule,
@@ -21,7 +21,7 @@ export class ChipListModule {
             TooltipModule,
             TypographyModule], exports: [CommonModule,
             ChipListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipListModule, imports: [ChipListComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipListModule, imports: [ChipListComponent,
             CommonModule,
             ButtonsModule,
             LabelModule,
@@ -31,7 +31,7 @@ export class ChipListModule {
             TooltipModule,
             TypographyModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChipListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChipListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/clipboard/clipboard.component.mjs

@@ -90,14 +90,14 @@ export class ClipboardComponent {
     revertTooltipText() {
         this.tooltipText = this.preCopyText;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: ClipboardComponent, isStandalone: true, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText", showCopyIcon: ["showCopyIcon", "showCopyIcon", (value) => value === true || value === 'true'], iconFontSize: ["iconFontSize", "iconFontSize", (value) => {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: ClipboardComponent, isStandalone: true, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText", showCopyIcon: ["showCopyIcon", "showCopyIcon", (value) => value === true || value === 'true'], iconFontSize: ["iconFontSize", "iconFontSize", (value) => {
                     if (value === undefined || value === null)
                         return 16;
                     return typeof value === 'string' ? parseInt(value, 10) || 16 : value;
                 }] }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n  [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n  <ng-container *ngIf=\"showCopyIcon; else showButton\">\n    <lib-icon class=\"clipboard-copy-icon\" name=\"copy\" [fontSize]=\"iconFontSize\" (click)=\"copyToClipboard()\" (keypress)=\"copyToClipboard()\"\n      (mouseleave)=\"revertTooltipText()\"></lib-icon>\n  </ng-container>\n  <ng-template #showButton>\n    <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n      iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n  </ng-template>\n  <div class=\"cb-tooltip-text tooltip-content\">\n    {{tooltipText}}\n  </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}::ng-deep .cb-tooltip .clipboard-copy-icon{color:#0069ff;cursor:pointer}::ng-deep .cb-tooltip .clipboard-copy-icon:hover{color:#101416}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn", "iconFontSize"], outputs: ["buttonClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ClipboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClipboardComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'lib-clipboard', imports: [
                         TooltipComponent,

package/esm2022/lib/atoms/clipboard/clipboard.module.mjs

@@ -7,22 +7,22 @@ import { ButtonModule } from '../button/button.module';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ClipboardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ClipboardModule, imports: [ClipboardComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ClipboardModule, imports: [ClipboardComponent,
             ButtonModule,
             CommonModule,
             TooltipModule,
             IconModule,
             TypographyModule], exports: [CommonModule,
             ClipboardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ClipboardModule, imports: [ClipboardComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClipboardModule, imports: [ClipboardComponent,
             ButtonModule,
             CommonModule,
             TooltipModule,
             IconModule,
             TypographyModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ClipboardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ClipboardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/container/container.component.mjs

@@ -9,10 +9,10 @@ export class ContainerComponent {
     get class() {
         return `${this.c_class} ${this.padding} ${this.margin}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContainerComponent, isStandalone: true, selector: "lib-container", inputs: { c_class: "c_class", padding: "padding", margin: "margin" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ContainerComponent, isStandalone: true, selector: "lib-container", inputs: { c_class: "c_class", padding: "padding", margin: "margin" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'lib-container', template: "<ng-container [class]=\"class\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host(.pd-small){padding:8px}:host(.pd-medium){padding:16px}:host(.pd-large){padding:32px}:host(.mr-small){margin:8px}:host(.mr-medium){margin:16px}:host(.mr-large){margin:32px}:host(.cc-border){border:.5px solid gray}\n"] }]
         }], propDecorators: { class: [{

package/esm2022/lib/atoms/container/container.module.mjs

@@ -3,12 +3,12 @@ import { ContainerComponent } from './container.component';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ContainerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ContainerModule, imports: [ContainerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ContainerModule, imports: [ContainerComponent,
             CommonModule], exports: [ContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContainerModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContainerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/date-range/date-range.component.mjs

@@ -22,10 +22,10 @@ export class DateRangeComponent {
     onEndChange(ev) {
         this.modelChange.emit(ev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: DateRangeComponent, isStandalone: true, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange", inputs: ["size"] }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: DateRangeComponent, isStandalone: true, selector: "lib-date-range", inputs: { range: "range", rangeStartLabel: "rangeStartLabel", rangeEndLabel: "rangeEndLabel", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], size: "size", rounded: "rounded", fillMode: "fillMode", autoCorrectOn: "autoCorrectOn", labelStyle: "labelStyle" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<kendo-daterange>\n  <kendo-floatinglabel [text]=\"rangeStartLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeStartInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.start\"\n      (valueChange)=\"onStartChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n  <kendo-floatinglabel [text]=\"rangeEndLabel\" [labelCssStyle]=\"labelStyle\">\n    <kendo-dateinput kendoDateRangeEndInput [autoCorrectOn]=\"autoCorrectOn\" [(value)]=\"range.end\"\n      (valueChange)=\"onEndChange($event)\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n      [disabled]=\"isDisabled\"></kendo-dateinput>\n  </kendo-floatinglabel>\n</kendo-daterange>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange", inputs: ["size"] }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i3.FloatingLabelComponent, selector: "kendo-floatinglabel", inputs: ["labelCssStyle", "labelCssClass", "id", "text", "optional"], outputs: ["positionChange"], exportAs: ["kendoFloatingLabel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DateRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'lib-date-range', imports: [
                         DateInputsModule,

package/esm2022/lib/atoms/date-range/date-range.module.mjs

@@ -7,8 +7,8 @@ import { FloatingLabelModule } from '@progress/kendo-angular-label';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class DateRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: DateRangeModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DateRangeModule, imports: [CommonModule,
             DateRangeComponent,
             DateInputsModule,
             ButtonsModule,
@@ -16,7 +16,7 @@ export class DateRangeModule {
             ReactiveFormsModule,
             FloatingLabelModule], exports: [CommonModule,
             DateRangeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DateRangeModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeModule, imports: [CommonModule,
             DateRangeComponent,
             DateInputsModule,
             ButtonsModule,
@@ -24,7 +24,7 @@ export class DateRangeModule {
             ReactiveFormsModule,
             FloatingLabelModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DateRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DateRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/datepicker/datepicker.component.mjs

@@ -46,10 +46,10 @@ export class DatepickerComponent {
     onClose(event) {
         this.onCloseEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: DatepickerComponent, isStandalone: true, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], readOnlyInput: ["readOnlyInput", "readOnlyInput", (value) => value === true || value === 'true'], disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: ["incompleteDateValidation", "incompleteDateValidation", (value) => value === true || value === 'true'], fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: ["navigation", "navigation", (value) => value === true || value === 'true'] }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\"\n  [disabledDates]=\"disabledDates\"\n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: DatepickerComponent, isStandalone: true, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], readOnlyInput: ["readOnlyInput", "readOnlyInput", (value) => value === true || value === 'true'], disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: ["incompleteDateValidation", "incompleteDateValidation", (value) => value === true || value === 'true'], fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: ["navigation", "navigation", (value) => value === true || value === 'true'] }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\"  [readOnlyInput]=\"readOnlyInput\"\n  [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\"\n  [disabledDates]=\"disabledDates\"\n  (open)=\"onOpen($event)\"  (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'lib-datepicker', imports: [
                         DateInputsModule,

package/esm2022/lib/atoms/datepicker/datepicker.module.mjs

@@ -6,22 +6,22 @@ import { DateInputsModule } from "@progress/kendo-angular-dateinputs";
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class DatepickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: DatepickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DatepickerModule, imports: [CommonModule,
             DatepickerComponent,
             DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule], exports: [CommonModule,
             DatepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DatepickerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatepickerModule, imports: [CommonModule,
             DatepickerComponent,
             DateInputsModule,
             ButtonsModule,
             FormsModule,
             ReactiveFormsModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/drag-and-drop/drag-and-drop.component.mjs

@@ -10,6 +10,11 @@ export class DragAndDropComponent {
         this.dragDropItemIndexAttribute = 'data-kendo-listview-item-index';
         this.dragHandleClassSelector = '.reorder-icon';
         this.emitListChangeEv = new EventEmitter();
+        this.dragEnter = new EventEmitter();
+        this.dragLeave = new EventEmitter();
+        this.dropDone = new EventEmitter();
+        this.dragStart = new EventEmitter();
+        this.dragRelease = new EventEmitter();
         this.dragData = ({ dragTarget }) => {
             return {
                 fromElement: this.setElement(dragTarget, this.dragDropContainerClassSelector, this.dragDropContainerIndexAttribute),
@@ -34,6 +39,18 @@ export class DragAndDropComponent {
             this.dropTargetContainer.notify();
         }
     }
+    onDragEnter(e) {
+        this.dragEnter.emit(e);
+    }
+    onDragLeave(e) {
+        this.dragLeave.emit(e);
+    }
+    onRelease(e) {
+        this.dragRelease.emit(e);
+    }
+    onDragStart(e) {
+        this.dragStart.emit(e);
+    }
     onDrop(e) {
         const { fromIndex } = e.dragData;
         let destinationIndex = 0;
@@ -43,6 +60,7 @@ export class DragAndDropComponent {
         }
         this._listData = [...this._listData];
         this.emitListChangeEv.emit(this._listData);
+        this.dropDone.emit(e);
         this.dragTargetContainer.notify();
         this.dropTargetContainer.notify();
     }
@@ -66,12 +84,12 @@ export class DragAndDropComponent {
         return toIndex;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DragAndDropComponent, isStandalone: true, selector: "lib-drag-and-drop", inputs: { dragDropContainerClassSelector: "dragDropContainerClassSelector", dragDropItemClassSelector: "dragDropItemClassSelector", dragDropContainerIndexAttribute: "dragDropContainerIndexAttribute", dragDropItemIndexAttribute: "dragDropItemIndexAttribute", dragHandleClassSelector: "dragHandleClassSelector", listData: "listData" }, outputs: { emitListChangeEv: "emitListChangeEv" }, viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DragTargetContainerDirective }, { propertyName: "dropTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DropTargetContainerDirective }], ngImport: i0, template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DragAndDropModule }, { kind: "directive", type: i1.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i1.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DragAndDropComponent, isStandalone: true, selector: "lib-drag-and-drop", inputs: { dragDropContainerClassSelector: "dragDropContainerClassSelector", dragDropItemClassSelector: "dragDropItemClassSelector", dragDropContainerIndexAttribute: "dragDropContainerIndexAttribute", dragDropItemIndexAttribute: "dragDropItemIndexAttribute", dragHandleClassSelector: "dragHandleClassSelector", listData: "listData" }, outputs: { emitListChangeEv: "emitListChangeEv", dragEnter: "dragEnter", dragLeave: "dragLeave", dropDone: "dropDone", dragStart: "dragStart", dragRelease: "dragRelease" }, viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DragTargetContainerDirective }, { propertyName: "dropTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DropTargetContainerDirective }], ngImport: i0, template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" (onDragEnter)=\"onDragEnter($event)\"\n  (onDragLeave)=\"onDragLeave($event)\" (onRelease)=\"onRelease($event)\" (onDragStart)=\"onDragStart($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DragAndDropModule }, { kind: "directive", type: i1.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i1.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'lib-drag-and-drop', imports: [DragAndDropModule], template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ standalone: true, selector: 'lib-drag-and-drop', imports: [DragAndDropModule], template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" (onDragEnter)=\"onDragEnter($event)\"\n  (onDragLeave)=\"onDragLeave($event)\" (onRelease)=\"onRelease($event)\" (onDragStart)=\"onDragStart($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { dragDropContainerClassSelector: [{
                 type: Input
             }], dragDropItemClassSelector: [{
@@ -86,6 +104,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], emitListChangeEv: [{
                 type: Output
+            }], dragEnter: [{
+                type: Output
+            }], dragLeave: [{
+                type: Output
+            }], dropDone: [{
+                type: Output
+            }], dragStart: [{
+                type: Output
+            }], dragRelease: [{
+                type: Output
             }], dragTargetContainer: [{
                 type: ViewChild,
                 args: ['wrapper', { read: DragTargetContainerDirective, static: false }]
@@ -93,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: ViewChild,
                 args: ['wrapper', { read: DropTargetContainerDirective, static: false }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1hbmQtZHJvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kcmFnLWFuZC1kcm9wL2RyYWctYW5kLWRyb3AuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJhZy1hbmQtZHJvcC9kcmFnLWFuZC1kcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsNEJBQTRCLEVBQW1CLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVMvSSxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUVcsbUNBQThCLEdBQUcsYUFBYSxDQUFDO1FBQy9DLDhCQUF5QixHQUFHLGtCQUFrQixDQUFDO1FBQy9DLG9DQUErQixHQUFHLDJCQUEyQixDQUFDO1FBQzlELCtCQUEwQixHQUFHLGdDQUFnQyxDQUFDO1FBQzlELDRCQUF1QixHQUFHLGVBQWUsQ0FBQztRQWN6QyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO1FBZ0J4QyxhQUFRLEdBQUcsQ0FBQyxFQUFFLFVBQVUsRUFBTyxFQUFFLEVBQUU7WUFDeEMsT0FBTztnQkFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLDhCQUE4QixFQUFFLElBQUksQ0FBQywrQkFBK0IsQ0FBQztnQkFDbkgsU0FBUyxFQUFFLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsMEJBQTBCLENBQUM7YUFDckUsQ0FBQztRQUNKLENBQUMsQ0FBQztLQTRDSDtJQTdFQyxJ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QkFBaUI7OzRGQUVoQixvQkFBb0I7a0JBUGhDLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLG1CQUFtQixXQUdwQixDQUFDLGlCQUFpQixDQUFDOzhCQUduQiw4QkFBOEI7c0JBQXRDLEtBQUs7Z0JBQ0cseUJBQXlCO3NCQUFqQyxLQUFLO2dCQUNHLCtCQUErQjtzQkFBdkMsS0FBSztnQkFDRywwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBQ0csdUJBQXVCO3NCQUEvQixLQUFLO2dCQUdGLFFBQVE7c0JBRFgsS0FBSztnQkFZSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBRXNFLG1CQUFtQjtzQkFBL0YsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDRSxtQkFBbUI7c0JBQS9GLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLDRCQUE0QixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcmFnVGFyZ2V0Q29udGFpbmVyRGlyZWN0aXZlLCBEcm9wVGFyZ2V0Q29udGFpbmVyRGlyZWN0aXZlLCBEcm9wVGFyZ2V0RXZlbnQsIERyYWdBbmREcm9wTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdsaWItZHJhZy1hbmQtZHJvcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcmFnLWFuZC1kcm9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJhZy1hbmQtZHJvcC5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbRHJhZ0FuZERyb3BNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIERyYWdBbmREcm9wQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGRyYWdEcm9wQ29udGFpbmVyQ2xhc3NTZWxlY3RvciA9ICcuay1saXN0dmlldyc7XG4gIEBJbnB1dCgpIGRyYWdEcm9wSXRlbUNsYXNzU2VsZWN0b3IgPSAnLmstbGlzdHZpZXctaXRlbSc7XG4gIEBJbnB1dCgpIGRyYWdEcm9wQ29udGFpbmVySW5kZXhBdHRyaWJ1dGUgPSAnZGF0YS1rZW5kby1saXN0dmlldy1pbmRleCc7XG4gIEBJbnB1dCgpIGRyYWdEcm9wSXRlbUluZGV4QXR0cmlidXRlID0gJ2RhdGEta2VuZG8tbGlzdHZpZXctaXRlbS1pbmRleCc7XG4gIEBJbnB1dCgpIGRyYWdIYW5kbGVDbGFzc1NlbGVjdG9yID0gJy5yZW9yZGVyLWljb24nO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBsaXN0RGF0YSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5fbGlzdERhdGEgPSBbLi4udmFsdWVdO1xuICAgIGlmICh0aGlzLmRyYWdUYXJnZXRDb250YWluZXIpIHtcbiAgICAgIHRoaXMuZHJhZ1RhcmdldENvbnRhaW5lci5ub3RpZnkoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZHJvcFRhcmdldENvbnRhaW5lcikge1xuICAgICAgdGhpcy5kcm9wVGFyZ2V0Q29udGFpbmVyLm5vdGlmeSgpO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIF9saXN0RGF0YTogYW55O1xuXG4gIEBPdXRwdXQoKSBlbWl0TGlzdENoYW5nZUV2ID0gbmV3IEV2ZW50RW1pdHRlcigpXG5cbiAgQFZpZXdDaGlsZCgnd3JhcHBlcicsIHsgcmVhZDogRHJhZ1RhcmdldENvbnRhaW5lckRpcmVjdGl2ZSwgc3RhdGljOiBmYWxzZSB9KSBkcmFnVGFyZ2V0Q29udGFpbmVyITogRHJhZ1RhcmdldENvbnRhaW5lckRpcmVjdGl2ZTtcbiAgQFZpZXdDaGlsZCgnd3JhcHBlcicsIHsgcmVhZDogRHJvcFRhcmdldENvbnRhaW5lckRpcmVjdGl2ZSwgc3RhdGljOiBmYWxzZSB9KSBkcm9wVGFyZ2V0Q29udGFpbmVyITogRHJvcFRhcmdldENvbnRhaW5lckRpcmVjdGl2ZTtcblxuXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRyYWdUYXJnZXRDb250YWluZXIpIHtcbiAgICAgIHRoaXMuZHJhZ1RhcmdldENvbnRhaW5lci5ub3RpZnkoKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZHJvcFRhcmdldENvbnRhaW5lcikge1xuICAgICAgdGhpcy5kcm9wVGFyZ2V0Q29udGFpbmVyLm5vdGlmeSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBkcmFnRGF0YSA9ICh7IGRyYWdUYXJnZXQgfTogYW55KSA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZyb21FbGVtZW50OiB0aGlzLnNldEVsZW1lbnQoZHJhZ1RhcmdldCwgdGhpcy5kcmFnRHJvcENvbnRhaW5lckNsYXNzU2VsZWN0b3IsIHRoaXMuZHJhZ0Ryb3BDb250YWluZXJJbmRleEF0dHJpYnV0ZSksXG4gICAgICBmcm9tSW5kZXg6ICtkcmFnVGFyZ2V0LmdldEF0dHJpYnV0ZSh0aGlzLmRyYWdEcm9wSXRlbUluZGV4QXR0cmlidXRlKSxcbiAgICB9O1xuICB9O1xuXG4gIHB1YmxpYyBvbkRyb3AoZTogRHJvcFRhcmdldEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgeyBmcm9tSW5kZXggfSA9IGUuZHJhZ0RhdGE7XG5cbiAgICBsZXQgZGVzdGluYXRpb25JbmRleCA9IDA7XG5cbiAgICBpZiAoZS5kcmFnVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQgJiYgZS5kcm9wVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQpIHtcbiAgICAgIGRlc3RpbmF0aW9uSW5kZXggPSB0aGlzLmNhbGN1bGF0ZURlc3RpbmF0aW9uSW5kZXgoZSwgZnJvbUluZGV4KTtcbiAgICAgIHRoaXMudXBkYXRlRGF0YShcbiAgICAgICAgdGhpcy5fbGlzdERhdGEsXG4gICAgICAgIGZyb21JbmRleCxcbiAgICAgICAgZGVzdGluYXRpb25JbmRleCxcbiAgICAgICAgdGhpcy5fbGlzdERhdGFcbiAgICAgICk7XG4gICAgfVxuXG4gICAgdGhpcy5fbGlzdERhdGEgPSBbLi4udGhpcy5fbGlzdERhdGFdO1xuICAgIHRoaXMuZW1pdExpc3RDaGFuZ2VFdi5lbWl0KHRoaXMuX2xpc3REYXRhKVxuICAgIHRoaXMuZHJhZ1RhcmdldENvbnRhaW5lci5ub3RpZnkoKTtcbiAgICB0aGlzLmRyb3BUYXJnZXRDb250YWluZXIubm90aWZ5KCk7XG4gIH1cblxuICBwdWJsaWMgc2V0RWxlbWVudCh0YXJnZXQ6IEhUTUxEaXZFbGVtZW50LCBzZWxlY3RvcjogYW55LCBhdHRyaWJ1dGU6IHN0cmluZykge1xuICAgIHJldHVybiArdGFyZ2V0LmNsb3Nlc3Qoc2VsZWN0b3IpLmdldEF0dHJpYnV0ZShhdHRyaWJ1dGUpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZURhdGEoZnJvbUNvbGxlY3Rpb246IGFueVtdLCBmcm9tSW5kZXg6IG51bWJlciwgdG9JbmRleDogbnVtYmVyLCBkYXRhRnJvbUNvbGxlY3Rpb246IGFueSkge1xuICAgIGNvbnN0IGRhdGFJdGVtID0gZnJvbUNvbGxlY3Rpb25bZnJvbUluZGV4XTtcbiAgICBmcm9tQ29sbGVjdGlvbi5zcGxpY2UoZnJvbUluZGV4LCAxKTtcbiAgICBkYXRhRnJvbUNvbGxlY3Rpb24gPSBmcm9tQ29sbGVjdGlvbjtcbiAgICBkYXRhRnJvbUNvbGxlY3Rpb24uc3BsaWNlKHRvSW5kZXgsIDAsIGRhdGFJdGVtKTtcbiAgfVxuXG4gIGNhbGN1bGF0ZURlc3RpbmF0aW9uSW5kZXgoZTogYW55LCBmcm9tSW5kZXg6IGFueSk6IG51bWJlciB7XG4gICAgbGV0IHRvSW5kZXg6IGFueTtcbiAgICBpZiAoZS5kcmFnVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQgJiYgZS5kcm9wVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQpIHtcbiAgICAgIHRvSW5kZXggPSArZS5kcm9wVGFyZ2V0LmdldEF0dHJpYnV0ZSh0aGlzLmRyYWdEcm9wSXRlbUluZGV4QXR0cmlidXRlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdG9JbmRleCA9IGZyb21JbmRleFxuICAgIH1cbiAgICByZXR1cm4gdG9JbmRleDtcbiAgfTtcblxufVxuIiwiPGRpdiBjbGFzcz1cImRlbW8tY29udGFpbmVyXCIgI3dyYXBwZXIga2VuZG9EcmFnVGFyZ2V0Q29udGFpbmVyIGtlbmRvRHJvcFRhcmdldENvbnRhaW5lclxuICBbZHJhZ1RhcmdldEZpbHRlcl09XCJkcmFnRHJvcEl0ZW1DbGFzc1NlbGVjdG9yXCIgW2Ryb3BUYXJnZXRGaWx0ZXJdPVwiZHJhZ0Ryb3BJdGVtQ2xhc3NTZWxlY3RvclwiIFtkcmFnRGF0YV09XCJkcmFnRGF0YVwiXG4gIFtoaW50XT1cInsgaGludENsYXNzOiAncm93SGludCcgfVwiIChvbkRyb3ApPVwib25Ecm9wKCRldmVudClcIiBbZHJhZ0hhbmRsZV09XCJkcmFnSGFuZGxlQ2xhc3NTZWxlY3RvclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZy1hbmQtZHJvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9hdG9tcy9kcmFnLWFuZC1kcm9wL2RyYWctYW5kLWRyb3AuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvZHJhZy1hbmQtZHJvcC9kcmFnLWFuZC1kcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsNEJBQTRCLEVBQW1CLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVMvSSxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUVcsbUNBQThCLEdBQUcsYUFBYSxDQUFDO1FBQy9DLDhCQUF5QixHQUFHLGtCQUFrQixDQUFDO1FBQy9DLG9DQUErQixHQUFHLDJCQUEyQixDQUFDO1FBQzlELCtCQUEwQixHQUFHLGdDQUFnQyxDQUFDO1FBQzlELDRCQUF1QixHQUFHLGVBQWUsQ0FBQztRQWN6QyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzlCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9CLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQWdCcEMsYUFBUSxHQUFHLENBQUMsRUFBRSxVQUFVLEVBQU8sRUFBRSxFQUFFO1lBQ3hDLE9BQU87Z0JBQ0wsV0FBVyxF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QWxCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFFc0UsbUJBQW1CO3NCQUEvRixTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNFLG1CQUFtQjtzQkFBL0YsU0FBUzt1QkFBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyYWdUYXJnZXRDb250YWluZXJEaXJlY3RpdmUsIERyb3BUYXJnZXRDb250YWluZXJEaXJlY3RpdmUsIERyb3BUYXJnZXRFdmVudCwgRHJhZ0FuZERyb3BNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci11dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2xpYi1kcmFnLWFuZC1kcm9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYWctYW5kLWRyb3AuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcmFnLWFuZC1kcm9wLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtEcmFnQW5kRHJvcE1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgRHJhZ0FuZERyb3BDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgZHJhZ0Ryb3BDb250YWluZXJDbGFzc1NlbGVjdG9yID0gJy5rLWxpc3R2aWV3JztcbiAgQElucHV0KCkgZHJhZ0Ryb3BJdGVtQ2xhc3NTZWxlY3RvciA9ICcuay1saXN0dmlldy1pdGVtJztcbiAgQElucHV0KCkgZHJhZ0Ryb3BDb250YWluZXJJbmRleEF0dHJpYnV0ZSA9ICdkYXRhLWtlbmRvLWxpc3R2aWV3LWluZGV4JztcbiAgQElucHV0KCkgZHJhZ0Ryb3BJdGVtSW5kZXhBdHRyaWJ1dGUgPSAnZGF0YS1rZW5kby1saXN0dmlldy1pdGVtLWluZGV4JztcbiAgQElucHV0KCkgZHJhZ0hhbmRsZUNsYXNzU2VsZWN0b3IgPSAnLnJlb3JkZXItaWNvbic7XG5cbiAgQElucHV0KClcbiAgc2V0IGxpc3REYXRhKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLl9saXN0RGF0YSA9IFsuLi52YWx1ZV07XG4gICAgaWYgKHRoaXMuZHJhZ1RhcmdldENvbnRhaW5lcikge1xuICAgICAgdGhpcy5kcmFnVGFyZ2V0Q29udGFpbmVyLm5vdGlmeSgpO1xuICAgIH1cbiAgICBpZiAodGhpcy5kcm9wVGFyZ2V0Q29udGFpbmVyKSB7XG4gICAgICB0aGlzLmRyb3BUYXJnZXRDb250YWluZXIubm90aWZ5KCk7XG4gICAgfVxuICB9XG4gIHByaXZhdGUgX2xpc3REYXRhOiBhbnk7XG5cbiAgQE91dHB1dCgpIGVtaXRMaXN0Q2hhbmdlRXYgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBkcmFnRW50ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBkcmFnTGVhdmUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBkcm9wRG9uZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGRyYWdTdGFydCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGRyYWdSZWxlYXNlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3dyYXBwZXInLCB7IHJlYWQ6IERyYWdUYXJnZXRDb250YWluZXJEaXJlY3RpdmUsIHN0YXRpYzogZmFsc2UgfSkgZHJhZ1RhcmdldENvbnRhaW5lciE6IERyYWdUYXJnZXRDb250YWluZXJEaXJlY3RpdmU7XG4gIEBWaWV3Q2hpbGQoJ3dyYXBwZXInLCB7IHJlYWQ6IERyb3BUYXJnZXRDb250YWluZXJEaXJlY3RpdmUsIHN0YXRpYzogZmFsc2UgfSkgZHJvcFRhcmdldENvbnRhaW5lciE6IERyb3BUYXJnZXRDb250YWluZXJEaXJlY3RpdmU7XG5cblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kcmFnVGFyZ2V0Q29udGFpbmVyKSB7XG4gICAgICB0aGlzLmRyYWdUYXJnZXRDb250YWluZXIubm90aWZ5KCk7XG4gICAgfVxuICAgIGlmICh0aGlzLmRyb3BUYXJnZXRDb250YWluZXIpIHtcbiAgICAgIHRoaXMuZHJvcFRhcmdldENvbnRhaW5lci5ub3RpZnkoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZHJhZ0RhdGEgPSAoeyBkcmFnVGFyZ2V0IH06IGFueSkgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICBmcm9tRWxlbWVudDogdGhpcy5zZXRFbGVtZW50KGRyYWdUYXJnZXQsIHRoaXMuZHJhZ0Ryb3BDb250YWluZXJDbGFzc1NlbGVjdG9yLCB0aGlzLmRyYWdEcm9wQ29udGFpbmVySW5kZXhBdHRyaWJ1dGUpLFxuICAgICAgZnJvbUluZGV4OiArZHJhZ1RhcmdldC5nZXRBdHRyaWJ1dGUodGhpcy5kcmFnRHJvcEl0ZW1JbmRleEF0dHJpYnV0ZSksXG4gICAgfTtcbiAgfTtcblxuICBwdWJsaWMgb25EcmFnRW50ZXIoZTogRHJvcFRhcmdldEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5kcmFnRW50ZXIuZW1pdChlKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkRyYWdMZWF2ZShlOiBEcm9wVGFyZ2V0RXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRyYWdMZWF2ZS5lbWl0KGUpO1xuICB9XG5cbiAgcHVibGljIG9uUmVsZWFzZShlOiBEcm9wVGFyZ2V0RXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRyYWdSZWxlYXNlLmVtaXQoZSk7XG4gIH1cblxuICBwdWJsaWMgb25EcmFnU3RhcnQoZTogRHJvcFRhcmdldEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5kcmFnU3RhcnQuZW1pdChlKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkRyb3AoZTogRHJvcFRhcmdldEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgeyBmcm9tSW5kZXggfSA9IGUuZHJhZ0RhdGE7XG5cbiAgICBsZXQgZGVzdGluYXRpb25JbmRleCA9IDA7XG5cbiAgICBpZiAoZS5kcmFnVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQgJiYgZS5kcm9wVGFyZ2V0IGluc3RhbmNlb2YgSFRNTERpdkVsZW1lbnQpIHtcbiAgICAgIGRlc3RpbmF0aW9uSW5kZXggPSB0aGlzLmNhbGN1bGF0ZURlc3RpbmF0aW9uSW5kZXgoZSwgZnJvbUluZGV4KTtcbiAgICAgIHRoaXMudXBkYXRlRGF0YShcbiAgICAgICAgdGhpcy5fbGlzdERhdGEsXG4gICAgICAgIGZyb21JbmRleCxcbiAgICAgICAgZGVzdGluYXRpb25JbmRleCxcbiAgICAgICAgdGhpcy5fbGlzdERhdGFcbiAgICAgICk7XG4gICAgfVxuXG4gICAgdGhpcy5fbGlzdERhdGEgPSBbLi4udGhpcy5fbGlzdERhdGFdO1xuICAgIHRoaXMuZW1pdExpc3RDaGFuZ2VFdi5lbWl0KHRoaXMuX2xpc3REYXRhKTtcbiAgICB0aGlzLmRyb3BEb25lLmVtaXQoZSk7XG4gICAgdGhpcy5kcmFnVGFyZ2V0Q29udGFpbmVyLm5vdGlmeSgpO1xuICAgIHRoaXMuZHJvcFRhcmdldENvbnRhaW5lci5ub3RpZnkoKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRFbGVtZW50KHRhcmdldDogSFRNTERpdkVsZW1lbnQsIHNlbGVjdG9yOiBhbnksIGF0dHJpYnV0ZTogc3RyaW5nKSB7XG4gICAgcmV0dXJuICt0YXJnZXQuY2xvc2VzdChzZWxlY3RvcikuZ2V0QXR0cmlidXRlKGF0dHJpYnV0ZSk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlRGF0YShmcm9tQ29sbGVjdGlvbjogYW55W10sIGZyb21JbmRleDogbnVtYmVyLCB0b0luZGV4OiBudW1iZXIsIGRhdGFGcm9tQ29sbGVjdGlvbjogYW55KSB7XG4gICAgY29uc3QgZGF0YUl0ZW0gPSBmcm9tQ29sbGVjdGlvbltmcm9tSW5kZXhdO1xuICAgIGZyb21Db2xsZWN0aW9uLnNwbGljZShmcm9tSW5kZXgsIDEpO1xuICAgIGRhdGFGcm9tQ29sbGVjdGlvbiA9IGZyb21Db2xsZWN0aW9uO1xuICAgIGRhdGFGcm9tQ29sbGVjdGlvbi5zcGxpY2UodG9JbmRleCwgMCwgZGF0YUl0ZW0pO1xuICB9XG5cbiAgY2FsY3VsYXRlRGVzdGluYXRpb25JbmRleChlOiBhbnksIGZyb21JbmRleDogYW55KTogbnVtYmVyIHtcbiAgICBsZXQgdG9JbmRleDogYW55O1xuICAgIGlmIChlLmRyYWdUYXJnZXQgaW5zdGFuY2VvZiBIVE1MRGl2RWxlbWVudCAmJiBlLmRyb3BUYXJnZXQgaW5zdGFuY2VvZiBIVE1MRGl2RWxlbWVudCkge1xuICAgICAgdG9JbmRleCA9ICtlLmRyb3BUYXJnZXQuZ2V0QXR0cmlidXRlKHRoaXMuZHJhZ0Ryb3BJdGVtSW5kZXhBdHRyaWJ1dGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0b0luZGV4ID0gZnJvbUluZGV4XG4gICAgfVxuICAgIHJldHVybiB0b0luZGV4O1xuICB9O1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGVtby1jb250YWluZXJcIiAjd3JhcHBlciBrZW5kb0RyYWdUYXJnZXRDb250YWluZXIga2VuZG9Ecm9wVGFyZ2V0Q29udGFpbmVyXG4gIFtkcmFnVGFyZ2V0RmlsdGVyXT1cImRyYWdEcm9wSXRlbUNsYXNzU2VsZWN0b3JcIiBbZHJvcFRhcmdldEZpbHRlcl09XCJkcmFnRHJvcEl0ZW1DbGFzc1NlbGVjdG9yXCIgW2RyYWdEYXRhXT1cImRyYWdEYXRhXCJcbiAgW2hpbnRdPVwieyBoaW50Q2xhc3M6ICdyb3dIaW50JyB9XCIgKG9uRHJvcCk9XCJvbkRyb3AoJGV2ZW50KVwiIChvbkRyYWdFbnRlcik9XCJvbkRyYWdFbnRlcigkZXZlbnQpXCJcbiAgKG9uRHJhZ0xlYXZlKT1cIm9uRHJhZ0xlYXZlKCRldmVudClcIiAob25SZWxlYXNlKT1cIm9uUmVsZWFzZSgkZXZlbnQpXCIgKG9uRHJhZ1N0YXJ0KT1cIm9uRHJhZ1N0YXJ0KCRldmVudClcIiBbZHJhZ0hhbmRsZV09XCJkcmFnSGFuZGxlQ2xhc3NTZWxlY3RvclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/atoms/drag-and-drop/drag-and-drop.module.mjs

@@ -8,15 +8,15 @@ import { IconsModule } from '@progress/kendo-angular-icons';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class DragAndDropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropModule, imports: [DragAndDropComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, imports: [DragAndDropComponent,
             CommonModule,
             ButtonsModule,
             InputsModule,
             UtilsModule,
             ListViewModule,
             IconsModule], exports: [DragAndDropComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropModule, imports: [DragAndDropComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, imports: [DragAndDropComponent,
             CommonModule,
             ButtonsModule,
             InputsModule,
@@ -24,7 +24,7 @@ export class DragAndDropModule {
             ListViewModule,
             IconsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DragAndDropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/dropdown/dropdown.component.mjs

@@ -121,10 +121,10 @@ export class DropdownComponent {
         }
         return this.defaultItem;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], clearButton: ["clearButton", "clearButton", (value) => value === true || value === 'true'], fillMode: "fillMode", filterable: ["filterable", "filterable", (value) => value === true || value === 'true'], popupClass: "popupClass", showDefaultItem: "showDefaultItem", useAsComboBox: "useAsComboBox", selectedItem: "selectedItem", readonly: ["readonly", "readonly", (value) => value === true || value === 'true'], rounded: "rounded", size: "size", suggest: ["suggest", "suggest", (value) => value === true || value === 'true'], textField: "textField", value: "value", valueField: "valueField", valuePrimitive: ["valuePrimitive", "valuePrimitive", (value) => value === true || value === 'true'], model: "model", control: "control", fontType: "fontType", focus: ["focus", "focus", (value) => value === true || value === 'true'], loading: ["loading", "loading", (value) => value === true || value === 'true'], loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", width: "width", infiniteScrollLoader: ["infiniteScrollLoader", "infiniteScrollLoader", (value) => value === true || value === 'true'], showError: ["showError", "showError", (value) => value === true || value === 'true'], errorMessage: "errorMessage", checkboxes: ["checkboxes", "checkboxes", (value) => value === true || value === 'true'], autoClose: ["autoClose", "autoClose", (value) => value === true || value === 'true'], placeholder: "placeholder" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"checkbox-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" (opened)=\"onDropdownOpen()\"\n    (close)=\"onDropdownClose()\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n    [filterable]=\"filterable\" [placeholder]=\"_placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\"\n    [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n    [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n    [formControl]=\"control\" [popupSettings]=\"{popupClass: popupClass, appendTo: 'root'}\">\n    <ng-template kendoComboBoxHeaderTemplate>\n      <ng-content select=\"header\"></ng-content>\n    </ng-template>\n    <ng-template kendoComboBoxItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n\n  <kendo-dropdownlist #dropdownList *ngIf=\"!_useAsComboBox\" [id]=\"elementId\" [data]=\"data\" [textField]=\"textField\"\n    [valueField]=\"valueField\" [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [fillMode]=\"fillMode\"\n    [itemDisabled]=\"itemDisabled\" [style.width]=\"width\" [valuePrimitive]=\"valuePrimitive\" [value]=\"value\"\n    [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass, appendTo: 'root'}\"\n    [ngClass]=\"{'default-text': model === null || model === undefined}\" (close)=\"onDropdownClose()\"\n    [defaultItem]=\"showDefaultItem ? getDefaultItem() : null\" [formControl]=\"control\">\n    <ng-template kendoDropDownListItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoDropDownListFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoDropDownListNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-dropdownlist>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: [".checkbox-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{padding:8px 16px}::ng-deep .k-picker,::ng-deep .k-dropdownlist.k-picker-outline{border-color:#21252980}::ng-deep .k-picker:focus,::ng-deep .k-dropdownlist.k-picker-outline:focus{border-color:#80b4ff!important;box-shadow:0 0 0 .25rem #0069ff40!important}::ng-deep .k-dropdownlist.k-picker-outline .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-outline .k-button-icon,::ng-deep .k-dropdownlist.k-picker-flat .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-flat .k-button-icon{color:#101416}::ng-deep .default-text .k-input-value-text{color:#6f7a85!important}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}::ng-deep .k-animation-container,::ng-deep .k-popup{z-index:10002!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.18", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: ["isDisabled", "isDisabled", (value) => value === true || value === 'true'], clearButton: ["clearButton", "clearButton", (value) => value === true || value === 'true'], fillMode: "fillMode", filterable: ["filterable", "filterable", (value) => value === true || value === 'true'], popupClass: "popupClass", showDefaultItem: "showDefaultItem", useAsComboBox: "useAsComboBox", selectedItem: "selectedItem", readonly: ["readonly", "readonly", (value) => value === true || value === 'true'], rounded: "rounded", size: "size", suggest: ["suggest", "suggest", (value) => value === true || value === 'true'], textField: "textField", value: "value", valueField: "valueField", valuePrimitive: ["valuePrimitive", "valuePrimitive", (value) => value === true || value === 'true'], model: "model", control: "control", fontType: "fontType", focus: ["focus", "focus", (value) => value === true || value === 'true'], loading: ["loading", "loading", (value) => value === true || value === 'true'], loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", width: "width", infiniteScrollLoader: ["infiniteScrollLoader", "infiniteScrollLoader", (value) => value === true || value === 'true'], showError: ["showError", "showError", (value) => value === true || value === 'true'], errorMessage: "errorMessage", checkboxes: ["checkboxes", "checkboxes", (value) => value === true || value === 'true'], autoClose: ["autoClose", "autoClose", (value) => value === true || value === 'true'], placeholder: "placeholder" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown\">\n  <span *ngIf=\"label.length > 0\">\n    <label class=\"checkbox-label\" [for]=\"elementId\">\n      <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n      </lib-typography>\n    </label>\n    &nbsp;\n  </span>\n  <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" (opened)=\"onDropdownOpen()\"\n    (close)=\"onDropdownClose()\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n    [filterable]=\"filterable\" [placeholder]=\"_placeholder\" [readonly]=\"readonly\" rounded=\"small\" [size]=\"size\"\n    [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n    [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n    [formControl]=\"control\" [popupSettings]=\"{popupClass: popupClass, appendTo: 'root'}\">\n    <ng-template kendoComboBoxHeaderTemplate>\n      <ng-content select=\"header\"></ng-content>\n    </ng-template>\n    <ng-template kendoComboBoxItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoComboBoxFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-combobox>\n\n  <kendo-dropdownlist #dropdownList *ngIf=\"!_useAsComboBox\" [id]=\"elementId\" [data]=\"data\" [textField]=\"textField\"\n    [valueField]=\"valueField\" [(ngModel)]=\"model\" (selectionChange)=\"emitModelChange($event)\" [fillMode]=\"fillMode\"\n    [itemDisabled]=\"itemDisabled\" [style.width]=\"width\" [valuePrimitive]=\"valuePrimitive\" [value]=\"value\"\n    [rounded]=\"rounded\" [size]=\"size\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass, appendTo: 'root'}\"\n    [ngClass]=\"{'default-text': model === null || model === undefined}\" (close)=\"onDropdownClose()\"\n    [defaultItem]=\"showDefaultItem ? getDefaultItem() : null\" [formControl]=\"control\">\n    <ng-template kendoDropDownListItemTemplate let-data>\n      <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n      <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n        <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n        </lib-typography>\n      </div>\n    </ng-template>\n    <ng-template kendoDropDownListFooterTemplate>\n      <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n        <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n      </div>\n    </ng-template>\n    <ng-template *ngIf=\"loading\" kendoDropDownListNoDataTemplate>\n      <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n    </ng-template>\n  </kendo-dropdownlist>\n  <div *ngIf=\"showError\">\n    <lib-typography [defaultText]=\"errorMessage\" class=\"error-text\" />\n  </div>\n</div>\n", styles: [".checkbox-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{padding:8px 16px}::ng-deep .k-picker,::ng-deep .k-dropdownlist.k-picker-outline{border-color:#21252980}::ng-deep .k-picker:focus,::ng-deep .k-dropdownlist.k-picker-outline:focus{border-color:#80b4ff!important;box-shadow:0 0 0 .25rem #0069ff40!important}::ng-deep .k-dropdownlist.k-picker-outline .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-outline .k-button-icon,::ng-deep .k-dropdownlist.k-picker-flat .k-input-value-text,::ng-deep .k-dropdownlist.k-picker-flat .k-button-icon{color:#101416}::ng-deep .default-text .k-input-value-text{color:#6f7a85!important}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}::ng-deep .k-animation-container,::ng-deep .k-popup{z-index:10002!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,

package/esm2022/lib/atoms/dropdown/dropdown.module.mjs

@@ -7,8 +7,8 @@ import { TypographyModule } from '../typography/typography.module';
 import { LoaderModule } from '../loader/loader.module';
 import * as i0 from "@angular/core";
 export class DropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: DropdownModule, imports: [DropdownComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DropdownModule, imports: [DropdownComponent,
             CommonModule,
             DropDownsModule,
             FormsModule,
@@ -16,7 +16,7 @@ export class DropdownModule {
             TypographyModule,
             LoaderModule], exports: [CommonModule,
             DropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownModule, imports: [DropdownComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownModule, imports: [DropdownComponent,
             CommonModule,
             DropDownsModule,
             FormsModule,
@@ -24,7 +24,7 @@ export class DropdownModule {
             TypographyModule,
             LoaderModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/atoms/dropdown-button/dropdown-button.component.mjs

@@ -18,10 +18,10 @@ export class DropdownButtonComponent {
         this.popupSettings = {};
         this.buttonClass = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DropdownButtonComponent, isStandalone: true, selector: "lib-dropdown-button", inputs: { data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", dropdownBtnText: "dropdownBtnText", fontType: "fontType", isDisabled: "isDisabled", popupSettings: "popupSettings", buttonClass: "buttonClass" }, ngImport: i0, template: "<kendo-dropdownbutton class=\"dropdown-btn\" [data]=\"data\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n  [themeColor]=\"themeColor\" [disabled]=\"isDisabled\" [popupSettings]=\"popupSettings\" [buttonClass]=\"buttonClass\">\n  <lib-typography [defaultText]=\"dropdownBtnText\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon name=\"chevron-down\" class=\"btn-icon\"></lib-icon>\n</kendo-dropdownbutton>\n", styles: [".btn-icon{top:.12rem;position:relative;padding-left:.5rem}::ng-deep .dropdown-btn .k-button-text{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "ngmodule", type: DropDownsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DropdownButtonComponent, isStandalone: true, selector: "lib-dropdown-button", inputs: { data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", dropdownBtnText: "dropdownBtnText", fontType: "fontType", isDisabled: "isDisabled", popupSettings: "popupSettings", buttonClass: "buttonClass" }, ngImport: i0, template: "<kendo-dropdownbutton class=\"dropdown-btn\" [data]=\"data\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\"\n  [themeColor]=\"themeColor\" [disabled]=\"isDisabled\" [popupSettings]=\"popupSettings\" [buttonClass]=\"buttonClass\">\n  <lib-typography [defaultText]=\"dropdownBtnText\" [type]=\"fontType\" class=\"text\">\n  </lib-typography>\n  <lib-icon name=\"chevron-down\" class=\"btn-icon\"></lib-icon>\n</kendo-dropdownbutton>\n", styles: [".btn-icon{top:.12rem;position:relative;padding-left:.5rem}::ng-deep .dropdown-btn .k-button-text{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "ngmodule", type: DropDownsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropdownButtonComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'lib-dropdown-button', imports: [
                         ButtonsModule,