@memberjunction/ng-ui-components 0.0.1 → 5.23.0

package/dist/lib/combobox/combobox.component.js

@@ -0,0 +1,483 @@
+import { Component, Input, Output, EventEmitter, forwardRef, HostBinding, ViewChild, ContentChild, inject, ChangeDetectorRef } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+const _c0 = ["mjComboboxItem"];
+const _c1 = ["trigger"];
+const _c2 = ["comboInput"];
+const _c3 = a0 => ({ $implicit: a0 });
+function MJComboboxComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("mousedown", function MJComboboxComponent_Conditional_5_Template_button_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnClear($event)); });
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementEnd();
+} }
+function MJComboboxComponent_ng_template_8_For_2_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function MJComboboxComponent_ng_template_8_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, MJComboboxComponent_ng_template_8_For_2_Conditional_1_ng_container_0_Template, 1, 0, "ng-container", 14);
+} if (rf & 2) {
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.ItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c3, item_r5));
+} }
+function MJComboboxComponent_ng_template_8_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetItemText(item_r5), " ");
+} }
+function MJComboboxComponent_ng_template_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵlistener("mousedown", function MJComboboxComponent_ng_template_8_For_2_Template_div_mousedown_0_listener($event) { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectItem(item_r5, $event)); });
+    i0.ɵɵconditionalCreate(1, MJComboboxComponent_ng_template_8_For_2_Conditional_1_Template, 1, 4, "ng-container")(2, MJComboboxComponent_ng_template_8_For_2_Conditional_2_Template, 1, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r5 = ctx.$implicit;
+    const $index_r6 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("mj-dropdown-option--selected", ctx_r2.IsItemSelected(item_r5))("mj-dropdown-option--highlighted", ctx_r2.HighlightedIndex === $index_r6);
+    i0.ɵɵattribute("aria-selected", ctx_r2.IsItemSelected(item_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ItemTemplate ? 1 : 2);
+} }
+function MJComboboxComponent_ng_template_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵtext(1, "No data found");
+    i0.ɵɵelementEnd();
+} }
+function MJComboboxComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵrepeaterCreate(1, MJComboboxComponent_ng_template_8_For_2_Template, 3, 6, "div", 11, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵconditionalCreate(3, MJComboboxComponent_ng_template_8_Conditional_3_Template, 2, 0, "div", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.FilteredItems);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.FilteredItems.length === 0 ? 3 : -1);
+} }
+/**
+ * mj-combobox — Editable dropdown with filtering and optional custom values.
+ *
+ * Replaces `<kendo-combobox>`. Unlike mj-dropdown, the trigger is a text input
+ * that filters the list as you type. When AllowCustom is true, typed text that
+ * doesn't match any item is emitted as the value.
+ *
+ * @example
+ * ```html
+ * <mj-combobox
+ *   [Data]="categories"
+ *   TextField="text"
+ *   ValueField="value"
+ *   [(ngModel)]="selectedCategory"
+ *   [ValuePrimitive]="true"
+ *   [AllowCustom]="true"
+ *   [Filterable]="true"
+ *   Placeholder="Select or enter new...">
+ * </mj-combobox>
+ * ```
+ */
+export class MJComboboxComponent {
+    set Data(value) {
+        this._data = value;
+        // Re-resolve display text when data arrives after writeValue
+        if (this.SelectedValue != null && !this.InputText) {
+            this.InputText = this.getDisplayText();
+        }
+    }
+    get Data() { return this._data; }
+    _data = [];
+    TextField = '';
+    ValueField = '';
+    Filterable = true;
+    ValuePrimitive = false;
+    Disabled = false;
+    Placeholder = '';
+    AllowCustom = false;
+    ValueChange = new EventEmitter();
+    FilterChange = new EventEmitter();
+    ItemTemplate = null;
+    triggerEl;
+    ComboInput;
+    hostClass = true;
+    cdr = inject(ChangeDetectorRef);
+    IsOpen = false;
+    IsDisabled = false;
+    HighlightedIndex = -1;
+    SelectedValue = null;
+    TriggerWidth = 0;
+    InputText = '';
+    Positions = [
+        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },
+        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }
+    ];
+    onChange = () => { };
+    onTouched = () => { };
+    isBlurring = false;
+    get FilteredItems() {
+        const data = (this.Data ?? []);
+        if (!this.Filterable || !this.InputText)
+            return data;
+        const search = this.InputText.toLowerCase();
+        return data.filter(item => this.GetItemText(item).toLowerCase().includes(search));
+    }
+    OnInput(event) {
+        this.InputText = event.target.value;
+        this.HighlightedIndex = 0;
+        this.FilterChange.emit(this.InputText);
+        if (!this.IsOpen)
+            this.Open();
+        this.cdr.detectChanges();
+    }
+    OnFocus() {
+        if (!this.IsOpen)
+            this.Open();
+    }
+    OnToggleMouseDown(event) {
+        event.preventDefault(); // Prevent blur on the input
+        this.Toggle();
+    }
+    OnClear(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isBlurring = false;
+        this.InputText = '';
+        this.SelectedValue = null;
+        this.onChange(null);
+        this.ValueChange.emit(null);
+        this.Close();
+        this.cdr.detectChanges();
+    }
+    OnInputBlur() {
+        this.isBlurring = true;
+        setTimeout(() => {
+            if (!this.isBlurring)
+                return;
+            this.isBlurring = false;
+            this.CommitValue();
+            this.Close();
+            this.onTouched();
+        }, 150);
+    }
+    Toggle() {
+        if (this.IsDisabled)
+            return;
+        this.IsOpen ? this.Close() : this.Open();
+    }
+    Open() {
+        if (this.IsDisabled || this.IsOpen)
+            return;
+        this.TriggerWidth = this.triggerEl?.nativeElement.offsetWidth ?? 200;
+        this.IsOpen = true;
+        this.HighlightedIndex = this.getSelectedIndex();
+        this.cdr.detectChanges();
+    }
+    Close() {
+        if (!this.IsOpen)
+            return;
+        this.IsOpen = false;
+        this.HighlightedIndex = -1;
+        this.cdr.detectChanges();
+    }
+    SelectItem(item, event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.isBlurring = false;
+        const value = this.ValuePrimitive && this.ValueField ? this.GetItemValue(item) : item;
+        this.SelectedValue = value;
+        this.InputText = this.GetItemText(item);
+        this.onChange(value);
+        this.ValueChange.emit(value);
+        this.Close();
+        this.cdr.detectChanges();
+    }
+    /** Commit the current input text as a value (for AllowCustom or matching item) */
+    CommitValue() {
+        if (!this.InputText.trim()) {
+            // Empty input — clear the value
+            if (this.SelectedValue != null) {
+                this.SelectedValue = null;
+                this.onChange(null);
+                this.ValueChange.emit(null);
+            }
+            return;
+        }
+        // Try to find a matching item
+        const data = (this.Data ?? []);
+        const match = data.find(item => this.GetItemText(item).toLowerCase() === this.InputText.toLowerCase());
+        if (match) {
+            const value = this.ValuePrimitive && this.ValueField ? this.GetItemValue(match) : match;
+            if (value !== this.SelectedValue) {
+                this.SelectedValue = value;
+                this.InputText = this.GetItemText(match);
+                this.onChange(value);
+                this.ValueChange.emit(value);
+            }
+        }
+        else if (this.AllowCustom) {
+            // No match but custom values allowed — emit the typed text
+            this.SelectedValue = this.InputText;
+            this.onChange(this.InputText);
+            this.ValueChange.emit(this.InputText);
+        }
+        else {
+            // No match and no custom — revert to previous display
+            this.InputText = this.getDisplayText();
+        }
+    }
+    IsItemSelected(item) {
+        if (this.SelectedValue == null)
+            return false;
+        if (this.ValuePrimitive && this.ValueField)
+            return this.GetItemValue(item) === this.SelectedValue;
+        if (this.ValueField && typeof item === 'object' && typeof this.SelectedValue === 'object')
+            return this.GetItemValue(item) === this.GetItemValue(this.SelectedValue);
+        return item === this.SelectedValue;
+    }
+    OnKeyDown(event) {
+        const items = this.FilteredItems;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (!this.IsOpen)
+                    this.Open();
+                else
+                    this.HighlightedIndex = Math.min(this.HighlightedIndex + 1, items.length - 1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (this.IsOpen)
+                    this.HighlightedIndex = Math.max(this.HighlightedIndex - 1, 0);
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.IsOpen && this.HighlightedIndex >= 0 && this.HighlightedIndex < items.length) {
+                    this.SelectItem(items[this.HighlightedIndex]);
+                }
+                else {
+                    this.CommitValue();
+                    this.Close();
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.InputText = this.getDisplayText();
+                this.Close();
+                break;
+        }
+    }
+    GetItemText(item) {
+        if (item == null)
+            return '';
+        if (typeof item === 'string')
+            return item;
+        if (this.TextField && typeof item === 'object')
+            return String(item[this.TextField] ?? '');
+        return String(item);
+    }
+    GetItemValue(item) {
+        if (typeof item === 'string')
+            return item;
+        if (this.ValueField && typeof item === 'object' && item != null)
+            return item[this.ValueField];
+        return item;
+    }
+    TrackByIndex(index) { return index; }
+    writeValue(value) {
+        this.SelectedValue = value;
+        this.InputText = this.getDisplayText();
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(isDisabled) { this.IsDisabled = isDisabled || this.Disabled; }
+    ngOnDestroy() { this.Close(); }
+    getDisplayText() {
+        if (this.SelectedValue == null)
+            return '';
+        if (this.ValuePrimitive && this.ValueField) {
+            const found = (this.Data ?? []).find(item => this.GetItemValue(item) === this.SelectedValue);
+            return found ? this.GetItemText(found) : String(this.SelectedValue);
+        }
+        if (typeof this.SelectedValue === 'string')
+            return this.SelectedValue;
+        return this.GetItemText(this.SelectedValue);
+    }
+    getSelectedIndex() {
+        if (this.SelectedValue == null)
+            return -1;
+        return this.FilteredItems.findIndex(item => this.IsItemSelected(item));
+    }
+    static ɵfac = function MJComboboxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJComboboxComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJComboboxComponent, selectors: [["mj-combobox"]], contentQueries: function MJComboboxComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, _c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ItemTemplate = _t.first);
+        } }, viewQuery: function MJComboboxComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c1, 5)(_c2, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.triggerEl = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ComboInput = _t.first);
+        } }, hostVars: 2, hostBindings: function MJComboboxComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("mj-combobox-host", ctx.hostClass);
+        } }, inputs: { Data: "Data", TextField: "TextField", ValueField: "ValueField", Filterable: "Filterable", ValuePrimitive: "ValuePrimitive", Disabled: "Disabled", Placeholder: "Placeholder", AllowCustom: "AllowCustom" }, outputs: { ValueChange: "ValueChange", FilterChange: "FilterChange" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(() => MJComboboxComponent),
+                    multi: true
+                }])], decls: 9, vars: 15, consts: [["trigger", "", "overlayOrigin", "cdkOverlayOrigin"], ["comboInput", ""], ["cdkOverlayOrigin", "", "role", "combobox", "aria-haspopup", "listbox", 1, "mj-combobox"], ["type", "text", "autocomplete", "off", 1, "mj-input", "mj-combobox-input", 3, "input", "focus", "keydown", "blur", "placeholder", "value", "disabled"], ["type", "button", "tabindex", "-1", "aria-label", "Clear", 1, "mj-combobox-clear"], ["type", "button", "tabindex", "-1", 1, "mj-combobox-toggle", 3, "mousedown", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "mj-dropdown-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHasBackdrop"], ["type", "button", "tabindex", "-1", "aria-label", "Clear", 1, "mj-combobox-clear", 3, "mousedown"], [1, "fa-solid", "fa-times"], ["role", "listbox", 1, "mj-dropdown-panel"], ["role", "option", 1, "mj-dropdown-option", 3, "mj-dropdown-option--selected", "mj-dropdown-option--highlighted"], [1, "mj-dropdown-no-data"], ["role", "option", 1, "mj-dropdown-option", 3, "mousedown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function MJComboboxComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2, 0)(3, "input", 3, 1);
+            i0.ɵɵlistener("input", function MJComboboxComponent_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInput($event)); })("focus", function MJComboboxComponent_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnFocus()); })("keydown", function MJComboboxComponent_Template_input_keydown_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnKeyDown($event)); })("blur", function MJComboboxComponent_Template_input_blur_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputBlur()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, MJComboboxComponent_Conditional_5_Template, 2, 0, "button", 4);
+            i0.ɵɵelementStart(6, "button", 5);
+            i0.ɵɵlistener("mousedown", function MJComboboxComponent_Template_button_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnToggleMouseDown($event)); });
+            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(8, MJComboboxComponent_ng_template_8_Template, 4, 1, "ng-template", 7);
+            i0.ɵɵlistener("backdropClick", function MJComboboxComponent_Template_ng_template_backdropClick_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Close()); })("detach", function MJComboboxComponent_Template_ng_template_detach_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Close()); });
+        } if (rf & 2) {
+            const overlayOrigin_r7 = i0.ɵɵreference(2);
+            i0.ɵɵclassProp("mj-combobox--open", ctx.IsOpen)("mj-combobox--disabled", ctx.IsDisabled);
+            i0.ɵɵattribute("aria-expanded", ctx.IsOpen);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("placeholder", ctx.Placeholder)("value", ctx.InputText)("disabled", ctx.IsDisabled);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.InputText && !ctx.IsDisabled ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.IsDisabled);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("cdkConnectedOverlayOrigin", overlayOrigin_r7)("cdkConnectedOverlayOpen", ctx.IsOpen)("cdkConnectedOverlayPositions", ctx.Positions)("cdkConnectedOverlayWidth", ctx.TriggerWidth)("cdkConnectedOverlayHasBackdrop", true);
+        } }, dependencies: [NgTemplateOutlet, OverlayModule, i1.CdkConnectedOverlay, i1.CdkOverlayOrigin], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJComboboxComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-combobox',
+                standalone: true,
+                imports: [NgTemplateOutlet, OverlayModule],
+                template: `
+    <div
+      class="mj-combobox"
+      #trigger
+      cdkOverlayOrigin
+      #overlayOrigin="cdkOverlayOrigin"
+      [class.mj-combobox--open]="IsOpen"
+      [class.mj-combobox--disabled]="IsDisabled"
+      role="combobox"
+      [attr.aria-expanded]="IsOpen"
+      aria-haspopup="listbox">
+      <input
+        #comboInput
+        class="mj-input mj-combobox-input"
+        type="text"
+        [placeholder]="Placeholder"
+        [value]="InputText"
+        [disabled]="IsDisabled"
+        (input)="OnInput($event)"
+        (focus)="OnFocus()"
+        (keydown)="OnKeyDown($event)"
+        (blur)="OnInputBlur()"
+        autocomplete="off" />
+      @if (InputText && !IsDisabled) {
+        <button
+          class="mj-combobox-clear"
+          type="button"
+          tabindex="-1"
+          (mousedown)="OnClear($event)"
+          aria-label="Clear">
+          <i class="fa-solid fa-times"></i>
+        </button>
+      }
+      <button
+        class="mj-combobox-toggle"
+        type="button"
+        tabindex="-1"
+        [disabled]="IsDisabled"
+        (mousedown)="OnToggleMouseDown($event)">
+        <i class="fa-solid fa-chevron-down"></i>
+      </button>
+    </div>
+
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="overlayOrigin"
+      [cdkConnectedOverlayOpen]="IsOpen"
+      [cdkConnectedOverlayPositions]="Positions"
+      [cdkConnectedOverlayWidth]="TriggerWidth"
+      [cdkConnectedOverlayHasBackdrop]="true"
+      cdkConnectedOverlayBackdropClass="mj-dropdown-backdrop"
+      (backdropClick)="Close()"
+      (detach)="Close()">
+      <div class="mj-dropdown-panel" role="listbox">
+        @for (item of FilteredItems; track TrackByIndex($index)) {
+          <div
+            class="mj-dropdown-option"
+            [class.mj-dropdown-option--selected]="IsItemSelected(item)"
+            [class.mj-dropdown-option--highlighted]="HighlightedIndex === $index"
+            role="option"
+            [attr.aria-selected]="IsItemSelected(item)"
+            (mousedown)="SelectItem(item, $event)">
+            @if (ItemTemplate) {
+              <ng-container *ngTemplateOutlet="ItemTemplate; context: { $implicit: item }"></ng-container>
+            } @else {
+              {{ GetItemText(item) }}
+            }
+          </div>
+        }
+        @if (FilteredItems.length === 0) {
+          <div class="mj-dropdown-no-data">No data found</div>
+        }
+      </div>
+    </ng-template>
+  `,
+                providers: [{
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MJComboboxComponent),
+                        multi: true
+                    }]
+            }]
+    }], null, { Data: [{
+            type: Input
+        }], TextField: [{
+            type: Input
+        }], ValueField: [{
+            type: Input
+        }], Filterable: [{
+            type: Input
+        }], ValuePrimitive: [{
+            type: Input
+        }], Disabled: [{
+            type: Input
+        }], Placeholder: [{
+            type: Input
+        }], AllowCustom: [{
+            type: Input
+        }], ValueChange: [{
+            type: Output
+        }], FilterChange: [{
+            type: Output
+        }], ItemTemplate: [{
+            type: ContentChild,
+            args: ['mjComboboxItem']
+        }], triggerEl: [{
+            type: ViewChild,
+            args: ['trigger']
+        }], ComboInput: [{
+            type: ViewChild,
+            args: ['comboInput']
+        }], hostClass: [{
+            type: HostBinding,
+            args: ['class.mj-combobox-host']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJComboboxComponent, { className: "MJComboboxComponent", filePath: "lib/combobox/combobox.component.ts", lineNumber: 126 }); })();
+//# sourceMappingURL=combobox.component.js.map

