@memberjunction/ng-ui-components 0.0.1 → 5.24.0

package/dist/lib/input/input-switch-progress.scss

@@ -0,0 +1,57 @@
+/**
+ * MJ Switch + Progress Bar Styles
+ */
+
+/* ========== Switch ========== */
+.mj-switch {
+  display: inline-flex; align-items: center; gap: 8px; padding: 4px;
+  background: none; border: none; cursor: pointer;
+  font-family: var(--mj-font-family); font-size: var(--mj-text-sm);
+  color: var(--mj-text-primary); min-height: 44px;
+  &:focus-visible { outline: none; .mj-switch-track { box-shadow: var(--mj-focus-ring); } }
+}
+.mj-switch-track {
+  position: relative; width: 44px; height: 24px;
+  background: var(--mj-border-strong); border-radius: var(--mj-radius-full);
+  transition: background var(--mj-transition-base); flex-shrink: 0;
+}
+.mj-switch-thumb {
+  position: absolute; top: 2px; left: 2px; width: 20px; height: 20px;
+  background: var(--mj-bg-surface); border-radius: var(--mj-radius-full);
+  transition: transform var(--mj-transition-base); box-shadow: var(--mj-shadow-sm);
+}
+.mj-switch--on .mj-switch-track { background: var(--mj-brand-primary); }
+.mj-switch--on .mj-switch-thumb { transform: translateX(20px); }
+.mj-switch--disabled { opacity: 0.5; cursor: not-allowed; }
+.mj-switch-label { color: var(--mj-text-secondary); }
+
+/* ========== Progress Bar ========== */
+.mj-progress-bar-host { display: block; width: 100%; }
+progress.mj-progress-bar {
+  display: block; width: 100%; height: 8px; border: none;
+  border-radius: var(--mj-radius-full); overflow: hidden; appearance: none; -webkit-appearance: none;
+  &::-webkit-progress-bar { background: var(--mj-bg-surface-sunken); border-radius: var(--mj-radius-full); }
+  &::-webkit-progress-value { background: var(--mj-brand-primary); border-radius: var(--mj-radius-full); transition: width var(--mj-transition-base); }
+  &::-moz-progress-bar { background: var(--mj-brand-primary); border-radius: var(--mj-radius-full); }
+}
+div.mj-progress-bar--infinite {
+  width: 100%; height: 8px; background: var(--mj-bg-surface-sunken);
+  border-radius: var(--mj-radius-full); overflow: hidden; position: relative;
+}
+.mj-progress-bar-indeterminate {
+  position: absolute; top: 0; left: 0; height: 100%; width: 30%;
+  background: var(--mj-brand-primary); border-radius: var(--mj-radius-full);
+  animation: mj-progress-indeterminate 1.5s infinite ease-in-out;
+}
+@keyframes mj-progress-indeterminate { 0% { left: -30%; } 100% { left: 100%; } }
+
+/* ========== Numeric Input ========== */
+.mj-numeric-input {
+  -moz-appearance: textfield;
+  &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .mj-progress-bar-indeterminate { animation: none; left: 0; width: 100%; opacity: 0.5; }
+  .mj-switch-thumb { transition: none; }
+}

package/dist/lib/input/input.scss

@@ -0,0 +1,77 @@
+/**
+ * MJ Form Input Styles
+ *
+ * Provides consistent styling for native form elements replacing Kendo inputs.
+ * - .mj-input — text inputs (replaces kendo-textbox / kendoTextBox)
+ * - .mj-textarea — textareas (replaces kendoTextArea)
+ * - .mj-checkbox — styled checkbox (replaces kendoCheckBox)
+ */
+
+.mj-input,
+.mj-textarea {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  font-family: var(--mj-font-family);
+  font-size: var(--mj-text-sm);
+  line-height: 1.5;
+  color: var(--mj-text-primary);
+  background: var(--mj-bg-surface);
+  border: 1px solid var(--mj-border-default);
+  border-radius: var(--mj-radius-sm);
+  transition: var(--mj-transition-colors), box-shadow var(--mj-transition-base);
+  outline: none;
+  min-height: 38px;
+
+  &::placeholder {
+    color: var(--mj-text-disabled);
+  }
+
+  &:hover:not(:disabled) {
+    border-color: var(--mj-border-strong);
+  }
+
+  &:focus {
+    border-color: var(--mj-brand-primary);
+    box-shadow: var(--mj-focus-ring);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background: var(--mj-bg-surface-sunken);
+  }
+}
+
+.mj-textarea {
+  min-height: 80px;
+  resize: vertical;
+}
+
+.mj-checkbox {
+  accent-color: var(--mj-brand-primary);
+}
+
+/* ========== Search Input with Icon ========== */
+.search-input-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .search-icon {
+    position: absolute;
+    left: 12px;
+    color: var(--mj-text-muted);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+  .mj-input {
+    padding-left: 36px;
+  }
+
+  .search-clear {
+    position: absolute;
+    right: 4px;
+  }
+}

