@impartner/design-components 1.0.0

package/esm2020/lib/dropdown/dropdown.component.mjs

@@ -0,0 +1,140 @@
+import { Component, Input, HostListener, Output, EventEmitter, HostBinding, ContentChildren } from '@angular/core';
+import { DropdownItemComponent } from './components';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component";
+/**
+ * The `DropdownComponent` (`<impdc-dropdown` or `<any impdc-dropdown`) contains a button that toggles a dropdown where a user
+ * can select various actions. Items within must be wrapped with `DropdownItemComponent` (`<impdc-dropdown-item`).
+ * To use, import `DropdownModule` or another module that imports and exports that module from `@impartner/design-components`.
+ * `DropdownModule` imports and exports [ButtonModule](./?path=/docs/design-components-button).
+ */
+export class DropdownComponent {
+    constructor(_interactionService) {
+        this._interactionService = _interactionService;
+        this._interactableId = 0;
+        /**
+         * Whether or not the dropdown list is showing.
+         */
+        this.show = false;
+        /**
+         * The theme of the button affecting text, icons, backgrounds, and borders.
+         */
+        this.buttonTheme = 'primary';
+        /**
+         * The text of the button.
+         */
+        this.buttonText = '';
+        // we don't want headerText to be available right now
+        // @Input()
+        //headerText: string = '';
+        /**
+         * Where the list shows relative to the button when it is showing.
+         */
+        this.position = 'down';
+        /**
+         * If true, the icon is split from the button and only clicking the icon triggers the list showing/hiding.
+         */
+        this.split = false;
+        /**
+         * Emitted when the dropdown is toggled.
+         */
+        this.toggle = new EventEmitter();
+        /**
+         * Emitted when the button is clicked.
+         */
+        this.buttonClick = new EventEmitter();
+        this.classBtnGroup = true;
+        this._interactableId = this._interactionService.add(this);
+    }
+    get classDropdown() {
+        return this.position === 'down';
+    }
+    get classDropend() {
+        return this.position === 'right';
+    }
+    get classDropstart() {
+        return this.position === 'left';
+    }
+    get classDropup() {
+        return this.position === 'up';
+    }
+    handleHostClick($event) {
+        $event.stopPropagation();
+    }
+    handleDocumentClick() {
+        if (this.show) {
+            this.hide();
+        }
+    }
+    get interactableId() {
+        return this._interactableId;
+    }
+    get valid() {
+        return this.interactableId > 0;
+    }
+    get shown() {
+        return this.valid && this.show;
+    }
+    ngOnDestroy() {
+        this._interactionService.remove(this.interactableId);
+        this._interactableId = 0;
+    }
+    handleToggle() {
+        this.show = this._interactionService.toggle(this);
+        this.toggle.emit(this.show);
+    }
+    handleButtonClick(event) {
+        this.buttonClick.emit(event);
+    }
+    hide() {
+        this.show = false;
+        this.toggle.emit(this.show);
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.InteractionService }], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DropdownComponent, selector: "impdc-dropdown, [impdc-dropdown]", inputs: { show: "show", buttonTheme: "buttonTheme", buttonText: "buttonText", position: "position", split: "split" }, outputs: { toggle: "toggle", buttonClick: "buttonClick" }, host: { listeners: { "click": "handleHostClick()", "document:click": "handleDocumentClick()" }, properties: { "class.btn-group": "this.classBtnGroup", "class.dropdown": "this.classDropdown", "class.dropend": "this.classDropend", "class.dropstart": "this.classDropstart", "class.dropup": "this.classDropup" } }, queries: [{ propertyName: "items", predicate: DropdownItemComponent }], ngImport: i0, template: "<ng-container *ngIf=\"!linkEl.children.length\">\n  <button\n    *ngIf=\"!split; else splitTemplate\"\n    impdcButton\n    [theme]=\"buttonTheme\"\n    [text]=\"buttonText\"\n    class=\"dropdown-toggle\"\n    [class.show]=\"show\"\n    data-bs-toggle=\"dropdown\"\n    [attr.aria-expanded]=\"show\"\n    (click)=\"handleToggle(); $event.stopPropagation()\"></button>\n\n  <ng-template #splitTemplate>\n    <button\n      impdcButton\n      [theme]=\"buttonTheme\"\n      [text]=\"buttonText\"\n      (click)=\"handleButtonClick($event)\"></button>\n    <button\n      impdcButton\n      [theme]=\"buttonTheme\"\n      class=\"dropdown-toggle dropdown-toggle-split\"\n      [class.show]=\"show\"\n      [attr.aria-expanded]=\"show\"\n      (click)=\"handleToggle(); $event.stopPropagation()\">\n      <span class=\"visually-hidden\">Toggle Dropdown</span>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ul\n  class=\"dropdown-menu\"\n  [class.dropdown-menu-end]=\"false\"\n  [class.show]=\"show\"\n  (click)=\"$event.stopPropagation()\">\n  <!-- <li *ngIf=\"headerText\">\n    <h6 class=\"dropdown-header\">{{ headerText }}</h6>\n  </li> -->\n  <li *ngFor=\"let item of items\">\n    <span *ngIf=\"!item.divider; else dividerTemplate\" class=\"dropdown-item\">\n      <ng-content *ngTemplateOutlet=\"item.template\"></ng-content>\n    </span>\n  </li>\n</ul>\n\n<ng-template #dividerTemplate>\n  <hr class=\"dropdown-divider\" />\n</ng-template>\n\n<a\n  #linkEl\n  class=\"impdc-dropdown-link\"\n  [class.hide]=\"!linkEl.children.length\"\n  [class.impdc-dropdown-open]=\"show\"\n  data-bs-toggle=\"dropdown\"\n  [attr.aria-expanded]=\"show\"\n  (click)=\"handleToggle(); $event.stopPropagation()\">\n  <ng-content select=\"[toggle]\"></ng-content>\n</a>\n", styles: [".impdc-dropdown-link{position:relative;padding:.8rem 1.6rem;border-radius:6px;font-size:14px;line-height:18px;font-weight:500}.impdc-dropdown-link.impdc-dropdown-open,.impdc-dropdown-link:active,.impdc-dropdown-link:focus{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.impdc-dropdown-link.hide{display:none}:host-context(.impdc-form-field-wrapper.input-group)>:host>.btn{border-top:none;border-bottom:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:first-child>.btn:first-of-type{border-left:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:last-child>.btn:last-of-type{border-right:none}:host-context(.input-group)>:host:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}:host-context(.input-group:not(.has-validation))>:host:not(:last-child)>.btn,:host-context(.input-group:not(.has-validation))>:host:last-child>.btn:not(:last-of-type),:host-context(.input-group.has-validation)>:host:nth-last-child(n+3)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'impdc-dropdown, [impdc-dropdown]', template: "<ng-container *ngIf=\"!linkEl.children.length\">\n  <button\n    *ngIf=\"!split; else splitTemplate\"\n    impdcButton\n    [theme]=\"buttonTheme\"\n    [text]=\"buttonText\"\n    class=\"dropdown-toggle\"\n    [class.show]=\"show\"\n    data-bs-toggle=\"dropdown\"\n    [attr.aria-expanded]=\"show\"\n    (click)=\"handleToggle(); $event.stopPropagation()\"></button>\n\n  <ng-template #splitTemplate>\n    <button\n      impdcButton\n      [theme]=\"buttonTheme\"\n      [text]=\"buttonText\"\n      (click)=\"handleButtonClick($event)\"></button>\n    <button\n      impdcButton\n      [theme]=\"buttonTheme\"\n      class=\"dropdown-toggle dropdown-toggle-split\"\n      [class.show]=\"show\"\n      [attr.aria-expanded]=\"show\"\n      (click)=\"handleToggle(); $event.stopPropagation()\">\n      <span class=\"visually-hidden\">Toggle Dropdown</span>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ul\n  class=\"dropdown-menu\"\n  [class.dropdown-menu-end]=\"false\"\n  [class.show]=\"show\"\n  (click)=\"$event.stopPropagation()\">\n  <!-- <li *ngIf=\"headerText\">\n    <h6 class=\"dropdown-header\">{{ headerText }}</h6>\n  </li> -->\n  <li *ngFor=\"let item of items\">\n    <span *ngIf=\"!item.divider; else dividerTemplate\" class=\"dropdown-item\">\n      <ng-content *ngTemplateOutlet=\"item.template\"></ng-content>\n    </span>\n  </li>\n</ul>\n\n<ng-template #dividerTemplate>\n  <hr class=\"dropdown-divider\" />\n</ng-template>\n\n<a\n  #linkEl\n  class=\"impdc-dropdown-link\"\n  [class.hide]=\"!linkEl.children.length\"\n  [class.impdc-dropdown-open]=\"show\"\n  data-bs-toggle=\"dropdown\"\n  [attr.aria-expanded]=\"show\"\n  (click)=\"handleToggle(); $event.stopPropagation()\">\n  <ng-content select=\"[toggle]\"></ng-content>\n</a>\n", styles: [".impdc-dropdown-link{position:relative;padding:.8rem 1.6rem;border-radius:6px;font-size:14px;line-height:18px;font-weight:500}.impdc-dropdown-link.impdc-dropdown-open,.impdc-dropdown-link:active,.impdc-dropdown-link:focus{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.impdc-dropdown-link.hide{display:none}:host-context(.impdc-form-field-wrapper.input-group)>:host>.btn{border-top:none;border-bottom:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:first-child>.btn:first-of-type{border-left:none}:host-context(.impdc-form-field-wrapper.input-group)>:host:last-child>.btn:last-of-type{border-right:none}:host-context(.input-group)>:host:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}:host-context(.input-group:not(.has-validation))>:host:not(:last-child)>.btn,:host-context(.input-group:not(.has-validation))>:host:last-child>.btn:not(:last-of-type),:host-context(.input-group.has-validation)>:host:nth-last-child(n+3)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.InteractionService }]; }, propDecorators: { show: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [DropdownItemComponent]
+            }], buttonTheme: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], split: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }], buttonClick: [{
+                type: Output
+            }], classBtnGroup: [{
+                type: HostBinding,
+                args: ['class.btn-group']
+            }], classDropdown: [{
+                type: HostBinding,
+                args: ['class.dropdown']
+            }], classDropend: [{
+                type: HostBinding,
+                args: ['class.dropend']
+            }], classDropstart: [{
+                type: HostBinding,
+                args: ['class.dropstart']
+            }], classDropup: [{
+                type: HostBinding,
+                args: ['class.dropup']
+            }], handleHostClick: [{
+                type: HostListener,
+                args: ['click']
+            }], handleDocumentClick: [{
+                type: HostListener,
+                args: ['document:click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEVBQ04sWUFBWSxFQUNaLFdBQVcsRUFFWCxlQUFlLEVBRWhCLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7Ozs7QUFHckQ7Ozs7O0dBS0c7QUFNSCxNQUFNLE9BQU8saUJBQWlCO0lBaUc1QixZQUFvQixtQkFBdUM7UUFBdkMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFvQjtRQWhHbkQsb0JBQWUsR0FBVyxDQUFDLENBQUM7UUFFcEM7O1dBRUc7UUFFSCxTQUFJLEdBQVksS0FBSyxDQUFDO1FBUXRCOztXQUVHO1FBRUgsZ0JBQVcsR0FBZ0IsU0FBUyxDQUFDO1FBRXJDOztXQUVHO1FBRUgsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUV4QixxREFBcUQ7UUFDckQsV0FBVztRQUNYLDBCQUEwQjtRQUUxQjs7V0FFRztRQUVILGFBQVEsR0FBcUIsTUFBTSxDQUFDO1FBRXBDOztXQUVHO1FBRUgsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUV2Qjs7V0FFRztRQUVILFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXJDOztXQUVHO1FBRUksZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRVosa0JBQWEsR0FBRyxJQUFJLENBQUM7UUEyQzNELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBMUNELElBQTJDLGFBQWE7UUFDdEQsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLE1BQU0sQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBMEMsWUFBWTtRQUNwRCxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssT0FBTyxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUE0QyxjQUFjO1FBQ3hELE9BQU8sSUFBSSxDQUFDLFFBQVEsS0FBSyxNQUFNLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQXlDLFdBQVc7UUFDbEQsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQztJQUNoQyxDQUFDO0lBR0QsZUFBZSxDQUFDLE1BQWtCO1FBQ2hDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBR0QsbUJBQW1CO1FBQ2pCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ2pDLENBQUM7SUFNRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFpQjtRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDOzsrR0F0SFUsaUJBQWlCO21HQUFqQixpQkFBaUIsc2tCQVlYLHFCQUFxQiw2QkN2Q3hDLHV1REEyREE7NEZEaENhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxrQ0FBa0M7eUdBVzVDLElBQUk7c0JBREgsS0FBSztnQkFPTixLQUFLO3NCQURKLGVBQWU7dUJBQUMscUJBQXFCO2dCQU90QyxXQUFXO3NCQURWLEtBQUs7Z0JBT04sVUFBVTtzQkFEVCxLQUFLO2dCQVdOLFFBQVE7c0JBRFAsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBT04sTUFBTTtzQkFETCxNQUFNO2dCQU9BLFdBQVc7c0JBRGpCLE1BQU07Z0JBR2lDLGFBQWE7c0JBQXBELFdBQVc7dUJBQUMsaUJBQWlCO2dCQUVhLGFBQWE7c0JBQXZELFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUlhLFlBQVk7c0JBQXJELFdBQVc7dUJBQUMsZUFBZTtnQkFJZ0IsY0FBYztzQkFBekQsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSVcsV0FBVztzQkFBbkQsV0FBVzt1QkFBQyxjQUFjO2dCQUszQixlQUFlO3NCQURkLFlBQVk7dUJBQUMsT0FBTztnQkFNckIsbUJBQW1CO3NCQURsQixZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEhvc3RMaXN0ZW5lcixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBRdWVyeUxpc3QsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgT25EZXN0cm95XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW50ZXJhY3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgQnV0dG9uVGhlbWUgfSBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgRHJvcGRvd25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcbmltcG9ydCB7IERyb3Bkb3duUG9zaXRpb24gfSBmcm9tICcuL3R5cGVzJztcblxuLyoqXG4gKiBUaGUgYERyb3Bkb3duQ29tcG9uZW50YCAoYDxpbXBkYy1kcm9wZG93bmAgb3IgYDxhbnkgaW1wZGMtZHJvcGRvd25gKSBjb250YWlucyBhIGJ1dHRvbiB0aGF0IHRvZ2dsZXMgYSBkcm9wZG93biB3aGVyZSBhIHVzZXJcbiAqIGNhbiBzZWxlY3QgdmFyaW91cyBhY3Rpb25zLiBJdGVtcyB3aXRoaW4gbXVzdCBiZSB3cmFwcGVkIHdpdGggYERyb3Bkb3duSXRlbUNvbXBvbmVudGAgKGA8aW1wZGMtZHJvcGRvd24taXRlbWApLlxuICogVG8gdXNlLCBpbXBvcnQgYERyb3Bkb3duTW9kdWxlYCBvciBhbm90aGVyIG1vZHVsZSB0aGF0IGltcG9ydHMgYW5kIGV4cG9ydHMgdGhhdCBtb2R1bGUgZnJvbSBgQGltcGFydG5lci9kZXNpZ24tY29tcG9uZW50c2AuXG4gKiBgRHJvcGRvd25Nb2R1bGVgIGltcG9ydHMgYW5kIGV4cG9ydHMgW0J1dHRvbk1vZHVsZV0oLi8/cGF0aD0vZG9jcy9kZXNpZ24tY29tcG9uZW50cy1idXR0b24pLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1kcm9wZG93biwgW2ltcGRjLWRyb3Bkb3duXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9pbnRlcmFjdGFibGVJZDogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogV2hldGhlciBvciBub3QgdGhlIGRyb3Bkb3duIGxpc3QgaXMgc2hvd2luZy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNob3c6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgcHJvamVjdGVkIGBEcm9wZG93bkl0ZW1Db21wb25lbnRgIGNoaWxkcmVuLlxuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihEcm9wZG93bkl0ZW1Db21wb25lbnQpXG4gIGl0ZW1zITogUXVlcnlMaXN0PERyb3Bkb3duSXRlbUNvbXBvbmVudD47XG5cbiAgLyoqXG4gICAqIFRoZSB0aGVtZSBvZiB0aGUgYnV0dG9uIGFmZmVjdGluZyB0ZXh0LCBpY29ucywgYmFja2dyb3VuZHMsIGFuZCBib3JkZXJzLlxuICAgKi9cbiAgQElucHV0KClcbiAgYnV0dG9uVGhlbWU6IEJ1dHRvblRoZW1lID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBUaGUgdGV4dCBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KClcbiAgYnV0dG9uVGV4dDogc3RyaW5nID0gJyc7XG5cbiAgLy8gd2UgZG9uJ3Qgd2FudCBoZWFkZXJUZXh0IHRvIGJlIGF2YWlsYWJsZSByaWdodCBub3dcbiAgLy8gQElucHV0KClcbiAgLy9oZWFkZXJUZXh0OiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogV2hlcmUgdGhlIGxpc3Qgc2hvd3MgcmVsYXRpdmUgdG8gdGhlIGJ1dHRvbiB3aGVuIGl0IGlzIHNob3dpbmcuXG4gICAqL1xuICBASW5wdXQoKVxuICBwb3NpdGlvbjogRHJvcGRvd25Qb3NpdGlvbiA9ICdkb3duJztcblxuICAvKipcbiAgICogSWYgdHJ1ZSwgdGhlIGljb24gaXMgc3BsaXQgZnJvbSB0aGUgYnV0dG9uIGFuZCBvbmx5IGNsaWNraW5nIHRoZSBpY29uIHRyaWdnZXJzIHRoZSBsaXN0IHNob3dpbmcvaGlkaW5nLlxuICAgKi9cbiAgQElucHV0KClcbiAgc3BsaXQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBkcm9wZG93biBpcyB0b2dnbGVkLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHRvZ2dsZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogRW1pdHRlZCB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tZ3JvdXAnKSBwcml2YXRlIGNsYXNzQnRuR3JvdXAgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZHJvcGRvd24nKSBwcml2YXRlIGdldCBjbGFzc0Ryb3Bkb3duKCkge1xuICAgIHJldHVybiB0aGlzLnBvc2l0aW9uID09PSAnZG93bic7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRyb3BlbmQnKSBwcml2YXRlIGdldCBjbGFzc0Ryb3BlbmQoKSB7XG4gICAgcmV0dXJuIHRoaXMucG9zaXRpb24gPT09ICdyaWdodCc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRyb3BzdGFydCcpIHByaXZhdGUgZ2V0IGNsYXNzRHJvcHN0YXJ0KCkge1xuICAgIHJldHVybiB0aGlzLnBvc2l0aW9uID09PSAnbGVmdCc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRyb3B1cCcpIHByaXZhdGUgZ2V0IGNsYXNzRHJvcHVwKCkge1xuICAgIHJldHVybiB0aGlzLnBvc2l0aW9uID09PSAndXAnO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBoYW5kbGVIb3N0Q2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snKVxuICBoYW5kbGVEb2N1bWVudENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNob3cpIHtcbiAgICAgIHRoaXMuaGlkZSgpO1xuICAgIH1cbiAgfVxuXG4gIGdldCBpbnRlcmFjdGFibGVJZCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9pbnRlcmFjdGFibGVJZDtcbiAgfVxuXG4gIGdldCB2YWxpZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbnRlcmFjdGFibGVJZCA+IDA7XG4gIH1cblxuICBnZXQgc2hvd24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMudmFsaWQgJiYgdGhpcy5zaG93O1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfaW50ZXJhY3Rpb25TZXJ2aWNlOiBJbnRlcmFjdGlvblNlcnZpY2UpIHtcbiAgICB0aGlzLl9pbnRlcmFjdGFibGVJZCA9IHRoaXMuX2ludGVyYWN0aW9uU2VydmljZS5hZGQodGhpcyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnRlcmFjdGlvblNlcnZpY2UucmVtb3ZlKHRoaXMuaW50ZXJhY3RhYmxlSWQpO1xuICAgIHRoaXMuX2ludGVyYWN0YWJsZUlkID0gMDtcbiAgfVxuXG4gIGhhbmRsZVRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3cgPSB0aGlzLl9pbnRlcmFjdGlvblNlcnZpY2UudG9nZ2xlKHRoaXMpO1xuICAgIHRoaXMudG9nZ2xlLmVtaXQodGhpcy5zaG93KTtcbiAgfVxuXG4gIGhhbmRsZUJ1dHRvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIGhpZGUoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgdGhpcy50b2dnbGUuZW1pdCh0aGlzLnNob3cpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWxpbmtFbC5jaGlsZHJlbi5sZW5ndGhcIj5cbiAgPGJ1dHRvblxuICAgICpuZ0lmPVwiIXNwbGl0OyBlbHNlIHNwbGl0VGVtcGxhdGVcIlxuICAgIGltcGRjQnV0dG9uXG4gICAgW3RoZW1lXT1cImJ1dHRvblRoZW1lXCJcbiAgICBbdGV4dF09XCJidXR0b25UZXh0XCJcbiAgICBjbGFzcz1cImRyb3Bkb3duLXRvZ2dsZVwiXG4gICAgW2NsYXNzLnNob3ddPVwic2hvd1wiXG4gICAgZGF0YS1icy10b2dnbGU9XCJkcm9wZG93blwiXG4gICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJzaG93XCJcbiAgICAoY2xpY2spPVwiaGFuZGxlVG9nZ2xlKCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPjwvYnV0dG9uPlxuXG4gIDxuZy10ZW1wbGF0ZSAjc3BsaXRUZW1wbGF0ZT5cbiAgICA8YnV0dG9uXG4gICAgICBpbXBkY0J1dHRvblxuICAgICAgW3RoZW1lXT1cImJ1dHRvblRoZW1lXCJcbiAgICAgIFt0ZXh0XT1cImJ1dHRvblRleHRcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUJ1dHRvbkNsaWNrKCRldmVudClcIj48L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICBpbXBkY0J1dHRvblxuICAgICAgW3RoZW1lXT1cImJ1dHRvblRoZW1lXCJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24tdG9nZ2xlIGRyb3Bkb3duLXRvZ2dsZS1zcGxpdFwiXG4gICAgICBbY2xhc3Muc2hvd109XCJzaG93XCJcbiAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwic2hvd1wiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlVG9nZ2xlKCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj5Ub2dnbGUgRHJvcGRvd248L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cblxuPHVsXG4gIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gIFtjbGFzcy5kcm9wZG93bi1tZW51LWVuZF09XCJmYWxzZVwiXG4gIFtjbGFzcy5zaG93XT1cInNob3dcIlxuICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG4gIDwhLS0gPGxpICpuZ0lmPVwiaGVhZGVyVGV4dFwiPlxuICAgIDxoNiBjbGFzcz1cImRyb3Bkb3duLWhlYWRlclwiPnt7IGhlYWRlclRleHQgfX08L2g2PlxuICA8L2xpPiAtLT5cbiAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgPHNwYW4gKm5nSWY9XCIhaXRlbS5kaXZpZGVyOyBlbHNlIGRpdmlkZXJUZW1wbGF0ZVwiIGNsYXNzPVwiZHJvcGRvd24taXRlbVwiPlxuICAgICAgPG5nLWNvbnRlbnQgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtLnRlbXBsYXRlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgPC9saT5cbjwvdWw+XG5cbjxuZy10ZW1wbGF0ZSAjZGl2aWRlclRlbXBsYXRlPlxuICA8aHIgY2xhc3M9XCJkcm9wZG93bi1kaXZpZGVyXCIgLz5cbjwvbmctdGVtcGxhdGU+XG5cbjxhXG4gICNsaW5rRWxcbiAgY2xhc3M9XCJpbXBkYy1kcm9wZG93bi1saW5rXCJcbiAgW2NsYXNzLmhpZGVdPVwiIWxpbmtFbC5jaGlsZHJlbi5sZW5ndGhcIlxuICBbY2xhc3MuaW1wZGMtZHJvcGRvd24tb3Blbl09XCJzaG93XCJcbiAgZGF0YS1icy10b2dnbGU9XCJkcm9wZG93blwiXG4gIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwic2hvd1wiXG4gIChjbGljayk9XCJoYW5kbGVUb2dnbGUoKTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0b2dnbGVdXCI+PC9uZy1jb250ZW50PlxuPC9hPlxuIl19

package/esm2020/lib/dropdown/dropdown.module.mjs

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ButtonModule } from '../button';
+import { DropdownComponent } from './dropdown.component';
+import { DropdownItemComponent } from './components';
+import * as i0 from "@angular/core";
+export class DropdownModule {
+    constructor() { }
+}
+DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, declarations: [DropdownItemComponent, DropdownComponent], imports: [CommonModule, ButtonModule], exports: [ButtonModule, DropdownItemComponent, DropdownComponent] });
+DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, imports: [CommonModule, ButtonModule, ButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ButtonModule],
+                    declarations: [DropdownItemComponent, DropdownComponent],
+                    exports: [ButtonModule, DropdownItemComponent, DropdownComponent]
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBT3JELE1BQU0sT0FBTyxjQUFjO0lBQ3pCLGdCQUFlLENBQUM7OzRHQURMLGNBQWM7NkdBQWQsY0FBYyxpQkFIVixxQkFBcUIsRUFBRSxpQkFBaUIsYUFEN0MsWUFBWSxFQUFFLFlBQVksYUFFMUIsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGlCQUFpQjs2R0FFckQsY0FBYyxZQUpmLFlBQVksRUFBRSxZQUFZLEVBRTFCLFlBQVk7NEZBRVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDO29CQUNyQyxZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxpQkFBaUIsQ0FBQztvQkFDeEQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGlCQUFpQixDQUFDO2lCQUNsRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJvcGRvd25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnV0dG9uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbRHJvcGRvd25JdGVtQ29tcG9uZW50LCBEcm9wZG93bkNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtCdXR0b25Nb2R1bGUsIERyb3Bkb3duSXRlbUNvbXBvbmVudCwgRHJvcGRvd25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duTW9kdWxlIHtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19