package/dist/lib/combobox/combobox.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.component.js","sourceRoot":"","sources":["../../../src/lib/combobox/combobox.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  ElementRef,\n  ViewChild,\n  ContentChild,\n  TemplateRef,\n  OnDestroy,\n  inject,\n  ChangeDetectorRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { OverlayModule, ConnectedPosition } from '@angular/cdk/overlay';\n\n/**\n * mj-combobox — Editable dropdown with filtering and optional custom values.\n *\n * Replaces `<kendo-combobox>`. Unlike mj-dropdown, the trigger is a text input\n * that filters the list as you type. When AllowCustom is true, typed text that\n * doesn't match any item is emitted as the value.\n *\n * @example\n * ```html\n * <mj-combobox\n *   [Data]=\"categories\"\n *   TextField=\"text\"\n *   ValueField=\"value\"\n *   [(ngModel)]=\"selectedCategory\"\n *   [ValuePrimitive]=\"true\"\n *   [AllowCustom]=\"true\"\n *   [Filterable]=\"true\"\n *   Placeholder=\"Select or enter new...\">\n * </mj-combobox>\n * ```\n */\n@Component({\n  selector: 'mj-combobox',\n  standalone: true,\n  imports: [NgTemplateOutlet, OverlayModule],\n  template: `\n    <div\n      class=\"mj-combobox\"\n      #trigger\n      cdkOverlayOrigin\n      #overlayOrigin=\"cdkOverlayOrigin\"\n      [class.mj-combobox--open]=\"IsOpen\"\n      [class.mj-combobox--disabled]=\"IsDisabled\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"IsOpen\"\n      aria-haspopup=\"listbox\">\n      <input\n        #comboInput\n        class=\"mj-input mj-combobox-input\"\n        type=\"text\"\n        [placeholder]=\"Placeholder\"\n        [value]=\"InputText\"\n        [disabled]=\"IsDisabled\"\n        (input)=\"OnInput($event)\"\n        (focus)=\"OnFocus()\"\n        (keydown)=\"OnKeyDown($event)\"\n        (blur)=\"OnInputBlur()\"\n        autocomplete=\"off\" />\n      @if (InputText && !IsDisabled) {\n        <button\n          class=\"mj-combobox-clear\"\n          type=\"button\"\n          tabindex=\"-1\"\n          (mousedown)=\"OnClear($event)\"\n          aria-label=\"Clear\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      }\n      <button\n        class=\"mj-combobox-toggle\"\n        type=\"button\"\n        tabindex=\"-1\"\n        [disabled]=\"IsDisabled\"\n        (mousedown)=\"OnToggleMouseDown($event)\">\n        <i class=\"fa-solid fa-chevron-down\"></i>\n      </button>\n    </div>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n      [cdkConnectedOverlayOpen]=\"IsOpen\"\n      [cdkConnectedOverlayPositions]=\"Positions\"\n      [cdkConnectedOverlayWidth]=\"TriggerWidth\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"mj-dropdown-backdrop\"\n      (backdropClick)=\"Close()\"\n      (detach)=\"Close()\">\n      <div class=\"mj-dropdown-panel\" role=\"listbox\">\n        @for (item of FilteredItems; track TrackByIndex($index)) {\n          <div\n            class=\"mj-dropdown-option\"\n            [class.mj-dropdown-option--selected]=\"IsItemSelected(item)\"\n            [class.mj-dropdown-option--highlighted]=\"HighlightedIndex === $index\"\n            role=\"option\"\n            [attr.aria-selected]=\"IsItemSelected(item)\"\n            (mousedown)=\"SelectItem(item, $event)\">\n            @if (ItemTemplate) {\n              <ng-container *ngTemplateOutlet=\"ItemTemplate; context: { $implicit: item }\"></ng-container>\n            } @else {\n              {{ GetItemText(item) }}\n            }\n          </div>\n        }\n        @if (FilteredItems.length === 0) {\n          <div class=\"mj-dropdown-no-data\">No data found</div>\n        }\n      </div>\n    </ng-template>\n  `,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => MJComboboxComponent),\n    multi: true\n  }]\n})\nexport class MJComboboxComponent implements ControlValueAccessor, OnDestroy {\n  @Input()\n  set Data(value: Record<string, unknown>[] | string[] | readonly unknown[] | null) {\n    this._data = value;\n    // Re-resolve display text when data arrives after writeValue\n    if (this.SelectedValue != null && !this.InputText) {\n      this.InputText = this.getDisplayText();\n    }\n  }\n  get Data(): Record<string, unknown>[] | string[] | readonly unknown[] | null { return this._data; }\n  private _data: Record<string, unknown>[] | string[] | readonly unknown[] | null = [];\n  @Input() TextField = '';\n  @Input() ValueField = '';\n  @Input() Filterable = true;\n  @Input() ValuePrimitive = false;\n  @Input() Disabled = false;\n  @Input() Placeholder = '';\n  @Input() AllowCustom = false;\n\n  @Output() ValueChange = new EventEmitter<unknown>();\n  @Output() FilterChange = new EventEmitter<string>();\n\n  @ContentChild('mjComboboxItem') ItemTemplate: TemplateRef<{ $implicit: unknown }> | null = null;\n\n  @ViewChild('trigger') private triggerEl!: ElementRef<HTMLElement>;\n  @ViewChild('comboInput') ComboInput!: ElementRef<HTMLInputElement>;\n\n  @HostBinding('class.mj-combobox-host') readonly hostClass = true;\n\n  private cdr = inject(ChangeDetectorRef);\n\n  IsOpen = false;\n  IsDisabled = false;\n  HighlightedIndex = -1;\n  SelectedValue: unknown = null;\n  TriggerWidth = 0;\n  InputText = '';\n\n  Positions: ConnectedPosition[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' }\n  ];\n\n  private onChange: (value: unknown) => void = () => {};\n  private onTouched: () => void = () => {};\n  private isBlurring = false;\n\n  get FilteredItems(): unknown[] {\n    const data = (this.Data ?? []) as unknown[];\n    if (!this.Filterable || !this.InputText) return data;\n    const search = this.InputText.toLowerCase();\n    return data.filter(item => this.GetItemText(item).toLowerCase().includes(search));\n  }\n\n  OnInput(event: Event): void {\n    this.InputText = (event.target as HTMLInputElement).value;\n    this.HighlightedIndex = 0;\n    this.FilterChange.emit(this.InputText);\n    if (!this.IsOpen) this.Open();\n    this.cdr.detectChanges();\n  }\n\n  OnFocus(): void {\n    if (!this.IsOpen) this.Open();\n  }\n\n  OnToggleMouseDown(event: Event): void {\n    event.preventDefault(); // Prevent blur on the input\n    this.Toggle();\n  }\n\n  OnClear(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isBlurring = false;\n    this.InputText = '';\n    this.SelectedValue = null;\n    this.onChange(null);\n    this.ValueChange.emit(null);\n    this.Close();\n    this.cdr.detectChanges();\n  }\n\n  OnInputBlur(): void {\n    this.isBlurring = true;\n    setTimeout(() => {\n      if (!this.isBlurring) return;\n      this.isBlurring = false;\n      this.CommitValue();\n      this.Close();\n      this.onTouched();\n    }, 150);\n  }\n\n  Toggle(): void {\n    if (this.IsDisabled) return;\n    this.IsOpen ? this.Close() : this.Open();\n  }\n\n  Open(): void {\n    if (this.IsDisabled || this.IsOpen) return;\n    this.TriggerWidth = this.triggerEl?.nativeElement.offsetWidth ?? 200;\n    this.IsOpen = true;\n    this.HighlightedIndex = this.getSelectedIndex();\n    this.cdr.detectChanges();\n  }\n\n  Close(): void {\n    if (!this.IsOpen) return;\n    this.IsOpen = false;\n    this.HighlightedIndex = -1;\n    this.cdr.detectChanges();\n  }\n\n  SelectItem(item: unknown, event?: Event): void {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.isBlurring = false;\n\n    const value = this.ValuePrimitive && this.ValueField ? this.GetItemValue(item) : item;\n    this.SelectedValue = value;\n    this.InputText = this.GetItemText(item);\n    this.onChange(value);\n    this.ValueChange.emit(value);\n    this.Close();\n    this.cdr.detectChanges();\n  }\n\n  /** Commit the current input text as a value (for AllowCustom or matching item) */\n  private CommitValue(): void {\n    if (!this.InputText.trim()) {\n      // Empty input — clear the value\n      if (this.SelectedValue != null) {\n        this.SelectedValue = null;\n        this.onChange(null);\n        this.ValueChange.emit(null);\n      }\n      return;\n    }\n\n    // Try to find a matching item\n    const data = (this.Data ?? []) as unknown[];\n    const match = data.find(item => this.GetItemText(item).toLowerCase() === this.InputText.toLowerCase());\n    if (match) {\n      const value = this.ValuePrimitive && this.ValueField ? this.GetItemValue(match) : match;\n      if (value !== this.SelectedValue) {\n        this.SelectedValue = value;\n        this.InputText = this.GetItemText(match);\n        this.onChange(value);\n        this.ValueChange.emit(value);\n      }\n    } else if (this.AllowCustom) {\n      // No match but custom values allowed — emit the typed text\n      this.SelectedValue = this.InputText;\n      this.onChange(this.InputText);\n      this.ValueChange.emit(this.InputText);\n    } else {\n      // No match and no custom — revert to previous display\n      this.InputText = this.getDisplayText();\n    }\n  }\n\n  IsItemSelected(item: unknown): boolean {\n    if (this.SelectedValue == null) return false;\n    if (this.ValuePrimitive && this.ValueField) return this.GetItemValue(item) === this.SelectedValue;\n    if (this.ValueField && typeof item === 'object' && typeof this.SelectedValue === 'object')\n      return this.GetItemValue(item) === this.GetItemValue(this.SelectedValue);\n    return item === this.SelectedValue;\n  }\n\n  OnKeyDown(event: KeyboardEvent): void {\n    const items = this.FilteredItems;\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.IsOpen) this.Open();\n        else this.HighlightedIndex = Math.min(this.HighlightedIndex + 1, items.length - 1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.IsOpen) this.HighlightedIndex = Math.max(this.HighlightedIndex - 1, 0);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.IsOpen && this.HighlightedIndex >= 0 && this.HighlightedIndex < items.length) {\n          this.SelectItem(items[this.HighlightedIndex]);\n        } else {\n          this.CommitValue();\n          this.Close();\n        }\n        break;\n      case 'Escape':\n        event.preventDefault();\n        this.InputText = this.getDisplayText();\n        this.Close();\n        break;\n    }\n  }\n\n  GetItemText(item: unknown): string {\n    if (item == null) return '';\n    if (typeof item === 'string') return item;\n    if (this.TextField && typeof item === 'object') return String((item as Record<string, unknown>)[this.TextField] ?? '');\n    return String(item);\n  }\n\n  GetItemValue(item: unknown): unknown {\n    if (typeof item === 'string') return item;\n    if (this.ValueField && typeof item === 'object' && item != null) return (item as Record<string, unknown>)[this.ValueField];\n    return item;\n  }\n\n  TrackByIndex(index: number): number { return index; }\n\n  writeValue(value: unknown): void {\n    this.SelectedValue = value;\n    this.InputText = this.getDisplayText();\n  }\n\n  registerOnChange(fn: (value: unknown) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void { this.IsDisabled = isDisabled || this.Disabled; }\n  ngOnDestroy(): void { this.Close(); }\n\n  private getDisplayText(): string {\n    if (this.SelectedValue == null) return '';\n    if (this.ValuePrimitive && this.ValueField) {\n      const found = ((this.Data ?? []) as unknown[]).find(item => this.GetItemValue(item) === this.SelectedValue);\n      return found ? this.GetItemText(found) : String(this.SelectedValue);\n    }\n    if (typeof this.SelectedValue === 'string') return this.SelectedValue;\n    return this.GetItemText(this.SelectedValue as Record<string, unknown>);\n  }\n\n  private getSelectedIndex(): number {\n    if (this.SelectedValue == null) return -1;\n    return this.FilteredItems.findIndex(item => this.IsItemSelected(item));\n  }\n}\n"]}

package/dist/lib/combobox/combobox.scss

@@ -0,0 +1,86 @@
+/**
+ * MJ Combobox Styles
+ */
+
+.mj-combobox-host {
+  display: inline-block;
+  width: 100%;
+}
+
+.mj-combobox {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--mj-border-default);
+  border-radius: var(--mj-radius-md);
+  background: var(--mj-bg-surface);
+  transition: var(--mj-transition-colors);
+  overflow: hidden;
+}
+
+.mj-combobox:focus-within {
+  border-color: var(--mj-brand-primary);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);
+}
+
+.mj-combobox--disabled {
+  opacity: 0.6;
+  pointer-events: none;
+  background: var(--mj-bg-surface-sunken);
+}
+
+.mj-combobox-input {
+  flex: 1;
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  outline: none;
+  padding: 8px 12px;
+  font-size: 0.875rem;
+  color: var(--mj-text-primary);
+  min-width: 0;
+}
+
+.mj-combobox-input::placeholder {
+  color: var(--mj-text-disabled);
+}
+
+.mj-combobox-clear {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  flex-shrink: 0;
+  border: none;
+  background: none;
+  color: var(--mj-text-disabled);
+  cursor: pointer;
+  padding: 0;
+  transition: var(--mj-transition-colors);
+  font-size: 12px;
+}
+
+.mj-combobox-clear:hover {
+  color: var(--mj-text-primary);
+}
+
+.mj-combobox-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  flex-shrink: 0;
+  border: none;
+  background: none;
+  color: var(--mj-text-muted);
+  cursor: pointer;
+  padding: 0;
+  transition: var(--mj-transition-colors);
+}
+
+.mj-combobox-toggle:hover {
+  color: var(--mj-text-primary);
+}
+
+.mj-combobox--open .mj-combobox-toggle i {
+  transform: rotate(180deg);
+}