package/dist/lib/numeric-input/numeric-input.component.d.ts

@@ -0,0 +1,31 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * mj-numeric-input — Numeric input with min/max/step. Replaces `<kendo-numerictextbox>`.
+ */
+export declare class MJNumericInputComponent implements ControlValueAccessor {
+    Min: number | null;
+    Max: number | null;
+    Step: number;
+    Format: string;
+    Decimals: number | null;
+    Disabled: boolean;
+    Placeholder: string;
+    readonly hostClass = true;
+    IsDisabled: boolean;
+    DisplayValue: string | number;
+    private internalValue;
+    private onChange;
+    private onTouched;
+    OnInput(event: Event): void;
+    OnBlur(): void;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private clamp;
+    private formatDisplay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJNumericInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJNumericInputComponent, "mj-numeric-input", never, { "Min": { "alias": "Min"; "required": false; }; "Max": { "alias": "Max"; "required": false; }; "Step": { "alias": "Step"; "required": false; }; "Format": { "alias": "Format"; "required": false; }; "Decimals": { "alias": "Decimals"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; "Placeholder": { "alias": "Placeholder"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=numeric-input.component.d.ts.map

package/dist/lib/numeric-input/numeric-input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-input.component.d.ts","sourceRoot":"","sources":["../../../src/lib/numeric-input/numeric-input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;;AAEzE;;GAEG;AACH,qBAYa,uBAAwB,YAAW,oBAAoB;IACzD,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,IAAI,EAAE,MAAM,CAAK;IACjB,MAAM,EAAE,MAAM,CAAM;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,QAAQ,UAAS;IACjB,WAAW,SAAM;IACkB,QAAQ,CAAC,SAAS,QAAQ;IAEtE,UAAU,UAAS;IACnB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAM;IACnC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAU3B,MAAM,IAAI,IAAI;IAEd,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACtC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI;IAC1D,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IACvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAE3C,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,aAAa;yCAxCV,uBAAuB;2CAAvB,uBAAuB;CA4CnC"}

package/dist/lib/numeric-input/numeric-input.component.js

@@ -0,0 +1,103 @@
+import { Component, Input, forwardRef, HostBinding } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * mj-numeric-input — Numeric input with min/max/step. Replaces `<kendo-numerictextbox>`.
+ */
+export class MJNumericInputComponent {
+    Min = null;
+    Max = null;
+    Step = 1;
+    Format = '';
+    Decimals = null;
+    Disabled = false;
+    Placeholder = '';
+    hostClass = true;
+    IsDisabled = false;
+    DisplayValue = '';
+    internalValue = null;
+    onChange = () => { };
+    onTouched = () => { };
+    OnInput(event) {
+        const raw = event.target.value;
+        if (raw === '' || raw === '-') {
+            this.internalValue = null;
+            this.onChange(null);
+            return;
+        }
+        let num = parseFloat(raw);
+        if (isNaN(num))
+            return;
+        num = this.clamp(num);
+        this.internalValue = num;
+        this.onChange(num);
+    }
+    OnBlur() { this.onTouched(); this.formatDisplay(); }
+    writeValue(value) { this.internalValue = value; this.formatDisplay(); }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(isDisabled) { this.IsDisabled = isDisabled || this.Disabled; }
+    clamp(value) {
+        if (this.Min != null && value < this.Min)
+            return this.Min;
+        if (this.Max != null && value > this.Max)
+            return this.Max;
+        if (this.Decimals != null) {
+            const f = Math.pow(10, this.Decimals);
+            return Math.round(value * f) / f;
+        }
+        return value;
+    }
+    formatDisplay() {
+        if (this.internalValue == null) {
+            this.DisplayValue = '';
+            return;
+        }
+        this.DisplayValue = this.Decimals != null ? this.internalValue.toFixed(this.Decimals) : this.internalValue;
+    }
+    static ɵfac = function MJNumericInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJNumericInputComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJNumericInputComponent, selectors: [["mj-numeric-input"]], hostVars: 2, hostBindings: function MJNumericInputComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("mj-numeric-input-host", ctx.hostClass);
+        } }, inputs: { Min: "Min", Max: "Max", Step: "Step", Format: "Format", Decimals: "Decimals", Disabled: "Disabled", Placeholder: "Placeholder" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJNumericInputComponent), multi: true }])], decls: 1, vars: 6, consts: [["type", "number", 1, "mj-input", "mj-numeric-input", 3, "input", "blur", "disabled", "value"]], template: function MJNumericInputComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "input", 0);
+            i0.ɵɵdomListener("input", function MJNumericInputComponent_Template_input_input_0_listener($event) { return ctx.OnInput($event); })("blur", function MJNumericInputComponent_Template_input_blur_0_listener() { return ctx.OnBlur(); });
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵdomProperty("disabled", ctx.IsDisabled)("value", ctx.DisplayValue);
+            i0.ɵɵattribute("min", ctx.Min)("max", ctx.Max)("step", ctx.Step)("placeholder", ctx.Placeholder);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJNumericInputComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-numeric-input',
+                standalone: true,
+                template: `
+    <input type="number" class="mj-input mj-numeric-input"
+      [attr.min]="Min" [attr.max]="Max" [attr.step]="Step"
+      [attr.placeholder]="Placeholder" [disabled]="IsDisabled"
+      [value]="DisplayValue"
+      (input)="OnInput($event)" (blur)="OnBlur()" />
+  `,
+                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJNumericInputComponent), multi: true }]
+            }]
+    }], null, { Min: [{
+            type: Input
+        }], Max: [{
+            type: Input
+        }], Step: [{
+            type: Input
+        }], Format: [{
+            type: Input
+        }], Decimals: [{
+            type: Input
+        }], Disabled: [{
+            type: Input
+        }], Placeholder: [{
+            type: Input
+        }], hostClass: [{
+            type: HostBinding,
+            args: ['class.mj-numeric-input-host']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJNumericInputComponent, { className: "MJNumericInputComponent", filePath: "lib/numeric-input/numeric-input.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=numeric-input.component.js.map

package/dist/lib/numeric-input/numeric-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-input.component.js","sourceRoot":"","sources":["../../../src/lib/numeric-input/numeric-input.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, forwardRef, HostBinding } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\n\n/**\n * mj-numeric-input — Numeric input with min/max/step. Replaces `<kendo-numerictextbox>`.\n */\n@Component({\n  selector: 'mj-numeric-input',\n  standalone: true,\n  template: `\n    <input type=\"number\" class=\"mj-input mj-numeric-input\"\n      [attr.min]=\"Min\" [attr.max]=\"Max\" [attr.step]=\"Step\"\n      [attr.placeholder]=\"Placeholder\" [disabled]=\"IsDisabled\"\n      [value]=\"DisplayValue\"\n      (input)=\"OnInput($event)\" (blur)=\"OnBlur()\" />\n  `,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJNumericInputComponent), multi: true }]\n})\nexport class MJNumericInputComponent implements ControlValueAccessor {\n  @Input() Min: number | null = null;\n  @Input() Max: number | null = null;\n  @Input() Step: number = 1;\n  @Input() Format: string = '';\n  @Input() Decimals: number | null = null;\n  @Input() Disabled = false;\n  @Input() Placeholder = '';\n  @HostBinding('class.mj-numeric-input-host') readonly hostClass = true;\n\n  IsDisabled = false;\n  DisplayValue: string | number = '';\n  private internalValue: number | null = null;\n  private onChange: (value: number | null) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  OnInput(event: Event): void {\n    const raw = (event.target as HTMLInputElement).value;\n    if (raw === '' || raw === '-') { this.internalValue = null; this.onChange(null); return; }\n    let num = parseFloat(raw);\n    if (isNaN(num)) return;\n    num = this.clamp(num);\n    this.internalValue = num;\n    this.onChange(num);\n  }\n\n  OnBlur(): void { this.onTouched(); this.formatDisplay(); }\n\n  writeValue(value: number | null): void { this.internalValue = value; this.formatDisplay(); }\n  registerOnChange(fn: (value: number | null) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void { this.IsDisabled = isDisabled || this.Disabled; }\n\n  private clamp(value: number): number {\n    if (this.Min != null && value < this.Min) return this.Min;\n    if (this.Max != null && value > this.Max) return this.Max;\n    if (this.Decimals != null) { const f = Math.pow(10, this.Decimals); return Math.round(value * f) / f; }\n    return value;\n  }\n\n  private formatDisplay(): void {\n    if (this.internalValue == null) { this.DisplayValue = ''; return; }\n    this.DisplayValue = this.Decimals != null ? this.internalValue.toFixed(this.Decimals) : this.internalValue;\n  }\n}\n"]}

package/dist/lib/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export type MjProgressBarType = 'value' | 'infinite';
+/**
+ * mj-progress-bar — Progress indicator. Replaces `<kendo-progressbar>`.
+ */
+export declare class MJProgressBarComponent {
+    Value: number;
+    Type: MjProgressBarType;
+    readonly hostClass = true;
+    get ClampedValue(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJProgressBarComponent, "mj-progress-bar", never, { "Value": { "alias": "Value"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=progress-bar.component.d.ts.map

package/dist/lib/progress-bar/progress-bar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.component.d.ts","sourceRoot":"","sources":["../../../src/lib/progress-bar/progress-bar.component.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;AAErD;;GAEG;AACH,qBAgBa,sBAAsB;IACxB,KAAK,EAAE,MAAM,CAAK;IAClB,IAAI,EAAE,iBAAiB,CAAW;IACA,QAAQ,CAAC,SAAS,QAAQ;IACrE,IAAI,YAAY,IAAI,MAAM,CAAmD;yCAJlE,sBAAsB;2CAAtB,sBAAsB;CAKlC"}

package/dist/lib/progress-bar/progress-bar.component.js

@@ -0,0 +1,62 @@
+import { Component, Input, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+function MJProgressBarComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 0);
+    i0.ɵɵdomElement(1, "div", 2);
+    i0.ɵɵdomElementEnd();
+} }
+function MJProgressBarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "progress", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("value", ctx_r0.ClampedValue)("aria-valuenow", ctx_r0.ClampedValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ClampedValue, "% ");
+} }
+/**
+ * mj-progress-bar — Progress indicator. Replaces `<kendo-progressbar>`.
+ */
+export class MJProgressBarComponent {
+    Value = 0;
+    Type = 'value';
+    hostClass = true;
+    get ClampedValue() { return Math.max(0, Math.min(100, this.Value)); }
+    static ɵfac = function MJProgressBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJProgressBarComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJProgressBarComponent, selectors: [["mj-progress-bar"]], hostVars: 2, hostBindings: function MJProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("mj-progress-bar-host", ctx.hostClass);
+        } }, inputs: { Value: "Value", Type: "Type" }, decls: 2, vars: 1, consts: [["role", "progressbar", "aria-label", "Loading", 1, "mj-progress-bar", "mj-progress-bar--infinite"], ["max", "100", "role", "progressbar", "aria-valuemin", "0", "aria-valuemax", "100", 1, "mj-progress-bar"], [1, "mj-progress-bar-indeterminate"]], template: function MJProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MJProgressBarComponent_Conditional_0_Template, 2, 0, "div", 0)(1, MJProgressBarComponent_Conditional_1_Template, 2, 3, "progress", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Type === "infinite" ? 0 : 1);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJProgressBarComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-progress-bar',
+                standalone: true,
+                template: `
+    @if (Type === 'infinite') {
+      <div class="mj-progress-bar mj-progress-bar--infinite" role="progressbar" aria-label="Loading">
+        <div class="mj-progress-bar-indeterminate"></div>
+      </div>
+    } @else {
+      <progress class="mj-progress-bar" [attr.value]="ClampedValue" max="100"
+        role="progressbar" [attr.aria-valuenow]="ClampedValue" aria-valuemin="0" aria-valuemax="100">
+        {{ ClampedValue }}%
+      </progress>
+    }
+  `
+            }]
+    }], null, { Value: [{
+            type: Input
+        }], Type: [{
+            type: Input
+        }], hostClass: [{
+            type: HostBinding,
+            args: ['class.mj-progress-bar-host']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJProgressBarComponent, { className: "MJProgressBarComponent", filePath: "lib/progress-bar/progress-bar.component.ts", lineNumber: 24 }); })();
+//# sourceMappingURL=progress-bar.component.js.map