package/esm2020/lib/dropdown/index.mjs

@@ -0,0 +1,5 @@
+export * from './types';
+export { DropdownItemComponent } from './components/dropdown-item/dropdown-item.component';
+export { DropdownComponent } from './dropdown.component';
+export { DropdownModule } from './dropdown.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2Ryb3Bkb3duL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdHlwZXMnO1xuZXhwb3J0IHsgRHJvcGRvd25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2Ryb3Bkb3duLWl0ZW0vZHJvcGRvd24taXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEcm9wZG93bk1vZHVsZSB9IGZyb20gJy4vZHJvcGRvd24ubW9kdWxlJztcbiJdfQ==

package/esm2020/lib/dropdown/types/dropdown-position.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tcG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2Ryb3Bkb3duL3R5cGVzL2Ryb3Bkb3duLXBvc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBEcm9wZG93blBvc2l0aW9uID0gJ2Rvd24nIHwgJ3JpZ2h0JyB8ICdsZWZ0JyB8ICd1cCc7XG4iXX0=

package/esm2020/lib/dropdown/types/index.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2Ryb3Bkb3duL3R5cGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEcm9wZG93blBvc2l0aW9uIH0gZnJvbSAnLi9kcm9wZG93bi1wb3NpdGlvbic7XG4iXX0=