package/dist/lib/datepicker/datepicker.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { CalendarDay } from '../calendar/calendar-utils';
+import * as i0 from "@angular/core";
+/**
+ * mj-datepicker — Date picker with calendar popup. Replaces `<kendo-datepicker>`.
+ */
+export declare class MJDatepickerComponent implements ControlValueAccessor, OnDestroy {
+    Min: Date | null;
+    Max: Date | null;
+    Format: string;
+    Placeholder: string;
+    Disabled: boolean;
+    ValueChange: EventEmitter<Date | null>;
+    private triggerEl;
+    readonly hostClass = true;
+    private cdr;
+    IsOpen: boolean;
+    IsDisabled: boolean;
+    DisplayValue: string;
+    Weeks: CalendarDay[][];
+    WeekDays: string[];
+    Positions: ConnectedPosition[];
+    private viewDate;
+    private selectedDate;
+    private onChange;
+    private onTouched;
+    get MonthYearLabel(): string;
+    Toggle(): void;
+    Open(): void;
+    Close(): void;
+    PreviousMonth(): void;
+    NextMonth(): void;
+    SelectDate(day: CalendarDay): void;
+    SelectToday(): void;
+    IsSelectedDay(day: CalendarDay): boolean;
+    IsOutOfRange(day: CalendarDay): boolean;
+    OnInputChange(event: Event): void;
+    OnBlur(): void;
+    OnKeyDown(event: KeyboardEvent): void;
+    writeValue(value: Date | string | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJDatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJDatepickerComponent, "mj-datepicker", never, { "Min": { "alias": "Min"; "required": false; }; "Max": { "alias": "Max"; "required": false; }; "Format": { "alias": "Format"; "required": false; }; "Placeholder": { "alias": "Placeholder"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, { "ValueChange": "ValueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=datepicker.component.d.ts.map