package/dist/lib/progress-bar/progress-bar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.component.js","sourceRoot":"","sources":["../../../src/lib/progress-bar/progress-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;IAYxD,iCAA+F;IAC7F,4BAAiD;IACnD,oBAAM;;;IAEN,sCAC+F;IAC7F,YACF;IAAA,oBAAW;;;;IADT,cACF;IADE,qDACF;;AAfN;;GAEG;AAiBH,MAAM,OAAO,sBAAsB;IACxB,KAAK,GAAW,CAAC,CAAC;IAClB,IAAI,GAAsB,OAAO,CAAC;IACS,SAAS,GAAG,IAAI,CAAC;IACrE,IAAI,YAAY,KAAa,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gHAJlE,sBAAsB;6DAAtB,sBAAsB;YAAtB,qDAAsB;;YAR7B,AAJF,wFAA2B,uEAIlB;;YAJT,iDASC;;;iFAGQ,sBAAsB;cAhBlC,SAAS;eAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE;;;;;;;;;;;GAWT;aACF;;kBAEE,KAAK;;kBACL,KAAK;;kBACL,WAAW;mBAAC,4BAA4B;;kFAH9B,sBAAsB","sourcesContent":["import { Component, Input, HostBinding } from '@angular/core';\n\nexport type MjProgressBarType = 'value' | 'infinite';\n\n/**\n * mj-progress-bar — Progress indicator. Replaces `<kendo-progressbar>`.\n */\n@Component({\n  selector: 'mj-progress-bar',\n  standalone: true,\n  template: `\n    @if (Type === 'infinite') {\n      <div class=\"mj-progress-bar mj-progress-bar--infinite\" role=\"progressbar\" aria-label=\"Loading\">\n        <div class=\"mj-progress-bar-indeterminate\"></div>\n      </div>\n    } @else {\n      <progress class=\"mj-progress-bar\" [attr.value]=\"ClampedValue\" max=\"100\"\n        role=\"progressbar\" [attr.aria-valuenow]=\"ClampedValue\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n        {{ ClampedValue }}%\n      </progress>\n    }\n  `\n})\nexport class MJProgressBarComponent {\n  @Input() Value: number = 0;\n  @Input() Type: MjProgressBarType = 'value';\n  @HostBinding('class.mj-progress-bar-host') readonly hostClass = true;\n  get ClampedValue(): number { return Math.max(0, Math.min(100, this.Value)); }\n}\n"]}

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

