primekit 0.0.13 → 0.0.15

package/esm2022/lib/lib/atomix-calendar/atomix-calendar.component.mjs

@@ -0,0 +1,90 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/calendar";
+import * as i2 from "@angular/forms";
+export class AtomixCalendarComponent {
+    placeholder = '';
+    selectionMode = 'single';
+    styleClass = '';
+    inputStyleClass = '';
+    disabled = false;
+    selectedDate = null;
+    dateRangeChange = new EventEmitter();
+    maxDate;
+    minDate;
+    enLocale = {
+        firstDayOfWeek: 0,
+        dayNames: [
+            'Sunday',
+            'Monday',
+            'Tuesday',
+            'Wednesday',
+            'Thursday',
+            'Friday',
+            'Saturday',
+        ],
+        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        monthNames: [
+            'January',
+            'February',
+            'March',
+            'April',
+            'May',
+            'June',
+            'July',
+            'August',
+            'September',
+            'October',
+            'November',
+            'December',
+        ],
+        monthNamesShort: [
+            'Jan',
+            'Feb',
+            'Mar',
+            'Apr',
+            'May',
+            'Jun',
+            'Jul',
+            'Aug',
+            'Sep',
+            'Oct',
+            'Nov',
+            'Dec',
+        ],
+        today: 'Today',
+        clear: 'Clear',
+    };
+    clearDateRange() {
+        this.selectedDate = null;
+    }
+    onDateRangeChange(dateRange) {
+        this.dateRangeChange.emit(dateRange);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixCalendarComponent, selector: "atomix-calendar", inputs: { placeholder: "placeholder", selectionMode: "selectionMode", styleClass: "styleClass", inputStyleClass: "inputStyleClass", disabled: "disabled", selectedDate: "selectedDate", maxDate: "maxDate", minDate: "minDate" }, outputs: { dateRangeChange: "dateRangeChange" }, ngImport: i0, template: "<p-calendar\n  [(ngModel)]=\"selectedDate\"\n  [selectionMode]=\"selectionMode\"\n  [showButtonBar]=\"true\"\n  [dateFormat]=\"'mm/dd/yy'\"\n  [showOtherMonths]=\"true\"\n  [showOnFocus]=\"true\"\n  [locale]=\"enLocale\"\n  [showIcon]=\"true\"\n  [placeholder]=\"placeholder\"\n  [styleClass]=\"styleClass\"\n  [inputStyleClass]=\"inputStyleClass\"\n  (ngModelChange)=\"onDateRangeChange($event)\"\n  appendTo=\"body\"\n  [showClear]=\"true\"\n  [disabled]=\"disabled\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n>\n</p-calendar>\n", styles: [""], dependencies: [{ kind: "component", type: i1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-calendar', template: "<p-calendar\n  [(ngModel)]=\"selectedDate\"\n  [selectionMode]=\"selectionMode\"\n  [showButtonBar]=\"true\"\n  [dateFormat]=\"'mm/dd/yy'\"\n  [showOtherMonths]=\"true\"\n  [showOnFocus]=\"true\"\n  [locale]=\"enLocale\"\n  [showIcon]=\"true\"\n  [placeholder]=\"placeholder\"\n  [styleClass]=\"styleClass\"\n  [inputStyleClass]=\"inputStyleClass\"\n  (ngModelChange)=\"onDateRangeChange($event)\"\n  appendTo=\"body\"\n  [showClear]=\"true\"\n  [disabled]=\"disabled\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n>\n</p-calendar>\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], inputStyleClass: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectedDate: [{
+                type: Input
+            }], dateRangeChange: [{
+                type: Output
+            }], maxDate: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWNhbGVuZGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1jYWxlbmRhci9hdG9taXgtY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWNhbGVuZGFyL2F0b21peC1jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3ZFLE1BQU0sT0FBTyx1QkFBdUI7SUFDekIsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixhQUFhLEdBQW9DLFFBQVEsQ0FBQztJQUMxRCxVQUFVLEdBQVcsRUFBRSxDQUFDO0lBQ3hCLGVBQWUsR0FBVyxFQUFFLENBQUM7SUFDN0IsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixZQUFZLEdBQXlCLElBQUksQ0FBQztJQUN6QyxlQUFlLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUMzQyxPQUFPLENBQVE7SUFDZixPQUFPLENBQVE7SUFFeEIsUUFBUSxHQUFHO1FBQ1QsY0FBYyxFQUFFLENBQUM7UUFDakIsUUFBUSxFQUFFO1lBQ1IsUUFBUTtZQUNSLFFBQVE7WUFDUixTQUFTO1lBQ1QsV0FBVztZQUNYLFVBQVU7WUFDVixRQUFRO1lBQ1IsVUFBVTtTQUNYO1FBQ0QsYUFBYSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDO1FBQ2hFLFdBQVcsRUFBRSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQztRQUN2RCxVQUFVLEVBQUU7WUFDVixTQUFTO1lBQ1QsVUFBVTtZQUNWLE9BQU87WUFDUCxPQUFPO1lBQ1AsS0FBSztZQUNMLE1BQU07WUFDTixNQUFNO1lBQ04sUUFBUTtZQUNSLFdBQVc7WUFDWCxTQUFTO1lBQ1QsVUFBVTtZQUNWLFVBQVU7U0FDWDtRQUNELGVBQWUsRUFBRTtZQUNmLEtBQUs7WUFDTCxLQUFLO1lBQ0wsS0FBSztZQUNMLEtBQUs7WUFDTCxLQUFLO1lBQ0wsS0FBSztZQUNMLEtBQUs7WUFDTCxLQUFLO1lBQ0wsS0FBSztZQUNMLEtBQUs7WUFDTCxLQUFLO1lBQ0wsS0FBSztTQUNOO1FBQ0QsS0FBSyxFQUFFLE9BQU87UUFDZCxLQUFLLEVBQUUsT0FBTztLQUNmLENBQUM7SUFFRixjQUFjO1FBQ1osSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLFNBQXdCO1FBQ3hDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7d0dBOURVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDBVQ1BwQyw2aEJBb0JBOzs0RkRiYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtsQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNFLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtY2FsZW5kYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWNhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWNhbGVuZGFyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Q2FsZW5kYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNlbGVjdGlvbk1vZGU6ICdzaW5nbGUnIHwgJ211bHRpcGxlJyB8ICdyYW5nZScgPSAnc2luZ2xlJztcbiAgQElucHV0KCkgc3R5bGVDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGlucHV0U3R5bGVDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNlbGVjdGVkRGF0ZTogRGF0ZVtdIHwgbnVsbCB8IERhdGUgPSBudWxsO1xuICBAT3V0cHV0KCkgZGF0ZVJhbmdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBJbnB1dCgpIG1heERhdGUhOiBEYXRlO1xuICBASW5wdXQoKSBtaW5EYXRlITogRGF0ZTtcblxuICBlbkxvY2FsZSA9IHtcbiAgICBmaXJzdERheU9mV2VlazogMCxcbiAgICBkYXlOYW1lczogW1xuICAgICAgJ1N1bmRheScsXG4gICAgICAnTW9uZGF5JyxcbiAgICAgICdUdWVzZGF5JyxcbiAgICAgICdXZWRuZXNkYXknLFxuICAgICAgJ1RodXJzZGF5JyxcbiAgICAgICdGcmlkYXknLFxuICAgICAgJ1NhdHVyZGF5JyxcbiAgICBdLFxuICAgIGRheU5hbWVzU2hvcnQ6IFsnU3VuJywgJ01vbicsICdUdWUnLCAnV2VkJywgJ1RodScsICdGcmknLCAnU2F0J10sXG4gICAgZGF5TmFtZXNNaW46IFsnU3UnLCAnTW8nLCAnVHUnLCAnV2UnLCAnVGgnLCAnRnInLCAnU2EnXSxcbiAgICBtb250aE5hbWVzOiBbXG4gICAgICAnSmFudWFyeScsXG4gICAgICAnRmVicnVhcnknLFxuICAgICAgJ01hcmNoJyxcbiAgICAgICdBcHJpbCcsXG4gICAgICAnTWF5JyxcbiAgICAgICdKdW5lJyxcbiAgICAgICdKdWx5JyxcbiAgICAgICdBdWd1c3QnLFxuICAgICAgJ1NlcHRlbWJlcicsXG4gICAgICAnT2N0b2JlcicsXG4gICAgICAnTm92ZW1iZXInLFxuICAgICAgJ0RlY2VtYmVyJyxcbiAgICBdLFxuICAgIG1vbnRoTmFtZXNTaG9ydDogW1xuICAgICAgJ0phbicsXG4gICAgICAnRmViJyxcbiAgICAgICdNYXInLFxuICAgICAgJ0FwcicsXG4gICAgICAnTWF5JyxcbiAgICAgICdKdW4nLFxuICAgICAgJ0p1bCcsXG4gICAgICAnQXVnJyxcbiAgICAgICdTZXAnLFxuICAgICAgJ09jdCcsXG4gICAgICAnTm92JyxcbiAgICAgICdEZWMnLFxuICAgIF0sXG4gICAgdG9kYXk6ICdUb2RheScsXG4gICAgY2xlYXI6ICdDbGVhcicsXG4gIH07XG5cbiAgY2xlYXJEYXRlUmFuZ2UoKSB7XG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSBudWxsO1xuICB9XG5cbiAgb25EYXRlUmFuZ2VDaGFuZ2UoZGF0ZVJhbmdlOiBEYXRlW10gfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy5kYXRlUmFuZ2VDaGFuZ2UuZW1pdChkYXRlUmFuZ2UpO1xuICB9XG59XG4iLCI8cC1jYWxlbmRhclxuICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkRGF0ZVwiXG4gIFtzZWxlY3Rpb25Nb2RlXT1cInNlbGVjdGlvbk1vZGVcIlxuICBbc2hvd0J1dHRvbkJhcl09XCJ0cnVlXCJcbiAgW2RhdGVGb3JtYXRdPVwiJ21tL2RkL3l5J1wiXG4gIFtzaG93T3RoZXJNb250aHNdPVwidHJ1ZVwiXG4gIFtzaG93T25Gb2N1c109XCJ0cnVlXCJcbiAgW2xvY2FsZV09XCJlbkxvY2FsZVwiXG4gIFtzaG93SWNvbl09XCJ0cnVlXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gIFtpbnB1dFN0eWxlQ2xhc3NdPVwiaW5wdXRTdHlsZUNsYXNzXCJcbiAgKG5nTW9kZWxDaGFuZ2UpPVwib25EYXRlUmFuZ2VDaGFuZ2UoJGV2ZW50KVwiXG4gIGFwcGVuZFRvPVwiYm9keVwiXG4gIFtzaG93Q2xlYXJdPVwidHJ1ZVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFttYXhEYXRlXT1cIm1heERhdGVcIlxuICBbbWluRGF0ZV09XCJtaW5EYXRlXCJcbj5cbjwvcC1jYWxlbmRhcj5cbiJdfQ==

package/esm2022/lib/lib/atomix-dropdown/atomix-dropdown.component.mjs

@@ -0,0 +1,105 @@
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import { debounceTime, distinctUntilChanged, Subject, Subscription, } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/api";
+import * as i3 from "primeng/dropdown";
+import * as i4 from "@angular/forms";
+export class AtomixDropdownComponent {
+    cdr;
+    ngZone;
+    options = []; //
+    selectedValues;
+    optionValue = '';
+    placeholder = '';
+    optionLabel = '';
+    filter = true;
+    name = '';
+    dropDownStyleClass = '';
+    withIcon = false;
+    disabled = false;
+    showClear = true;
+    iconName = '';
+    containerClass = ''; //
+    label = '';
+    isLabelRequired = false;
+    handleDropdownValueChange = new EventEmitter();
+    handleOnFilter = new EventEmitter();
+    /**
+     * The input from the user used to search list
+     */
+    filerValue = new Subject();
+    /**
+     * The time in ms that it takes to register when user is done typing
+     */
+    debounceTime = 300;
+    /**
+     * The trigger that uses the debounce time to create delay of when user types to actual filtering
+     */
+    trigger = this.filerValue.pipe(debounceTime(this.debounceTime), distinctUntilChanged());
+    /**
+     * Subscription to trigger
+     */
+    subscription = new Subscription();
+    constructor(cdr, ngZone) {
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.subscription.add(this.trigger.subscribe(($event) => {
+            this.handleOnFilter.emit($event);
+        }));
+    }
+    onChange(event) {
+        this.ngZone.run(() => {
+            this.handleDropdownValueChange.emit([event.value, this.name]);
+            this.cdr.detectChanges(); // Ensure changes are detected
+        });
+    }
+    /**
+     *
+     * @param event
+     */
+    onFilter(event) {
+        this.filerValue.next(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixDropdownComponent, selector: "atomix-dropdown", inputs: { options: "options", selectedValues: "selectedValues", optionValue: "optionValue", placeholder: "placeholder", optionLabel: "optionLabel", filter: "filter", name: "name", dropDownStyleClass: "dropDownStyleClass", withIcon: "withIcon", disabled: "disabled", showClear: "showClear", iconName: "iconName", containerClass: "containerClass", label: "label", isLabelRequired: "isLabelRequired" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", handleOnFilter: "handleOnFilter" }, ngImport: i0, template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-dropdown', template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { options: [{
+                type: Input
+            }], selectedValues: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], dropDownStyleClass: [{
+                type: Input
+            }], withIcon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], containerClass: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], handleDropdownValueChange: [{
+                type: Output
+            }], handleOnFilter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1kcm9wZG93bi9hdG9taXgtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWRyb3Bkb3duL2F0b21peC1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxHQUdiLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxZQUFZLEVBQ1osb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7OztBQU9kLE1BQU0sT0FBTyx1QkFBdUI7SUEyQ3hCO0lBQ0E7SUEzQ0QsT0FBTyxHQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUU7SUFDdkIsY0FBYyxDQUFNO0lBQ3BCLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLE1BQU0sR0FBWSxJQUFJLENBQUM7SUFDdkIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixrQkFBa0IsR0FBVyxFQUFFLENBQUM7SUFDaEMsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLFNBQVMsR0FBWSxJQUFJLENBQUM7SUFDMUIsUUFBUSxHQUFXLEVBQUUsQ0FBQztJQUN0QixjQUFjLEdBQVcsRUFBRSxDQUFDLENBQUMsRUFBRTtJQUMvQixLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDaEMseUJBQXlCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUNwRCxjQUFjLEdBQUcsSUFBSSxZQUFZLEVBQXVCLENBQUM7SUFFbkU7O09BRUc7SUFDSCxVQUFVLEdBQUcsSUFBSSxPQUFPLEVBQXVCLENBQUM7SUFFaEQ7O09BRUc7SUFDSCxZQUFZLEdBQUcsR0FBRyxDQUFDO0lBRW5COztPQUVHO0lBQ0gsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM1QixZQUFZLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUMvQixvQkFBb0IsRUFBRSxDQUN2QixDQUFDO0lBRUY7O09BRUc7SUFDSCxZQUFZLEdBQWlCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFaEQsWUFDVSxHQUFzQixFQUN0QixNQUFjO1FBRGQsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUV0QixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FDbkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNoQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNuQixJQUFJLENBQUMseUJBQXlCLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUM5RCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsOEJBQThCO1FBQzFELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUNILFFBQVEsQ0FBQyxLQUEwQjtRQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO3dHQWxFVSx1QkFBdUI7NEZBQXZCLHVCQUF1Qiw4aUJDckJwQyw2L0JBcUNBOzs0RkRoQmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLGlCQUFpQjsyR0FLbEIsT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLHlCQUF5QjtzQkFBbEMsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE5nWm9uZSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJvcGRvd25GaWx0ZXJFdmVudCB9IGZyb20gJ3ByaW1lbmcvZHJvcGRvd24nO1xuaW1wb3J0IHtcbiAgZGVib3VuY2VUaW1lLFxuICBkaXN0aW5jdFVudGlsQ2hhbmdlZCxcbiAgU3ViamVjdCxcbiAgU3Vic2NyaXB0aW9uLFxufSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1kcm9wZG93bi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peERyb3Bkb3duQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9uczogYW55W10gPSBbXTsgLy9cbiAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZXM6IGFueTtcbiAgQElucHV0KCkgb3B0aW9uVmFsdWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZmlsdGVyOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3BEb3duU3R5bGVDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHdpdGhJY29uOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dDbGVhcjogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY29udGFpbmVyQ2xhc3M6IHN0cmluZyA9ICcnOyAvL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgaGFuZGxlRHJvcGRvd25WYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgaGFuZGxlT25GaWx0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPERyb3Bkb3duRmlsdGVyRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSBpbnB1dCBmcm9tIHRoZSB1c2VyIHVzZWQgdG8gc2VhcmNoIGxpc3RcbiAgICovXG4gIGZpbGVyVmFsdWUgPSBuZXcgU3ViamVjdDxEcm9wZG93bkZpbHRlckV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBUaGUgdGltZSBpbiBtcyB0aGF0IGl0IHRha2VzIHRvIHJlZ2lzdGVyIHdoZW4gdXNlciBpcyBkb25lIHR5cGluZ1xuICAgKi9cbiAgZGVib3VuY2VUaW1lID0gMzAwO1xuXG4gIC8qKlxuICAgKiBUaGUgdHJpZ2dlciB0aGF0IHVzZXMgdGhlIGRlYm91bmNlIHRpbWUgdG8gY3JlYXRlIGRlbGF5IG9mIHdoZW4gdXNlciB0eXBlcyB0byBhY3R1YWwgZmlsdGVyaW5nXG4gICAqL1xuICB0cmlnZ2VyID0gdGhpcy5maWxlclZhbHVlLnBpcGUoXG4gICAgZGVib3VuY2VUaW1lKHRoaXMuZGVib3VuY2VUaW1lKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpXG4gICk7XG5cbiAgLyoqXG4gICAqIFN1YnNjcmlwdGlvbiB0byB0cmlnZ2VyXG4gICAqL1xuICBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZVxuICApIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQoXG4gICAgICB0aGlzLnRyaWdnZXIuc3Vic2NyaWJlKCgkZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5oYW5kbGVPbkZpbHRlci5lbWl0KCRldmVudCk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogYW55KSB7XG4gICAgdGhpcy5uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgIHRoaXMuaGFuZGxlRHJvcGRvd25WYWx1ZUNoYW5nZS5lbWl0KFtldmVudC52YWx1ZSwgdGhpcy5uYW1lXSk7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7IC8vIEVuc3VyZSBjaGFuZ2VzIGFyZSBkZXRlY3RlZFxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqXG4gICAqIEBwYXJhbSBldmVudFxuICAgKi9cbiAgb25GaWx0ZXIoZXZlbnQ6IERyb3Bkb3duRmlsdGVyRXZlbnQpIHtcbiAgICB0aGlzLmZpbGVyVmFsdWUubmV4dChldmVudCk7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuPHAtZHJvcGRvd25cbiAgW29wdGlvbnNdPVwib3B0aW9uc1wiXG4gIFsobmdNb2RlbCldPVwic2VsZWN0ZWRWYWx1ZXNcIlxuICAob25DaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCJcbiAgW2ZpbHRlcl09XCJmaWx0ZXJcIlxuICBbZmlsdGVyQnldPVwib3B0aW9uTGFiZWxcIlxuICBhcHBlbmRUbz1cImJvZHlcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbc3R5bGVDbGFzc109XCJkcm9wRG93blN0eWxlQ2xhc3NcIlxuICAob25GaWx0ZXIpPVwib25GaWx0ZXIoJGV2ZW50KVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4+XG4gIDxuZy10ZW1wbGF0ZSBsZXQtb3B0aW9uIHBUZW1wbGF0ZT1cIml0ZW1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWl0ZW1cIj5cbiAgICAgIDxpXG4gICAgICAgIFtuZ0NsYXNzXT1cIm9wdGlvbi5kcm9wZG93bkljb25cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWxvZ29cIlxuICAgICAgICAqbmdJZj1cIm9wdGlvbi5kcm9wZG93bkljb25cIlxuICAgICAgPjwvaT5cbiAgICAgIDxpbWdcbiAgICAgICAgW2FsdF09XCJvcHRpb24uZHJvcGRvd25JbWFnZVwiXG4gICAgICAgIFtzcmNdPVwib3B0aW9uLmRyb3Bkb3duSW1hZ2VcIlxuICAgICAgICAqbmdJZj1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1pbWFnZVwiXG4gICAgICAvPlxuXG4gICAgICA8c3Bhbj57eyBvcHRpb25bb3B0aW9uTGFiZWxdIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9wLWRyb3Bkb3duPlxuIl19