package/esm2020/lib/file-upload/directives/file-drop.directive.mjs

@@ -0,0 +1,50 @@
+import { Directive, Output, EventEmitter, HostBinding, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FileDropDirective {
+    constructor() {
+        this.fileHovering = false;
+        this.filesDropped = new EventEmitter();
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.fileHovering = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.fileHovering = false;
+    }
+    OnDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.fileHovering = false;
+        let fileList = event.dataTransfer?.files;
+        if (fileList) {
+            this.filesDropped.emit(fileList);
+        }
+    }
+}
+FileDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: FileDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FileDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: FileDropDirective, selector: "[impdcFileDrop]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "OnDrop($event)" }, properties: { "class.file-hover": "this.fileHovering" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: FileDropDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[impdcFileDrop]'
+                }]
+        }], propDecorators: { fileHovering: [{
+                type: HostBinding,
+                args: ['class.file-hover']
+            }], filesDropped: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], OnDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kcm9wLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZmlsZS11cGxvYWQvZGlyZWN0aXZlcy9maWxlLWRyb3AuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNiLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8saUJBQWlCO0lBSDlCO1FBS0UsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFcEIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO0tBdUJ2RDtJQXJCdUMsVUFBVSxDQUFDLEtBQWdCO1FBQy9ELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUU2QyxXQUFXLENBQUMsS0FBZ0I7UUFDeEUsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRXdDLE1BQU0sQ0FBQyxLQUFnQjtRQUM5RCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksUUFBUSxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQ3pDLElBQUksUUFBUSxFQUFFO1lBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDbEM7SUFDSCxDQUFDOzsrR0ExQlUsaUJBQWlCO21HQUFqQixpQkFBaUI7NEZBQWpCLGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4QkFHQyxZQUFZO3NCQURYLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUdyQixZQUFZO3NCQUFyQixNQUFNO2dCQUUrQixVQUFVO3NCQUEvQyxZQUFZO3VCQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNVSxXQUFXO3NCQUF4RCxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNSSxNQUFNO3NCQUE5QyxZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tpbXBkY0ZpbGVEcm9wXSdcbn0pXG5leHBvcnQgY2xhc3MgRmlsZURyb3BEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZpbGUtaG92ZXInKVxuICBmaWxlSG92ZXJpbmc6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgZmlsZXNEcm9wcGVkID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlTGlzdD4oKTtcblxuICBASG9zdExpc3RlbmVyKCdkcmFnb3ZlcicsIFsnJGV2ZW50J10pIG9uRHJhZ092ZXIoZXZlbnQ6IERyYWdFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5maWxlSG92ZXJpbmcgPSB0cnVlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZHJhZ2xlYXZlJywgWyckZXZlbnQnXSkgcHVibGljIG9uRHJhZ0xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuZmlsZUhvdmVyaW5nID0gZmFsc2U7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcm9wJywgWyckZXZlbnQnXSkgcHVibGljIE9uRHJvcChldmVudDogRHJhZ0V2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmZpbGVIb3ZlcmluZyA9IGZhbHNlO1xuICAgIGxldCBmaWxlTGlzdCA9IGV2ZW50LmRhdGFUcmFuc2Zlcj8uZmlsZXM7XG4gICAgaWYgKGZpbGVMaXN0KSB7XG4gICAgICB0aGlzLmZpbGVzRHJvcHBlZC5lbWl0KGZpbGVMaXN0KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/file-upload/directives/index.mjs

@@ -0,0 +1,2 @@
+export { FileDropDirective } from './file-drop.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2ZpbGUtdXBsb2FkL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBGaWxlRHJvcERpcmVjdGl2ZSB9IGZyb20gJy4vZmlsZS1kcm9wLmRpcmVjdGl2ZSc7XG4iXX0=