@@ -0,0 +1,23 @@
+/**
+ * MJ Splitter — wraps angular-split for resizable split layouts.
+ * Replaces `<kendo-splitter>` and `<kendo-splitter-pane>`.
+ *
+ * Re-exports angular-split's AngularSplitModule so consumers only
+ * need to import from @memberjunction/ng-ui-components.
+ *
+ * Usage:
+ * ```html
+ * <as-split direction="horizontal">
+ *   <as-split-area [size]="30">Left</as-split-area>
+ *   <as-split-area [size]="70">Right</as-split-area>
+ * </as-split>
+ * ```
+ *
+ * Migration from Kendo:
+ * - `<kendo-splitter orientation="horizontal">` → `<as-split direction="horizontal">`
+ * - `<kendo-splitter-pane [size]="'30%'">` → `<as-split-area [size]="30">`
+ * - `<kendo-splitter-pane>` (no size = fill) → `<as-split-area [size]="*">`
+ * - size values are numbers (percentages), not strings
+ */
+export { AngularSplitModule } from 'angular-split';
+//# sourceMappingURL=splitter.component.d.ts.map

package/dist/lib/splitter/splitter.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.component.d.ts","sourceRoot":"","sources":["../../../src/lib/splitter/splitter.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/lib/splitter/splitter.component.js

