@datarailsshared/datarailsshared 1.4.202 → 1.4.204-rocket

package/esm2022/lib/dr-accordion/accordion-item.component.mjs

@@ -0,0 +1,138 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Host, HostBinding, Input, Output, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { DrAccordionComponent } from './accordion.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion.component";
+export class DrAccordionItemComponent {
+    /**
+     * Item is collapse (`true` by default)
+     *
+     * @type {boolean}
+     */
+    get collapsed() {
+        return this.collapsedValue;
+    }
+    set collapsed(val) {
+        this.collapsedValue = !!val;
+        this.collapsedChange.emit(this.collapsedValue);
+        this.invalidate();
+    }
+    /**
+     * Item is expanded (`false` by default)
+     */
+    get expanded() {
+        return !this.collapsed;
+    }
+    set expanded(val) {
+        this.collapsedValue = !val;
+    }
+    /**
+     * Item is disabled and cannot be opened.
+     *
+     * @type {boolean}
+     */
+    get disabled() {
+        return this.disabledValue;
+    }
+    set disabled(val) {
+        this.disabledValue = !!val;
+        this.invalidate();
+    }
+    constructor(accordion, cd) {
+        this.accordion = accordion;
+        this.cd = cd;
+        /**
+         * Emits whenever the expanded state of the accordion changes.
+         * Primarily used to facilitate two-way binding.
+         */
+        this.collapsedChange = new EventEmitter();
+        this.accordionItemInvalidate = new Subject();
+        this.collapsedValue = true;
+        this.disabledValue = false;
+        this.destroy$ = new Subject();
+    }
+    /**
+     * Open/close the item
+     */
+    toggle() {
+        if (!this.disabled) {
+            // we need this temporary variable as `openCloseItems.next` will change current value we need to save
+            const willSet = !this.collapsed;
+            if (!this.accordion.multi) {
+                this.accordion.openCloseItems.next(true);
+            }
+            this.collapsed = willSet;
+        }
+    }
+    /**
+     * Open the item.
+     */
+    open() {
+        if (!this.disabled) {
+            this.collapsed = false;
+        }
+    }
+    /**
+     * Collapse the item.
+     */
+    close() {
+        if (!this.disabled) {
+            this.collapsed = true;
+        }
+    }
+    ngOnInit() {
+        this.accordion.openCloseItems.pipe(takeUntil(this.destroy$)).subscribe(collapsed => {
+            if (!this.disabled) {
+                this.collapsed = collapsed;
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        this.accordionItemInvalidate.next(true);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.accordionItemInvalidate.complete();
+    }
+    invalidate() {
+        this.accordionItemInvalidate.next(true);
+        this.cd.markForCheck();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionItemComponent, deps: [{ token: i1.DrAccordionComponent, host: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrAccordionItemComponent, selector: "dr-accordion-item", inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, host: { properties: { "class.collapsed": "this.collapsed", "class.expanded": "this.expanded", "class.disabled": "this.disabled" } }, usesOnChanges: true, ngImport: i0, template: `
+        <ng-content select="dr-accordion-item-header"></ng-content>
+        <ng-content select="dr-accordion-item-body"></ng-content>
+    `, isInline: true, styles: [":host{background-color:#fff;color:#222b45;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dr-accordion-item', template: `
+        <ng-content select="dr-accordion-item-header"></ng-content>
+        <ng-content select="dr-accordion-item-body"></ng-content>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{background-color:#fff;color:#222b45;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DrAccordionComponent, decorators: [{
+                    type: Host
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { collapsed: [{
+                type: Input,
+                args: ['collapsed']
+            }, {
+                type: HostBinding,
+                args: ['class.collapsed']
+            }], expanded: [{
+                type: Input,
+                args: ['expanded']
+            }, {
+                type: HostBinding,
+                args: ['class.expanded']
+            }], disabled: [{
+                type: Input,
+                args: ['disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.disabled']
+            }], collapsedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLElBQUksRUFDSixXQUFXLEVBQ1gsS0FBSyxFQUlMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBVzdELE1BQU0sT0FBTyx3QkFBd0I7SUFFakM7Ozs7T0FJRztJQUNILElBRUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBSSxTQUFTLENBQUMsR0FBWTtRQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQy9DLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBSUQ7O09BRUc7SUFDSCxJQUVJLFFBQVE7UUFDUixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsR0FBWTtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsR0FBRyxDQUFDO0lBQy9CLENBQUM7SUFJRDs7OztPQUlHO0lBQ0gsSUFFSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENB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QWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEckFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0nLFxuICAgIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS1ib2R5XCI+PC9uZy1jb250ZW50PlxuICAgIGAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuXG4gICAgLyoqXG4gICAgICogSXRlbSBpcyBjb2xsYXBzZSAoYHRydWVgIGJ5IGRlZmF1bHQpXG4gICAgICpcbiAgICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICAgKi9cbiAgICBASW5wdXQoJ2NvbGxhcHNlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb2xsYXBzZWQnKVxuICAgIGdldCBjb2xsYXBzZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbGxhcHNlZFZhbHVlO1xuICAgIH1cblxuICAgIHNldCBjb2xsYXBzZWQodmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuY29sbGFwc2VkVmFsdWUgPSAhIXZhbDtcbiAgICAgICAgdGhpcy5jb2xsYXBzZWRDaGFuZ2UuZW1pdCh0aGlzLmNvbGxhcHNlZFZhbHVlKTtcbiAgICAgICAgdGhpcy5pbnZhbGlkYXRlKCk7XG4gICAgfVxuXG4gICAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2NvbGxhcHNlZDogYW55O1xuXG4gICAgLyoqXG4gICAgICogSXRlbSBpcyBleHBhbmRlZCAoYGZhbHNlYCBieSBkZWZhdWx0KVxuICAgICAqL1xuICAgIEBJbnB1dCgnZXhwYW5kZWQnKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBzZXQgZXhwYW5kZWQodmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuY29sbGFwc2VkVmFsdWUgPSAhdmFsO1xuICAgIH1cblxuICAgIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9leHBhbmRlZDogYW55O1xuXG4gICAgLyoqXG4gICAgICogSXRlbSBpcyBkaXNhYmxlZCBhbmQgY2Fubm90IGJlIG9wZW5lZC5cbiAgICAgKlxuICAgICAqIEB0eXBlIHtib29sZWFufVxuICAgICAqL1xuICAgIEBJbnB1dCgnZGlzYWJsZWQnKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKVxuICAgIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWRWYWx1ZTtcbiAgICB9XG5cbiAgICBzZXQgZGlzYWJsZWQodmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuZGlzYWJsZWRWYWx1ZSA9ICEhdmFsO1xuICAgICAgICB0aGlzLmludmFsaWRhdGUoKTtcbiAgICB9XG5cbiAgICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfZGlzYWJsZWQ6IGFueTtcblxuICAgIC8qKlxuICAgICAqIEVtaXRzIHdoZW5ldmVyIHRoZSBleHBhbmRlZCBzdGF0ZSBvZiB0aGUgYWNjb3JkaW9uIGNoYW5nZXMuXG4gICAgICogUHJpbWFyaWx5IHVzZWQgdG8gZmFjaWxpdGF0ZSB0d28td2F5IGJpbmRpbmcuXG4gICAgICovXG4gICAgQE91dHB1dCgpIGNvbGxhcHNlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgIGFjY29yZGlvbkl0ZW1JbnZhbGlkYXRlID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICAgIHByaXZhdGUgY29sbGFwc2VkVmFsdWUgPSB0cnVlO1xuICAgIHByaXZhdGUgZGlzYWJsZWRWYWx1ZSA9IGZhbHNlO1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IoQEhvc3QoKSBwcml2YXRlIGFjY29yZGlvbjogRHJBY2NvcmRpb25Db21wb25lbnQsIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogT3Blbi9jbG9zZSB0aGUgaXRlbVxuICAgICAqL1xuICAgIHRvZ2dsZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICAvLyB3ZSBuZWVkIHRoaXMgdGVtcG9yYXJ5IHZhcmlhYmxlIGFzIGBvcGVuQ2xvc2VJdGVtcy5uZXh0YCB3aWxsIGNoYW5nZSBjdXJyZW50IHZhbHVlIHdlIG5lZWQgdG8gc2F2ZVxuICAgICAgICAgICAgY29uc3Qgd2lsbFNldCA9ICF0aGlzLmNvbGxhcHNlZDtcblxuICAgICAgICAgICAgaWYgKCF0aGlzLmFjY29yZGlvbi5tdWx0aSkge1xuICAgICAgICAgICAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5DbG9zZUl0ZW1zLm5leHQodHJ1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLmNvbGxhcHNlZCA9IHdpbGxTZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBPcGVuIHRoZSBpdGVtLlxuICAgICAqL1xuICAgIG9wZW4oKSB7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5jb2xsYXBzZWQgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENvbGxhcHNlIHRoZSBpdGVtLlxuICAgICAqL1xuICAgIGNsb3NlKCkge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuY29sbGFwc2VkID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmFjY29yZGlvbi5vcGVuQ2xvc2VJdGVtcy5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKGNvbGxhcHNlZCA9PiB7XG4gICAgICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbGxhcHNlZCA9IGNvbGxhcHNlZDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgICAgICB0aGlzLmFjY29yZGlvbkl0ZW1JbnZhbGlkYXRlLm5leHQodHJ1ZSk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbUludmFsaWRhdGUuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGludmFsaWRhdGUoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbUludmFsaWRhdGUubmV4dCh0cnVlKTtcbiAgICAgICAgdGhpcy5jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/dr-accordion/accordion.component.mjs

@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class DrAccordionComponent {
+    constructor() {
+        this.openCloseItems = new Subject();
+        this.multiValue = false;
+    }
+    /**
+     *  Allow multiple items to be expanded at the same time.
+     */
+    get multi() {
+        return this.multiValue;
+    }
+    set multi(val) {
+        this.multiValue = !!val;
+    }
+    /**
+     * Opens all enabled accordion items.
+     */
+    openAll() {
+        if (this.multi) {
+            this.openCloseItems.next(false);
+        }
+    }
+    /**
+     * Closes all enabled accordion items.
+     */
+    closeAll() {
+        this.openCloseItems.next(true);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrAccordionComponent, selector: "dr-accordion", inputs: { multi: "multi" }, ngImport: i0, template: '<ng-content select="dr-accordion-item"></ng-content>', isInline: true, styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dr-accordion', template: '<ng-content select="dr-accordion-item"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}\n"] }]
+        }], propDecorators: { multi: [{
+                type: Input,
+                args: ['multi']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBUS9CLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFRSSxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFXLENBQUM7UUFjaEMsZUFBVSxHQUFHLEtBQUssQ0FBQztLQWlCOUI7SUE3Qkc7O09BRUc7SUFDSCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEdBQVk7UUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQzVCLENBQUM7SUFJRDs7T0FFRztJQUNILE9BQU87UUFDSCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNuQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO2lJQWhDUSxvQkFBb0I7cUhBQXBCLG9CQUFvQixnRkFKbkIsc0RBQXNEOzsyRkFJdkQsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNJLGNBQWMsWUFDZCxzREFBc0QsbUJBRS9DLHVCQUF1QixDQUFDLE1BQU07OEJBVTNDLEtBQUs7c0JBRFIsS0FBSzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1hY2NvcmRpb24nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItYWNjb3JkaW9uLWl0ZW1cIj48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25Db21wb25lbnQge1xuICAgIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9tdWx0aTogYW55O1xuICAgIG9wZW5DbG9zZUl0ZW1zID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICAgIC8qKlxuICAgICAqICBBbGxvdyBtdWx0aXBsZSBpdGVtcyB0byBiZSBleHBhbmRlZCBhdCB0aGUgc2FtZSB0aW1lLlxuICAgICAqL1xuICAgIEBJbnB1dCgnbXVsdGknKVxuICAgIGdldCBtdWx0aSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubXVsdGlWYWx1ZTtcbiAgICB9XG5cbiAgICBzZXQgbXVsdGkodmFsOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMubXVsdGlWYWx1ZSA9ICEhdmFsO1xuICAgIH1cblxuICAgIHByaXZhdGUgbXVsdGlWYWx1ZSA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogT3BlbnMgYWxsIGVuYWJsZWQgYWNjb3JkaW9uIGl0ZW1zLlxuICAgICAqL1xuICAgIG9wZW5BbGwoKSB7XG4gICAgICAgIGlmICh0aGlzLm11bHRpKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5DbG9zZUl0ZW1zLm5leHQoZmFsc2UpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ2xvc2VzIGFsbCBlbmFibGVkIGFjY29yZGlvbiBpdGVtcy5cbiAgICAgKi9cbiAgICBjbG9zZUFsbCgpIHtcbiAgICAgICAgdGhpcy5vcGVuQ2xvc2VJdGVtcy5uZXh0KHRydWUpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/dr-accordion/accordion.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DrAccordionComponent } from './accordion.component';
+import { DrAccordionItemComponent } from './accordion-item.component';
+import { DrAccordionItemHeaderComponent } from './accordion-item-header.component';
+import { DrAccordionItemBodyComponent } from './accordion-item-body.component';
+import * as i0 from "@angular/core";
+const DR_ACCORDION_COMPONENTS = [
+    DrAccordionComponent,
+    DrAccordionItemComponent,
+    DrAccordionItemHeaderComponent,
+    DrAccordionItemBodyComponent,
+];
+export class DrAccordionModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionModule, declarations: [DrAccordionComponent,
+            DrAccordionItemComponent,
+            DrAccordionItemHeaderComponent,
+            DrAccordionItemBodyComponent], imports: [CommonModule], exports: [DrAccordionComponent,
+            DrAccordionItemComponent,
+            DrAccordionItemHeaderComponent,
+            DrAccordionItemBodyComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [...DR_ACCORDION_COMPONENTS],
+                    declarations: [...DR_ACCORDION_COMPONENTS],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUUvRSxNQUFNLHVCQUF1QixHQUFHO0lBQzVCLG9CQUFvQjtJQUNwQix3QkFBd0I7SUFDeEIsOEJBQThCO0lBQzlCLDRCQUE0QjtDQUMvQixDQUFDO0FBUUYsTUFBTSxPQUFPLGlCQUFpQjtpSUFBakIsaUJBQWlCO2tJQUFqQixpQkFBaUIsaUJBWjFCLG9CQUFvQjtZQUNwQix3QkFBd0I7WUFDeEIsOEJBQThCO1lBQzlCLDRCQUE0QixhQUlsQixZQUFZLGFBUHRCLG9CQUFvQjtZQUNwQix3QkFBd0I7WUFDeEIsOEJBQThCO1lBQzlCLDRCQUE0QjtrSUFTbkIsaUJBQWlCLFlBTGhCLFlBQVk7OzJGQUtiLGlCQUFpQjtrQkFON0IsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLEdBQUcsdUJBQXVCLENBQUM7b0JBQ3JDLFlBQVksRUFBRSxDQUFDLEdBQUcsdUJBQXVCLENBQUM7b0JBQzFDLFNBQVMsRUFBRSxFQUFFO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRHJBY2NvcmRpb25Db21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJBY2NvcmRpb25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUJvZHlDb21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi1pdGVtLWJvZHkuY29tcG9uZW50JztcblxuY29uc3QgRFJfQUNDT1JESU9OX0NPTVBPTkVOVFMgPSBbXG4gICAgRHJBY2NvcmRpb25Db21wb25lbnQsXG4gICAgRHJBY2NvcmRpb25JdGVtQ29tcG9uZW50LFxuICAgIERyQWNjb3JkaW9uSXRlbUhlYWRlckNvbXBvbmVudCxcbiAgICBEckFjY29yZGlvbkl0ZW1Cb2R5Q29tcG9uZW50LFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgICBleHBvcnRzOiBbLi4uRFJfQUNDT1JESU9OX0NPTVBPTkVOVFNdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLkRSX0FDQ09SRElPTl9DT01QT05FTlRTXSxcbiAgICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBEckFjY29yZGlvbk1vZHVsZSB7XG59XG4iXX0=

package/esm2022/lib/dr-avatar/dr-avatar.component.mjs

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/legacy-tooltip";
+import * as i2 from "../dr-tooltip/dr-tooltip.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "./dr-avatar.pipe";
+export class DrAvatarComponent {
+    set users(users) {
+        if (users) {
+            this.parsedUsers = Array.isArray(users) ? users : [users];
+            this.parsedUsers.forEach((user, index) => {
+                if (!user.colorNumber) {
+                    user.colorNumber = index % 5;
+                }
+            });
+        }
+    }
+    constructor() {
+        this.warning = false;
+        this.showUnassigned = false;
+        this.userClicked = new EventEmitter();
+        this.parsedUsers = [];
+    }
+    getFirstUsers() {
+        return this.parsedUsers.slice(0, 2);
+    }
+    getLastUsers() {
+        if (this.parsedUsers.length > 2) {
+            return this.parsedUsers.slice(2, this.parsedUsers.length - 1);
+        }
+        return [];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrAvatarComponent, selector: "dr-avatar", inputs: { users: "users", warning: "warning", showUnassigned: "showUnassigned" }, outputs: { userClicked: "userClicked" }, ngImport: i0, template: "<div class=\"users-section\">\n    <div *ngIf=\"!parsedUsers.length\"\n         class=\"users-section__default\">\n    </div>\n\n    <div *ngFor=\"let user of getFirstUsers()\"\n         class=\"users-section__user\"\n         [class]=\"'icon-' + user.colorNumber + ' ' + user.status\"\n         [ngClass]=\"{ 'users-section__default': showUnassigned && !user.email }\"\n         (click)=\"userClicked.emit()\"\n         [matTooltip]=\"user | drAvatar\"\n         [matTooltipPosition]=\"'below'\">\n        {{user | drAvatar: 'initials'}}\n    </div>\n\n    <div *ngIf=\"parsedUsers.length > 2\"\n         class=\"users-section__user icon-2\"\n         [drTooltip]=\"usersTemplate\"\n         [drTooltipPosition]=\"'bottom'\">\n        {{getLastUsers().length}}\n    </div>\n</div>\n\n<ng-template #usersTemplate>\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\n        <div class=\"users-section__user\"\n             (click)=\"userClicked.emit()\"\n             [class]=\"user.class\">\n            {{user | drAvatar: 'initials'}}\n        </div>\n        <span class=\"username\">\n               {{user | drAvatar}}\n        </span>\n    </div>\n</ng-template>\n", styles: [":host{width:auto}.users-section{display:flex;height:28px}.users-section__default{display:flex;height:28px;width:28px;border-radius:14px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:14px;background:red;color:#fff;font-size:12px}.users-section__user.icon-0{background-color:#7b61ff}.users-section__user.icon-1{background-color:#21b8f1}.users-section__user.icon-2{background-color:#2969b0}.users-section__user.icon-3{background-color:#51566f}.users-section__user.icon-4{background-color:#0061ff}.users-section__user:hover{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.online:after,.users-section__user.offline:after,.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online:after{background:#03a678}.users-section__user.offline:after{background:#de2833}.users-section__user.warning:after{background:#fda014}\n"], dependencies: [{ kind: "directive", type: i1.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i2.DrTooltipDirective, selector: "[drTooltip]", inputs: ["drTooltip", "drTooltipContext", "drTooltipPosition", "drTooltipClass", "drTooltipMousleaveTimeout", "drTooltipOptions", "drTooltipShow"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.DrAvatarPipe, name: "drAvatar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dr-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"users-section\">\n    <div *ngIf=\"!parsedUsers.length\"\n         class=\"users-section__default\">\n    </div>\n\n    <div *ngFor=\"let user of getFirstUsers()\"\n         class=\"users-section__user\"\n         [class]=\"'icon-' + user.colorNumber + ' ' + user.status\"\n         [ngClass]=\"{ 'users-section__default': showUnassigned && !user.email }\"\n         (click)=\"userClicked.emit()\"\n         [matTooltip]=\"user | drAvatar\"\n         [matTooltipPosition]=\"'below'\">\n        {{user | drAvatar: 'initials'}}\n    </div>\n\n    <div *ngIf=\"parsedUsers.length > 2\"\n         class=\"users-section__user icon-2\"\n         [drTooltip]=\"usersTemplate\"\n         [drTooltipPosition]=\"'bottom'\">\n        {{getLastUsers().length}}\n    </div>\n</div>\n\n<ng-template #usersTemplate>\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\n        <div class=\"users-section__user\"\n             (click)=\"userClicked.emit()\"\n             [class]=\"user.class\">\n            {{user | drAvatar: 'initials'}}\n        </div>\n        <span class=\"username\">\n               {{user | drAvatar}}\n        </span>\n    </div>\n</ng-template>\n", styles: [":host{width:auto}.users-section{display:flex;height:28px}.users-section__default{display:flex;height:28px;width:28px;border-radius:14px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:14px;background:red;color:#fff;font-size:12px}.users-section__user.icon-0{background-color:#7b61ff}.users-section__user.icon-1{background-color:#21b8f1}.users-section__user.icon-2{background-color:#2969b0}.users-section__user.icon-3{background-color:#51566f}.users-section__user.icon-4{background-color:#0061ff}.users-section__user:hover{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.online:after,.users-section__user.offline:after,.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online:after{background:#03a678}.users-section__user.offline:after{background:#de2833}.users-section__user.warning:after{background:#fda014}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { users: [{
+                type: Input
+            }], warning: [{
+                type: Input
+            }], showUnassigned: [{
+                type: Input
+            }], userClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWF2YXRhci9kci1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYXZhdGFyL2RyLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRaEcsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixJQUFhLEtBQUssQ0FBQyxLQUFrQjtRQUNqQyxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFELElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtvQkFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO2lCQUNoQztZQUNMLENBQUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBT0Q7UUFMUyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLGdCQUFXLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbkUsZ0JBQVcsR0FBVSxFQUFFLENBQUM7SUFHeEIsQ0FBQztJQUVELGFBQWE7UUFDVCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzdCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ2pFO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDO2lJQTdCUSxpQkFBaUI7cUhBQWpCLGlCQUFpQiw0S0NSOUIsK3FDQW1DQTs7MkZEM0JhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07MEVBR2xDLEtBQUs7c0JBQWpCLEtBQUs7Z0JBV0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWF2YXRhcicsXG4gICAgdGVtcGxhdGVVcmw6ICdkci1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydkci1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEckF2YXRhckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2V0IHVzZXJzKHVzZXJzOiBhbnlbXSB8IGFueSkge1xuICAgICAgICBpZiAodXNlcnMpIHtcbiAgICAgICAgICAgIHRoaXMucGFyc2VkVXNlcnMgPSBBcnJheS5pc0FycmF5KHVzZXJzKSA/IHVzZXJzIDogW3VzZXJzXTtcbiAgICAgICAgICAgIHRoaXMucGFyc2VkVXNlcnMuZm9yRWFjaCgodXNlciwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoIXVzZXIuY29sb3JOdW1iZXIpIHtcbiAgICAgICAgICAgICAgICAgICAgdXNlci5jb2xvck51bWJlciA9IGluZGV4ICUgNTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBJbnB1dCgpIHdhcm5pbmcgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzaG93VW5hc3NpZ25lZCA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSB1c2VyQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgICBwYXJzZWRVc2VyczogYW55W10gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgIH1cblxuICAgIGdldEZpcnN0VXNlcnMoKTogYW55W10ge1xuICAgICAgICByZXR1cm4gdGhpcy5wYXJzZWRVc2Vycy5zbGljZSgwLCAyKTtcbiAgICB9XG5cbiAgICBnZXRMYXN0VXNlcnMoKTogYW55W10ge1xuICAgICAgICBpZiAodGhpcy5wYXJzZWRVc2Vycy5sZW5ndGggPiAyKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5wYXJzZWRVc2Vycy5zbGljZSgyLCB0aGlzLnBhcnNlZFVzZXJzLmxlbmd0aCAtIDEpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbXTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidXNlcnMtc2VjdGlvblwiPlxuICAgIDxkaXYgKm5nSWY9XCIhcGFyc2VkVXNlcnMubGVuZ3RoXCJcbiAgICAgICAgIGNsYXNzPVwidXNlcnMtc2VjdGlvbl9fZGVmYXVsdFwiPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgdXNlciBvZiBnZXRGaXJzdFVzZXJzKClcIlxuICAgICAgICAgY2xhc3M9XCJ1c2Vycy1zZWN0aW9uX191c2VyXCJcbiAgICAgICAgIFtjbGFzc109XCInaWNvbi0nICsgdXNlci5jb2xvck51bWJlciArICcgJyArIHVzZXIuc3RhdHVzXCJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3VzZXJzLXNlY3Rpb25fX2RlZmF1bHQnOiBzaG93VW5hc3NpZ25lZCAmJiAhdXNlci5lbWFpbCB9XCJcbiAgICAgICAgIChjbGljayk9XCJ1c2VyQ2xpY2tlZC5lbWl0KClcIlxuICAgICAgICAgW21hdFRvb2x0aXBdPVwidXNlciB8IGRyQXZhdGFyXCJcbiAgICAgICAgIFttYXRUb29sdGlwUG9zaXRpb25dPVwiJ2JlbG93J1wiPlxuICAgICAgICB7e3VzZXIgfCBkckF2YXRhcjogJ2luaXRpYWxzJ319XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwicGFyc2VkVXNlcnMubGVuZ3RoID4gMlwiXG4gICAgICAgICBjbGFzcz1cInVzZXJzLXNlY3Rpb25fX3VzZXIgaWNvbi0yXCJcbiAgICAgICAgIFtkclRvb2x0aXBdPVwidXNlcnNUZW1wbGF0ZVwiXG4gICAgICAgICBbZHJUb29sdGlwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIj5cbiAgICAgICAge3tnZXRMYXN0VXNlcnMoKS5sZW5ndGh9fVxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjdXNlcnNUZW1wbGF0ZT5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCB1c2VyIG9mIGdldExhc3RVc2VycygpXCIgY2xhc3M9XCJ1c2Vycy1wb3BvdmVyLWl0ZW1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVzZXJzLXNlY3Rpb25fX3VzZXJcIlxuICAgICAgICAgICAgIChjbGljayk9XCJ1c2VyQ2xpY2tlZC5lbWl0KClcIlxuICAgICAgICAgICAgIFtjbGFzc109XCJ1c2VyLmNsYXNzXCI+XG4gICAgICAgICAgICB7e3VzZXIgfCBkckF2YXRhcjogJ2luaXRpYWxzJ319XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInVzZXJuYW1lXCI+XG4gICAgICAgICAgICAgICB7e3VzZXIgfCBkckF2YXRhcn19XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/dr-avatar/dr-avatar.module.mjs

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { DrAvatarComponent } from './dr-avatar.component';
+import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
+import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
+import { CommonModule } from '@angular/common';
+import { DrAvatarPipe } from './dr-avatar.pipe';
+import * as i0 from "@angular/core";
+export class DrAvatarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarModule, declarations: [DrAvatarComponent,
+            DrAvatarPipe], imports: [MatTooltipModule,
+            DrTooltipModule,
+            CommonModule], exports: [DrAvatarComponent,
+            DrAvatarPipe] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarModule, imports: [MatTooltipModule,
+            DrTooltipModule,
+            CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DrAvatarComponent,
+                        DrAvatarPipe
+                    ],
+                    exports: [
+                        DrAvatarComponent,
+                        DrAvatarPipe
+                    ],
+                    imports: [
+                        MatTooltipModule,
+                        DrTooltipModule,
+                        CommonModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWF2YXRhci9kci1hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixJQUFJLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDOUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBa0JoRCxNQUFNLE9BQU8sY0FBYztpSUFBZCxjQUFjO2tJQUFkLGNBQWMsaUJBZG5CLGlCQUFpQjtZQUNqQixZQUFZLGFBT1osZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixZQUFZLGFBTlosaUJBQWlCO1lBQ2pCLFlBQVk7a0lBU1AsY0FBYyxZQU5uQixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLFlBQVk7OzJGQUlQLGNBQWM7a0JBaEIxQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixpQkFBaUI7d0JBQ2pCLFlBQVk7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGlCQUFpQjt3QkFDakIsWUFBWTtxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLFlBQVk7cUJBQ2Y7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2RyLWF2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0TGVnYWN5VG9vbHRpcE1vZHVsZSBhcyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LXRvb2x0aXAnO1xuaW1wb3J0IHsgRHJUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vZHItdG9vbHRpcC9kci10b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRHJBdmF0YXJQaXBlIH0gZnJvbSAnLi9kci1hdmF0YXIucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIERyQXZhdGFyQ29tcG9uZW50LFxuICAgICAgICBEckF2YXRhclBpcGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRHJBdmF0YXJDb21wb25lbnQsXG4gICAgICAgIERyQXZhdGFyUGlwZVxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgICAgICBEclRvb2x0aXBNb2R1bGUsXG4gICAgICAgIENvbW1vbk1vZHVsZVxuICAgIF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBEckF2YXRhck1vZHVsZSB7XG5cbn1cbiJdfQ==

package/esm2022/lib/dr-avatar/dr-avatar.pipe.mjs

@@ -0,0 +1,20 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DrAvatarPipe {
+    transform(item, type = 'full') {
+        if (type === 'initials') {
+            const email = item.email ? item.email[0] : '';
+            return (item.first_name && item.last_name ? (item.first_name[0] + item.last_name[0]) : email).toUpperCase();
+        }
+        return item.first_name && item.last_name ? (item.first_name + ' ' + item.last_name) : item.email;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarPipe, name: "drAvatar" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrAvatarPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'drAvatar'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYXZhdGFyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1hdmF0YXIvZHItYXZhdGFyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxZQUFZO0lBRXJCLFNBQVMsQ0FBQyxJQUFTLEVBQUUsT0FBZSxNQUFNO1FBQ3RDLElBQUksSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUNyQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDOUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDL0c7UUFFRCxPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDckcsQ0FBQztpSUFUUSxZQUFZOytIQUFaLFlBQVk7OzJGQUFaLFlBQVk7a0JBSHhCLElBQUk7bUJBQUM7b0JBQ0YsSUFBSSxFQUFFLFVBQVU7aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ2RyQXZhdGFyJ1xufSlcbmV4cG9ydCBjbGFzcyBEckF2YXRhclBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcblxuICAgIHRyYW5zZm9ybShpdGVtOiBhbnksIHR5cGU6IHN0cmluZyA9ICdmdWxsJyk6IHN0cmluZyB7XG4gICAgICAgIGlmICh0eXBlID09PSAnaW5pdGlhbHMnKSB7XG4gICAgICAgICAgICBjb25zdCBlbWFpbCA9IGl0ZW0uZW1haWwgPyBpdGVtLmVtYWlsWzBdIDogJyc7XG4gICAgICAgICAgICByZXR1cm4gKGl0ZW0uZmlyc3RfbmFtZSAmJiBpdGVtLmxhc3RfbmFtZSA/IChpdGVtLmZpcnN0X25hbWVbMF0gKyBpdGVtLmxhc3RfbmFtZVswXSkgOiBlbWFpbCkudG9VcHBlckNhc2UoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBpdGVtLmZpcnN0X25hbWUgJiYgaXRlbS5sYXN0X25hbWUgPyAoaXRlbS5maXJzdF9uYW1lICsgJyAnICsgaXRlbS5sYXN0X25hbWUpIDogaXRlbS5lbWFpbDtcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs

@@ -0,0 +1,27 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { BadgeStatus } from '../models/badgeStatus';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../dr-tooltip/dr-tooltip.directive";
+export class DrBadgeStatusComponent {
+    constructor() {
+        this.theme = BadgeStatus.REGULAR;
+    }
+    ngOnInit() {
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: DrBadgeStatusComponent, selector: "dr-badge-status", inputs: { theme: "theme", icon: "icon", label: "label", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"badge-status\" [drTooltip]=\"tooltip\"\n     [ngClass]=\"'badge-status--' + theme\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{display:flex;align-items:center;font-family:Poppins,sans-serif;font-style:normal;font-size:\"Poppins\",sans-serif;font-weight:12px;line-height:20px;font-weight:600;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#E6EFFF}.badge-status--error{color:#bf1d30;background:#F7D9DC}.badge-status--warning{color:#ffb800;background:#FFEDBF}.badge-status--success{color:#037c5a;background:#DBF5E6}.badge-status--regular{color:#7e828e;background:#F0F1F4}.badge-status--progress{color:#4646ce;background:#F2F2FB}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DrTooltipDirective, selector: "[drTooltip]", inputs: ["drTooltip", "drTooltipContext", "drTooltipPosition", "drTooltipClass", "drTooltipMousleaveTimeout", "drTooltipOptions", "drTooltipShow"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dr-badge-status', encapsulation: ViewEncapsulation.None, template: "<div class=\"badge-status\" [drTooltip]=\"tooltip\"\n     [ngClass]=\"'badge-status--' + theme\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{display:flex;align-items:center;font-family:Poppins,sans-serif;font-style:normal;font-size:\"Poppins\",sans-serif;font-weight:12px;line-height:20px;font-weight:600;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#E6EFFF}.badge-status--error{color:#bf1d30;background:#F7D9DC}.badge-status--warning{color:#ffb800;background:#FFEDBF}.badge-status--success{color:#037c5a;background:#DBF5E6}.badge-status--regular{color:#7e828e;background:#F0F1F4}.badge-status--progress{color:#4646ce;background:#F2F2FB}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { theme: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYmFkZ2Utc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWJhZGdlLXN0YXR1cy9kci1iYWRnZS1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYmFkZ2Utc3RhdHVzL2RyLWJhZGdlLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULEtBQUssRUFFTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBU3BELE1BQU0sT0FBTyxzQkFBc0I7SUFRL0I7UUFOUyxVQUFLLEdBQWdCLFdBQVcsQ0FBQyxPQUFPLENBQUM7SUFRbEQsQ0FBQztJQUVELFFBQVE7SUFFUixDQUFDO2lJQWRRLHNCQUFzQjtxSEFBdEIsc0JBQXNCLHFJQ2ZuQyw0TUFLQTs7MkZEVWEsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUVJLGlCQUFpQixpQkFFWixpQkFBaUIsQ0FBQyxJQUFJOzBFQUs1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBPbkluaXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYWRnZVN0YXR1cyB9IGZyb20gJy4uL21vZGVscy9iYWRnZVN0YXR1cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnZHItYmFkZ2Utc3RhdHVzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2RyLWJhZGdlLXN0YXR1cycsXG4gICAgc3R5bGVVcmxzOiBbJ2RyLWJhZGdlLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5cbmV4cG9ydCBjbGFzcyBEckJhZGdlU3RhdHVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIHRoZW1lOiBCYWRnZVN0YXR1cyA9IEJhZGdlU3RhdHVzLlJFR1VMQVI7XG4gICAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9vbHRpcDogc3RyaW5nO1xuXG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcblxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuXG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJhZGdlLXN0YXR1c1wiIFtkclRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgIFtuZ0NsYXNzXT1cIidiYWRnZS1zdGF0dXMtLScgKyB0aGVtZVwiPlxuICAgIDxpICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwie3sgaWNvbiB9fVwiPjwvaT5cbiAgICA8c3BhbiAqbmdJZj1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/dr-badge-status/dr-badge-status.module.mjs

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DrBadgeStatusComponent } from './dr-badge-status.component';
+import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
+import * as i0 from "@angular/core";
+export class DrBadgeStatusModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusModule, declarations: [DrBadgeStatusComponent], imports: [CommonModule,
+            DrTooltipModule], exports: [DrBadgeStatusComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusModule, imports: [CommonModule,
+            DrTooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: DrBadgeStatusModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DrTooltipModule
+                    ],
+                    exports: [DrBadgeStatusComponent],
+                    providers: [],
+                    declarations: [
+                        DrBadgeStatusComponent
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYmFkZ2Utc3RhdHVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWJhZGdlLXN0YXR1cy9kci1iYWRnZS1zdGF0dXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFlbEUsTUFBTSxPQUFPLG1CQUFtQjtpSUFBbkIsbUJBQW1CO2tJQUFuQixtQkFBbUIsaUJBSnhCLHNCQUFzQixhQU50QixZQUFZO1lBQ1osZUFBZSxhQUVULHNCQUFzQjtrSUFPdkIsbUJBQW1CLFlBVnhCLFlBQVk7WUFDWixlQUFlOzsyRkFTVixtQkFBbUI7a0JBWi9CLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osZUFBZTtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLFNBQVMsRUFBRSxFQUFFO29CQUNiLFlBQVksRUFBRTt3QkFDVixzQkFBc0I7cUJBQ3pCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEckJhZGdlU3RhdHVzQ29tcG9uZW50IH0gZnJvbSAnLi9kci1iYWRnZS1zdGF0dXMuY29tcG9uZW50JztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIERyVG9vbHRpcE1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW0RyQmFkZ2VTdGF0dXNDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW10sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIERyQmFkZ2VTdGF0dXNDb21wb25lbnRcbiAgICBdLFxufSlcblxuZXhwb3J0IGNsYXNzIERyQmFkZ2VTdGF0dXNNb2R1bGUge1xufVxuIl19