@@ -0,0 +1,24 @@
+/**
+ * MJ Splitter — wraps angular-split for resizable split layouts.
+ * Replaces `<kendo-splitter>` and `<kendo-splitter-pane>`.
+ *
+ * Re-exports angular-split's AngularSplitModule so consumers only
+ * need to import from @memberjunction/ng-ui-components.
+ *
+ * Usage:
+ * ```html
+ * <as-split direction="horizontal">
+ *   <as-split-area [size]="30">Left</as-split-area>
+ *   <as-split-area [size]="70">Right</as-split-area>
+ * </as-split>
+ * ```
+ *
+ * Migration from Kendo:
+ * - `<kendo-splitter orientation="horizontal">` → `<as-split direction="horizontal">`
+ * - `<kendo-splitter-pane [size]="'30%'">` → `<as-split-area [size]="30">`
+ * - `<kendo-splitter-pane>` (no size = fill) → `<as-split-area [size]="*">`
+ * - size values are numbers (percentages), not strings
+ */
+// Re-export angular-split module for consumers
+export { AngularSplitModule } from 'angular-split';
+//# sourceMappingURL=splitter.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.component.js","sourceRoot":"","sources":["../../../src/lib/splitter/splitter.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,+CAA+C;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * MJ Splitter — wraps angular-split for resizable split layouts.\n * Replaces `<kendo-splitter>` and `<kendo-splitter-pane>`.\n *\n * Re-exports angular-split's AngularSplitModule so consumers only\n * need to import from @memberjunction/ng-ui-components.\n *\n * Usage:\n * ```html\n * <as-split direction=\"horizontal\">\n *   <as-split-area [size]=\"30\">Left</as-split-area>\n *   <as-split-area [size]=\"70\">Right</as-split-area>\n * </as-split>\n * ```\n *\n * Migration from Kendo:\n * - `<kendo-splitter orientation=\"horizontal\">` → `<as-split direction=\"horizontal\">`\n * - `<kendo-splitter-pane [size]=\"'30%'\">` → `<as-split-area [size]=\"30\">`\n * - `<kendo-splitter-pane>` (no size = fill) → `<as-split-area [size]=\"*\">`\n * - size values are numbers (percentages), not strings\n */\n\n// Re-export angular-split module for consumers\nexport { AngularSplitModule } from 'angular-split';\n"]}

package/dist/lib/splitter/splitter.scss

@@ -0,0 +1,29 @@
+/**
+ * MJ Splitter Theme — overrides angular-split defaults with MJ design tokens.
+ */
+
+/* Override angular-split CSS custom properties */
+as-split {
+  --as-gutter-background-color: var(--mj-border-default);
+
+  .as-split-gutter {
+    transition: background-color var(--mj-transition-fast);
+
+    &:hover {
+      --as-gutter-background-color: var(--mj-bg-surface-hover);
+    }
+
+    &.as-dragged {
+      --as-gutter-background-color: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));
+    }
+  }
+
+  .as-split-gutter-icon {
+    opacity: 0.4;
+    transition: opacity var(--mj-transition-fast);
+  }
+
+  .as-split-gutter:hover .as-split-gutter-icon {
+    opacity: 0.7;
+  }
+}

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

@@ -0,0 +1,24 @@
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * mj-switch — Toggle switch. Replaces `<kendo-switch>`.
+ */
+export declare class MJSwitchComponent implements ControlValueAccessor {
+    OnLabel: string;
+    OffLabel: string;
+    Disabled: boolean;
+    readonly hostClass = true;
+    Value: boolean;
+    IsDisabled: boolean;
+    private onChange;
+    private onTouched;
+    Toggle(): void;
+    OnTouched(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJSwitchComponent, "mj-switch", never, { "OnLabel": { "alias": "OnLabel"; "required": false; }; "OffLabel": { "alias": "OffLabel"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=switch.component.d.ts.map

package/dist/lib/switch/switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component.d.ts","sourceRoot":"","sources":["../../../src/lib/switch/switch.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;;AAEzE;;GAEG;AACH,qBAgBa,iBAAkB,YAAW,oBAAoB;IACnD,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,QAAQ,UAAS;IACW,QAAQ,CAAC,SAAS,QAAQ;IAE/D,KAAK,UAAS;IACd,UAAU,UAAS;IACnB,OAAO,CAAC,QAAQ,CAAsC;IACtD,OAAO,CAAC,SAAS,CAAwB;IAEzC,MAAM,IAAI,IAAI;IACd,SAAS,IAAI,IAAI;IACjB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAChC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IACpD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IACvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;yCAhBhC,iBAAiB;2CAAjB,iBAAiB;CAiB7B"}

package/dist/lib/switch/switch.component.js

@@ -0,0 +1,82 @@
+import { Component, Input, forwardRef, HostBinding } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+function MJSwitchComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Value ? ctx_r0.OnLabel : ctx_r0.OffLabel);
+} }
+/**
+ * mj-switch — Toggle switch. Replaces `<kendo-switch>`.
+ */
+export class MJSwitchComponent {
+    OnLabel = '';
+    OffLabel = '';
+    Disabled = false;
+    hostClass = true;
+    Value = false;
+    IsDisabled = false;
+    onChange = () => { };
+    onTouched = () => { };
+    Toggle() { if (!this.IsDisabled) {
+        this.Value = !this.Value;
+        this.onChange(this.Value);
+    } }
+    OnTouched() { this.onTouched(); }
+    writeValue(value) { this.Value = !!value; }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(isDisabled) { this.IsDisabled = isDisabled || this.Disabled; }
+    static ɵfac = function MJSwitchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJSwitchComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSwitchComponent, selectors: [["mj-switch"]], hostVars: 2, hostBindings: function MJSwitchComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("mj-switch-host", ctx.hostClass);
+        } }, inputs: { OnLabel: "OnLabel", OffLabel: "OffLabel", Disabled: "Disabled" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJSwitchComponent), multi: true }])], decls: 4, vars: 7, consts: [["type", "button", "role", "switch", 1, "mj-switch", 3, "click", "blur", "disabled"], [1, "mj-switch-track"], [1, "mj-switch-thumb"], [1, "mj-switch-label"]], template: function MJSwitchComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "button", 0);
+            i0.ɵɵdomListener("click", function MJSwitchComponent_Template_button_click_0_listener() { return ctx.Toggle(); })("blur", function MJSwitchComponent_Template_button_blur_0_listener() { return ctx.OnTouched(); });
+            i0.ɵɵdomElementStart(1, "span", 1);
+            i0.ɵɵdomElement(2, "span", 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(3, MJSwitchComponent_Conditional_3_Template, 2, 1, "span", 3);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mj-switch--on", ctx.Value)("mj-switch--disabled", ctx.IsDisabled);
+            i0.ɵɵdomProperty("disabled", ctx.IsDisabled);
+            i0.ɵɵattribute("aria-checked", ctx.Value);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.OnLabel || ctx.OffLabel ? 3 : -1);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJSwitchComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-switch',
+                standalone: true,
+                template: `
+    <button type="button" role="switch" class="mj-switch"
+      [class.mj-switch--on]="Value" [class.mj-switch--disabled]="IsDisabled"
+      [attr.aria-checked]="Value" [disabled]="IsDisabled"
+      (click)="Toggle()" (blur)="OnTouched()">
+      <span class="mj-switch-track"><span class="mj-switch-thumb"></span></span>
+      @if (OnLabel || OffLabel) {
+        <span class="mj-switch-label">{{ Value ? OnLabel : OffLabel }}</span>
+      }
+    </button>
+  `,
+                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJSwitchComponent), multi: true }]
+            }]
+    }], null, { OnLabel: [{
+            type: Input
+        }], OffLabel: [{
+            type: Input
+        }], Disabled: [{
+            type: Input
+        }], hostClass: [{
+            type: HostBinding,
+            args: ['class.mj-switch-host']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJSwitchComponent, { className: "MJSwitchComponent", filePath: "lib/switch/switch.component.ts", lineNumber: 23 }); })();
+//# sourceMappingURL=switch.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component.js","sourceRoot":"","sources":["../../../src/lib/switch/switch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAwB,MAAM,gBAAgB,CAAC;;;IAejE,kCAA8B;IAAA,YAAgC;IAAA,oBAAO;;;IAAvC,cAAgC;IAAhC,qEAAgC;;AAbtE;;GAEG;AAiBH,MAAM,OAAO,iBAAiB;IACnB,OAAO,GAAG,EAAE,CAAC;IACb,QAAQ,GAAG,EAAE,CAAC;IACd,QAAQ,GAAG,KAAK,CAAC;IACoB,SAAS,GAAG,IAAI,CAAC;IAE/D,KAAK,GAAG,KAAK,CAAC;IACd,UAAU,GAAG,KAAK,CAAC;IACX,QAAQ,GAA6B,GAAG,EAAE,GAAE,CAAC,CAAC;IAC9C,SAAS,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;IAEzC,MAAM,KAAW,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC;IACjG,SAAS,KAAW,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACvC,UAAU,CAAC,KAAc,IAAU,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,gBAAgB,CAAC,EAA4B,IAAU,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC;IAC5E,iBAAiB,CAAC,EAAc,IAAU,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC;IAChE,gBAAgB,CAAC,UAAmB,IAAU,IAAI,CAAC,UAAU,GAAG,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;2GAhBnF,iBAAiB;6DAAjB,iBAAiB;YAAjB,+CAAiB;0HAFjB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;YAVxG,oCAG0C;YAArB,AAAnB,iGAAS,YAAQ,IAAC,+EAAS,eAAW,IAAC;YACvC,kCAA8B;YAAA,6BAAqC;YAAA,oBAAO;YAC1E,oFAA2B;YAG7B,oBAAS;;YAPuB,AAA9B,0CAA6B,uCAAyC;YAC1C,4CAAuB;;YAGnD,eAEC;YAFD,sDAEC;;;iFAKM,iBAAiB;cAhB7B,SAAS;eAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE;;;;;;;;;;GAUT;gBACD,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC3G;;kBAEE,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,WAAW;mBAAC,sBAAsB;;kFAJxB,iBAAiB","sourcesContent":["import { Component, Input, forwardRef, HostBinding } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\n\n/**\n * mj-switch — Toggle switch. Replaces `<kendo-switch>`.\n */\n@Component({\n  selector: 'mj-switch',\n  standalone: true,\n  template: `\n    <button type=\"button\" role=\"switch\" class=\"mj-switch\"\n      [class.mj-switch--on]=\"Value\" [class.mj-switch--disabled]=\"IsDisabled\"\n      [attr.aria-checked]=\"Value\" [disabled]=\"IsDisabled\"\n      (click)=\"Toggle()\" (blur)=\"OnTouched()\">\n      <span class=\"mj-switch-track\"><span class=\"mj-switch-thumb\"></span></span>\n      @if (OnLabel || OffLabel) {\n        <span class=\"mj-switch-label\">{{ Value ? OnLabel : OffLabel }}</span>\n      }\n    </button>\n  `,\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => MJSwitchComponent), multi: true }]\n})\nexport class MJSwitchComponent implements ControlValueAccessor {\n  @Input() OnLabel = '';\n  @Input() OffLabel = '';\n  @Input() Disabled = false;\n  @HostBinding('class.mj-switch-host') readonly hostClass = true;\n\n  Value = false;\n  IsDisabled = false;\n  private onChange: (value: boolean) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  Toggle(): void { if (!this.IsDisabled) { this.Value = !this.Value; this.onChange(this.Value); } }\n  OnTouched(): void { this.onTouched(); }\n  writeValue(value: boolean): void { this.Value = !!value; }\n  registerOnChange(fn: (value: boolean) => void): void { this.onChange = fn; }\n  registerOnTouched(fn: () => void): void { this.onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void { this.IsDisabled = isDisabled || this.Disabled; }\n}\n"]}