ngx-t-forms 2.0.29 → 2.0.31

package/fesm2022/ngx-t-forms-calculated-field-rules.component-D-SBMdYg.mjs

@@ -1,313 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Input, Output, HostBinding, Optional, Self, Component } from '@angular/core';
-import { v4 } from 'uuid';
-import { _ as _isEqual, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-D9qmig6g.mjs';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { FormInputSelectorComponent } from './ngx-t-forms-form-input-selector.component-B2QEnvkq.mjs';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
-import { CalculationFunctions } from 'ngx-t-forms-types';
-import * as i10 from '@angular/cdk/overlay';
-import { OverlayModule } from '@angular/cdk/overlay';
-import * as i2$1 from '@angular/material/autocomplete';
-import * as i2$2 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i4 from '@angular/material/chips';
-import * as i4$1 from '@angular/material/divider';
-import * as i3$1 from '@angular/material/icon';
-import * as i3$2 from '@angular/material/select';
-import * as i5 from '@angular/material/toolbar';
-import * as i13 from '@angular/material/input';
-
-// import 'mathlive';
-// Define the interface for the Mathfield element to avoid TS errors
-// declare global {
-//   interface HTMLElementTagNameMap {
-//     'math-field': MathfieldElement;
-//   }
-// }
-// import { MathfieldElement } from 'mathlive';
-// import { cleanLatexForMathJS, cleanMathJSForLatex } from '../../../../services/core/t-form-tower-controller/functions/lateToMathjs';
-class CalculatedFieldRulesComponent {
-    static { this.nextId = 0; }
-    constructor(ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        // #region MatFormFieldControl Properties
-        this.id = `app-calculated-field-rules-${CalculatedFieldRulesComponent.nextId++}`;
-        this.stateChanges = new Subject();
-        this.focused = false;
-        this.touched = false;
-        this.controlType = 'app-calculated-field-rules';
-        this.placeholder = '';
-        this.required = false;
-        this.disabled = false;
-        // #endregion
-        // #region Component Inputs/Outputs
-        this.mapToData = undefined;
-        this.formInputs = [];
-        this.errors = [];
-        this.valueChange2dWithPath = new EventEmitter();
-        this.valueChanged = new EventEmitter();
-        // Edit Mode State
-        this.isEditing = false;
-        this.tempValue = {}; // Local state for editing
-        // Cache for performance (calculated in ngOnChanges)
-        this.cachedNumberInputs = [];
-        // Variable config state
-        this.activeVariable = {};
-        this.showVariableConfig = false;
-        this.roundingType = [
-            { value: 'FLOOR', label: 'Round Down (FLOOR)' },
-            { value: 'CEIL', label: 'Round Up (CEIL)' },
-            { value: 'ROUND', label: 'Standard Rounding (ROUND)' },
-        ];
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    ngOnInit() { }
-    ngOnChanges(changes) {
-        if (changes['formInputs']) {
-            this.cachedNumberInputs = this.formInputs?.filter((input) => input.dataType === 'number' || input.type === 'number') || [];
-        }
-    }
-    ngOnDestroy() {
-        this.stateChanges.next();
-        this.stateChanges.complete();
-    }
-    // #region Value Accessor & MatFormFieldControl Logic
-    get value() {
-        return this._value;
-    }
-    set value(val) {
-        if (_isEqual(this._value, val))
-            return;
-        this._value = val ? {
-            ...val
-        } : undefined;
-        this.stateChanges.next();
-        this.valueChanged.emit(this._value);
-        this.onChange(this._value);
-    }
-    get empty() {
-        return !this._value;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    get errorState() {
-        const hasCustomError = (this.errors || []).length > 0;
-        const hasControlError = !!this.ngControl?.control?.errors;
-        return ((this.touched && (hasControlError || hasCustomError)) ||
-            (!!this.required && !this.value));
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDescribedByIds(ids) {
-        if (this._elementRef?.nativeElement) {
-            const controlElement = this._elementRef.nativeElement.querySelector('.app-calculated-field-rules');
-            if (controlElement) {
-                controlElement.setAttribute('aria-describedby', ids.join(' '));
-            }
-        }
-    }
-    onContainerClick(event) {
-        if (!this.focused) {
-            this.focused = true;
-            this.stateChanges.next();
-        }
-        this.markAsTouched();
-    }
-    markAsTouched() {
-        if (!this.touched) {
-            this.onTouched();
-            this.touched = true;
-            this.stateChanges.next();
-        }
-    }
-    // #endregion
-    // #region Edit Mode Logic
-    startEdit() {
-        // Clone the current value into tempValue to prevent immediate emission
-        this.tempValue = this.value
-            ? JSON.parse(JSON.stringify(this.value))
-            : {};
-        this.isEditing = true;
-        this.markAsTouched();
-    }
-    saveEdit() {
-        // Commit tempValue to actual value
-        this.value = this.tempValue;
-        this.isEditing = false;
-    }
-    cancelEdit() {
-        // Discard changes
-        this.isEditing = false;
-        this.tempValue = {};
-    }
-    // #endregion
-    // #region Getters
-    get allCalculationFunction() {
-        return Object.values(CalculationFunctions);
-    }
-    get tableMode() {
-        return !!this.mapToData?.tableConfig;
-    }
-    get tableConfig() {
-        return this.mapToData?.tableConfig;
-    }
-    // #endregion
-    // #region Logic (Refactored to use tempValue)
-    checkIfInputCanBeLinkedToCalVariable(currentInput, inputToDisable) {
-        if (!currentInput)
-            return false;
-        if (currentInput.formControlName === inputToDisable.formControlName) {
-            return true;
-        }
-        if (!currentInput.multipleInputInEditId) {
-            return !!inputToDisable.parentInput || !!inputToDisable.multipleInputInEditId;
-        }
-        return false;
-    }
-    linkFormulaSource(event) {
-        this.tempValue = {
-            ...this.tempValue,
-            formControlWithFormula: event.value,
-            formula: undefined // Reset formula when source changes
-        };
-    }
-    removeVariable(variableId) {
-        if (!this.tempValue?.variables)
-            return;
-        this.tempValue = {
-            ...this.tempValue,
-            variables: this.tempValue.variables.filter(v => v.id !== variableId)
-        };
-    }
-    appendVariableToFormula(variableName) {
-        const currentFormula = this.tempValue?.formula || '';
-        this.tempValue = {
-            ...this.tempValue,
-            formula: `${currentFormula} ${variableName}`
-        };
-    }
-    // #endregion
-    // #region Variable Configuration
-    toggleVariableConfig() {
-        this.showVariableConfig = !this.showVariableConfig;
-        if (!this.showVariableConfig) {
-            this.activeVariable = {};
-        }
-    }
-    bindInput(inputId) {
-        const input = this.formInputs?.find((i) => i.id === inputId);
-        if (!input)
-            return;
-        if (this.activeVariable.formControlName === input.formControlName) {
-            return;
-        }
-        this.activeVariable = {
-            ...this.activeVariable,
-            formControlName: input.formControlName,
-            label: input.label,
-            inputId: input.id,
-            parentInputId: input.multipleInputInEditId
-        };
-    }
-    attachFunction(event, funcValue) {
-        event.stopPropagation();
-        if (this.activeVariable.function === funcValue) {
-            this.activeVariable.function = undefined;
-            this.activeVariable.applyFunctionToCol = undefined;
-            this.activeVariable.applyFunctionToLabel = undefined;
-        }
-        else {
-            this.activeVariable.function = funcValue;
-            this.activeVariable.applyFunctionToCol = this.activeVariable.formControlName;
-            this.activeVariable.applyFunctionToLabel = this.activeVariable.label;
-        }
-    }
-    cancelVariableConfig() {
-        this.activeVariable = {};
-        this.showVariableConfig = false;
-    }
-    saveNewVariable() {
-        const currentVariables = this.tempValue?.variables || [];
-        const newVar = {
-            ...this.activeVariable,
-            id: v4(),
-            variable: this.activeVariable.variable || '',
-        };
-        if (this.inputIsInItemList(newVar)) {
-            const input = this.formInputs?.find((i) => i.formControlName === newVar.formControlName);
-            if (input?.multipleInputInEditId) {
-                newVar['parentInputId'] = input.multipleInputInEditId;
-            }
-        }
-        this.tempValue = {
-            ...this.tempValue,
-            variables: [...currentVariables, newVar],
-            formula: this.tempValue.formula || ''
-        };
-        this.activeVariable = {};
-        this.showVariableConfig = false;
-    }
-    inputIsInItemList(v) {
-        const input = this.formInputs?.find((i) => i.formControlName === v.formControlName);
-        const hasParent = input ? !!input.multipleInputInEditId : false;
-        const isInTable = v.tableCell;
-        return hasParent || isInTable;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CalculatedFieldRulesComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: CalculatedFieldRulesComponent, isStandalone: true, selector: "app-calculated-field-rules", inputs: { placeholder: "placeholder", required: "required", disabled: "disabled", mapToData: "mapToData", formInputs: "formInputs", errors: "errors", value: "value" }, outputs: { valueChange2dWithPath: "valueChange2dWithPath", valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }], usesOnChanges: true, ngImport: i0, template: "<br>\r\n\r\n<!-- View Mode (Summary) -->\r\n@if (!isEditing) {\r\n<div class=\"view-mode-container\"\r\n  style=\"display: flex; flex-direction: column; gap: 8px;background:var(--mat-sys-surface-variant)\">\r\n\r\n  @if (!!value && !mapToData?.['id'] && !tableMode) {\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>Save the input first to enable calculated field configurations</span>\r\n  </div>\r\n  }\r\n\r\n  <div\r\n    style=\"display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--mat-sys-outline-variant, #ccc); border-radius: 4px; padding: 12px;\">\r\n    <div style=\"display: flex; flex-direction: column; width: 100%;\">\r\n      <span style=\"font-size: 0.85em; opacity: 0.7;\">Current Formula</span>\r\n      <span style=\"font-weight: 500; font-size: 1.1em; width: 100%;\">\r\n        <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"true\"\r\n        [value]=\"getFormular\">\r\n        </math-field> -->\r\n\r\n        <code>\r\n          <pre>\r\n              {{ value?.formula || 'No formula configured' }}\r\n          </pre>\r\n          </code>\r\n\r\n\r\n      </span>\r\n      @if(value?.decimalPlaces) {\r\n      <span style=\"font-size: 0.8em; margin-top: 4px; opacity: 0.7;\">\r\n        Decimals: {{value?.decimalPlaces}} | Rounding: {{value?.roundingMode || 'None'}}\r\n      </span>\r\n      }\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n<button style=\"width: 100%;margin-top: 16px;\" mat-stroked-button color=\"primary\" (click)=\"startEdit()\">\r\n  <mat-icon>edit</mat-icon>\r\n  Edit Rules\r\n</button>\r\n}\r\n\r\n<!-- Edit Mode (Editor Card) -->\r\n@else {\r\n<mat-card appearance=\"outlined\" class=\"editor-card\" style=\"padding: 16px; border-color: var(--mat-sys-primary);\">\r\n  <h3 style=\"margin-top: 0; margin-bottom: 16px; color: var(--mat-sys-primary);\">\r\n    <mat-icon style=\"vertical-align: middle; margin-right: 8px;\">functions</mat-icon>\r\n    Edit Calculation\r\n  </h3>\r\n\r\n  <section>\r\n    <!-- Main Formula Input -->\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\" style=\"width: 100%;\">\r\n      <mat-label>Equation</mat-label>\r\n      <textarea matInput [(ngModel)]=\"tempValue['formula']\" placeholder=\"Enter calculation expression\"\r\n        rows=\"3\"></textarea>\r\n      <mat-hint>example: ((a+2)/(b-1))*2</mat-hint>\r\n    </mat-form-field>\r\n      <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"false\"\r\n        [value]=\"getFormular\" \r\n        [smartMode]=\"true\"\r\n        (input)=\"onInput(mathfield.value)\">\r\n        </math-field> -->\r\n    <!-- Optional Source Link -->\r\n    @if (!!tempValue?.getFormulaFromAFormInput) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"\r\n      style=\"margin-bottom: 8px; margin-top: 12px; width: 100%;\" appearance=\"outline\">\r\n      <mat-label>Equation Source</mat-label>\r\n      <mat-select matNativeControl [value]=\"tempValue.formControlWithFormula\"\r\n        (selectionChange)=\"linkFormulaSource($event)\" placeholder=\"select Input with formula\">\r\n        @for (input of formInputs; track input.id) {\r\n        <mat-option [disabled]=\"checkIfInputCanBeLinkedToCalVariable(mapToData, input) || input.element !== 'select'\"\r\n          [value]=\"input.formControlName\">\r\n          {{input.label}}\r\n        </mat-option>\r\n        }\r\n      </mat-select>\r\n      <mat-hint>Link formula to an input value</mat-hint>\r\n    </mat-form-field>\r\n    }\r\n\r\n    <!-- Variable Chips List -->\r\n    <div style=\"margin-top: 12px; margin-bottom: 12px;\">\r\n      <label style=\"font-size: 0.9em; opacity: 0.8; display: block; margin-bottom: 8px;\">Variables</label>\r\n      <mat-chip-listbox aria-label=\"options\">\r\n        @for (variable of (tempValue['variables'] || []); track variable.id) {\r\n        <mat-chip (click)=\"appendVariableToFormula(variable.variable)\" (removed)=\"removeVariable(variable.id!)\">\r\n          <div [style.color]=\"variable.tableCell ? 'var(--ion-color-purple)' : ''\" style=\"font-size: 0.8125em\">\r\n            {{ variable.variable }} - {{ variable.label }}\r\n            @if (variable.function) {\r\n            <span style=\"opacity: 0.6; padding-left: 5px\">{{ variable.function }}</span>\r\n            }\r\n          </div>\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n\r\n        <!-- Add/Close Variable Button -->\r\n        <mat-chip highlighted=\"true\" [color]=\"showVariableConfig ? 'warn' : 'accent'\" (click)=\"toggleVariableConfig()\">\r\n          <span>{{ showVariableConfig ? 'Close Variable Edit' : 'Add a new Variable' }}</span>\r\n          <mat-icon matChipTrailingIcon>{{ showVariableConfig ? 'close' : 'add' }}</mat-icon>\r\n        </mat-chip>\r\n      </mat-chip-listbox>\r\n    </div>\r\n\r\n    <!-- Variable Configuration Panel -->\r\n    @if (showVariableConfig) {\r\n    @defer (on immediate) {\r\n    <ng-container *ngTemplateOutlet=\"variableConfigurationTpl\"></ng-container>\r\n    }\r\n    }\r\n\r\n    <mat-divider style=\"margin: 16px 0;\"></mat-divider>\r\n\r\n    <!-- Rounding Settings -->\r\n    <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n      <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n        style=\"flex: 1; min-width: 150px;\">\r\n        <mat-label>Decimal Places</mat-label>\r\n        <input matInput [(ngModel)]=\"tempValue['decimalPlaces']\" placeholder=\"0\" type=\"number\" min=\"0\">\r\n      </mat-form-field>\r\n\r\n      @if (tempValue['decimalPlaces']) {\r\n      <div style=\"flex: 2;\">\r\n        <label style=\"font-size: 0.85em; opacity: 0.8;\">Rounding Mode</label>\r\n        <mat-chip-listbox aria-label=\"Rounding types\" style=\"margin-top: 4px;\">\r\n          @for (type of roundingType; track type.value) {\r\n          <mat-chip-option (click)=\"tempValue['roundingMode'] = type.value\"\r\n            [selected]=\"tempValue['roundingMode'] === type.value\">\r\n            {{type.label}}\r\n          </mat-chip-option>\r\n          }\r\n        </mat-chip-listbox>\r\n      </div>\r\n      }\r\n    </div>\r\n  </section>\r\n\r\n  <!-- Card Actions (Save/Cancel) -->\r\n  <div style=\"display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;\">\r\n    <button mat-button (click)=\"cancelEdit()\">Cancel</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"saveEdit()\">Save Changes</button>\r\n  </div>\r\n</mat-card>\r\n}\r\n\r\n<!-- Variable Configuration Template -->\r\n<ng-template #variableConfigurationTpl>\r\n  <div\r\n    style=\"background: var(--mat-sys-surface-variant, #f5f5f5); border-radius: 8px; padding: 12px; margin-top: 8px; border: 1px dashed #ccc;\">\r\n    <div class=\"tree-instructions\" style=\"background: azure; margin-bottom: 12px;\">\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>\r\n        <strong>Configure variable</strong><br>\r\n        Link a form input to a variable to use in the equation\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Input Selector -->\r\n    <lib-form-input-selector [disabled]=\"!!activeVariable.formControlName\" [formInputs]=\"cachedNumberInputs\"\r\n      [value]=\"activeVariable.inputId\" (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\">\r\n    </lib-form-input-selector>\r\n\r\n    @if (activeVariable.formControlName) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n      style=\"width: 100%; margin-top: 12px;\">\r\n      <mat-label>Variable Name</mat-label>\r\n      <textarea matInput (click)=\"$event.stopPropagation()\" [(ngModel)]=\"activeVariable.variable\"\r\n        placeholder=\"enter variable\" rows=\"1\"></textarea>\r\n      <mat-hint>A variable is an alphabet or term that represents a form input in the equation.</mat-hint>\r\n    </mat-form-field>\r\n\r\n    @if (activeVariable.parentInputId) {\r\n    <br>\r\n    <mat-label><small>list function ( \u0192 )</small></mat-label>\r\n    <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n      @for (func of allCalculationFunction; track func) {\r\n      <mat-chip-option (click)=\"attachFunction($event, func)\" [selected]=\"activeVariable.function === func\">\r\n        {{func}}\r\n      </mat-chip-option>\r\n      }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n\r\n    <!-- Actions -->\r\n    <mat-toolbar style=\"background: transparent; padding: 0; margin-top: 12px;\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-button (click)=\"cancelVariableConfig()\">Cancel</button>\r\n      <button mat-flat-button color=\"primary\" [disabled]=\"!activeVariable.formControlName || !activeVariable.variable\"\r\n        (click)=\"saveNewVariable()\">\r\n        Add Variable\r\n      </button>\r\n    </mat-toolbar>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Overlay for disabled state -->\r\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOpen]=\"disabled\">\r\n  <div\r\n    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10;\">\r\n  </div>\r\n</ng-template>", styles: [".labelM{font-size:.8125em}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px;margin:8px auto auto}mat-form-field{width:100%;background:azure}.endIcons{height:100%;display:flex!important;align-items:center!important;justify-content:center}mat-chip{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i2$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "directive", type: i4.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i3$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i10.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FormInputSelectorComponent, selector: "lib-form-input-selector", inputs: ["errors", "value", "formInputs", "disabled"], outputs: ["change"] }, { kind: "ngmodule", type: OverlayModule }], deferBlockDependencies: [() => [i2.NgTemplateOutlet]] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CalculatedFieldRulesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-calculated-field-rules', standalone: true, imports: [
-                        MatModulesModule,
-                        CommonModule,
-                        FormsModule,
-                        FormInputSelectorComponent,
-                        OverlayModule
-                    ], providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }], template: "<br>\r\n\r\n<!-- View Mode (Summary) -->\r\n@if (!isEditing) {\r\n<div class=\"view-mode-container\"\r\n  style=\"display: flex; flex-direction: column; gap: 8px;background:var(--mat-sys-surface-variant)\">\r\n\r\n  @if (!!value && !mapToData?.['id'] && !tableMode) {\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>Save the input first to enable calculated field configurations</span>\r\n  </div>\r\n  }\r\n\r\n  <div\r\n    style=\"display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--mat-sys-outline-variant, #ccc); border-radius: 4px; padding: 12px;\">\r\n    <div style=\"display: flex; flex-direction: column; width: 100%;\">\r\n      <span style=\"font-size: 0.85em; opacity: 0.7;\">Current Formula</span>\r\n      <span style=\"font-weight: 500; font-size: 1.1em; width: 100%;\">\r\n        <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"true\"\r\n        [value]=\"getFormular\">\r\n        </math-field> -->\r\n\r\n        <code>\r\n          <pre>\r\n              {{ value?.formula || 'No formula configured' }}\r\n          </pre>\r\n          </code>\r\n\r\n\r\n      </span>\r\n      @if(value?.decimalPlaces) {\r\n      <span style=\"font-size: 0.8em; margin-top: 4px; opacity: 0.7;\">\r\n        Decimals: {{value?.decimalPlaces}} | Rounding: {{value?.roundingMode || 'None'}}\r\n      </span>\r\n      }\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n<button style=\"width: 100%;margin-top: 16px;\" mat-stroked-button color=\"primary\" (click)=\"startEdit()\">\r\n  <mat-icon>edit</mat-icon>\r\n  Edit Rules\r\n</button>\r\n}\r\n\r\n<!-- Edit Mode (Editor Card) -->\r\n@else {\r\n<mat-card appearance=\"outlined\" class=\"editor-card\" style=\"padding: 16px; border-color: var(--mat-sys-primary);\">\r\n  <h3 style=\"margin-top: 0; margin-bottom: 16px; color: var(--mat-sys-primary);\">\r\n    <mat-icon style=\"vertical-align: middle; margin-right: 8px;\">functions</mat-icon>\r\n    Edit Calculation\r\n  </h3>\r\n\r\n  <section>\r\n    <!-- Main Formula Input -->\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\" style=\"width: 100%;\">\r\n      <mat-label>Equation</mat-label>\r\n      <textarea matInput [(ngModel)]=\"tempValue['formula']\" placeholder=\"Enter calculation expression\"\r\n        rows=\"3\"></textarea>\r\n      <mat-hint>example: ((a+2)/(b-1))*2</mat-hint>\r\n    </mat-form-field>\r\n      <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"false\"\r\n        [value]=\"getFormular\" \r\n        [smartMode]=\"true\"\r\n        (input)=\"onInput(mathfield.value)\">\r\n        </math-field> -->\r\n    <!-- Optional Source Link -->\r\n    @if (!!tempValue?.getFormulaFromAFormInput) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"\r\n      style=\"margin-bottom: 8px; margin-top: 12px; width: 100%;\" appearance=\"outline\">\r\n      <mat-label>Equation Source</mat-label>\r\n      <mat-select matNativeControl [value]=\"tempValue.formControlWithFormula\"\r\n        (selectionChange)=\"linkFormulaSource($event)\" placeholder=\"select Input with formula\">\r\n        @for (input of formInputs; track input.id) {\r\n        <mat-option [disabled]=\"checkIfInputCanBeLinkedToCalVariable(mapToData, input) || input.element !== 'select'\"\r\n          [value]=\"input.formControlName\">\r\n          {{input.label}}\r\n        </mat-option>\r\n        }\r\n      </mat-select>\r\n      <mat-hint>Link formula to an input value</mat-hint>\r\n    </mat-form-field>\r\n    }\r\n\r\n    <!-- Variable Chips List -->\r\n    <div style=\"margin-top: 12px; margin-bottom: 12px;\">\r\n      <label style=\"font-size: 0.9em; opacity: 0.8; display: block; margin-bottom: 8px;\">Variables</label>\r\n      <mat-chip-listbox aria-label=\"options\">\r\n        @for (variable of (tempValue['variables'] || []); track variable.id) {\r\n        <mat-chip (click)=\"appendVariableToFormula(variable.variable)\" (removed)=\"removeVariable(variable.id!)\">\r\n          <div [style.color]=\"variable.tableCell ? 'var(--ion-color-purple)' : ''\" style=\"font-size: 0.8125em\">\r\n            {{ variable.variable }} - {{ variable.label }}\r\n            @if (variable.function) {\r\n            <span style=\"opacity: 0.6; padding-left: 5px\">{{ variable.function }}</span>\r\n            }\r\n          </div>\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n\r\n        <!-- Add/Close Variable Button -->\r\n        <mat-chip highlighted=\"true\" [color]=\"showVariableConfig ? 'warn' : 'accent'\" (click)=\"toggleVariableConfig()\">\r\n          <span>{{ showVariableConfig ? 'Close Variable Edit' : 'Add a new Variable' }}</span>\r\n          <mat-icon matChipTrailingIcon>{{ showVariableConfig ? 'close' : 'add' }}</mat-icon>\r\n        </mat-chip>\r\n      </mat-chip-listbox>\r\n    </div>\r\n\r\n    <!-- Variable Configuration Panel -->\r\n    @if (showVariableConfig) {\r\n    @defer (on immediate) {\r\n    <ng-container *ngTemplateOutlet=\"variableConfigurationTpl\"></ng-container>\r\n    }\r\n    }\r\n\r\n    <mat-divider style=\"margin: 16px 0;\"></mat-divider>\r\n\r\n    <!-- Rounding Settings -->\r\n    <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n      <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n        style=\"flex: 1; min-width: 150px;\">\r\n        <mat-label>Decimal Places</mat-label>\r\n        <input matInput [(ngModel)]=\"tempValue['decimalPlaces']\" placeholder=\"0\" type=\"number\" min=\"0\">\r\n      </mat-form-field>\r\n\r\n      @if (tempValue['decimalPlaces']) {\r\n      <div style=\"flex: 2;\">\r\n        <label style=\"font-size: 0.85em; opacity: 0.8;\">Rounding Mode</label>\r\n        <mat-chip-listbox aria-label=\"Rounding types\" style=\"margin-top: 4px;\">\r\n          @for (type of roundingType; track type.value) {\r\n          <mat-chip-option (click)=\"tempValue['roundingMode'] = type.value\"\r\n            [selected]=\"tempValue['roundingMode'] === type.value\">\r\n            {{type.label}}\r\n          </mat-chip-option>\r\n          }\r\n        </mat-chip-listbox>\r\n      </div>\r\n      }\r\n    </div>\r\n  </section>\r\n\r\n  <!-- Card Actions (Save/Cancel) -->\r\n  <div style=\"display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;\">\r\n    <button mat-button (click)=\"cancelEdit()\">Cancel</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"saveEdit()\">Save Changes</button>\r\n  </div>\r\n</mat-card>\r\n}\r\n\r\n<!-- Variable Configuration Template -->\r\n<ng-template #variableConfigurationTpl>\r\n  <div\r\n    style=\"background: var(--mat-sys-surface-variant, #f5f5f5); border-radius: 8px; padding: 12px; margin-top: 8px; border: 1px dashed #ccc;\">\r\n    <div class=\"tree-instructions\" style=\"background: azure; margin-bottom: 12px;\">\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>\r\n        <strong>Configure variable</strong><br>\r\n        Link a form input to a variable to use in the equation\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Input Selector -->\r\n    <lib-form-input-selector [disabled]=\"!!activeVariable.formControlName\" [formInputs]=\"cachedNumberInputs\"\r\n      [value]=\"activeVariable.inputId\" (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\">\r\n    </lib-form-input-selector>\r\n\r\n    @if (activeVariable.formControlName) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n      style=\"width: 100%; margin-top: 12px;\">\r\n      <mat-label>Variable Name</mat-label>\r\n      <textarea matInput (click)=\"$event.stopPropagation()\" [(ngModel)]=\"activeVariable.variable\"\r\n        placeholder=\"enter variable\" rows=\"1\"></textarea>\r\n      <mat-hint>A variable is an alphabet or term that represents a form input in the equation.</mat-hint>\r\n    </mat-form-field>\r\n\r\n    @if (activeVariable.parentInputId) {\r\n    <br>\r\n    <mat-label><small>list function ( \u0192 )</small></mat-label>\r\n    <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n      @for (func of allCalculationFunction; track func) {\r\n      <mat-chip-option (click)=\"attachFunction($event, func)\" [selected]=\"activeVariable.function === func\">\r\n        {{func}}\r\n      </mat-chip-option>\r\n      }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n\r\n    <!-- Actions -->\r\n    <mat-toolbar style=\"background: transparent; padding: 0; margin-top: 12px;\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-button (click)=\"cancelVariableConfig()\">Cancel</button>\r\n      <button mat-flat-button color=\"primary\" [disabled]=\"!activeVariable.formControlName || !activeVariable.variable\"\r\n        (click)=\"saveNewVariable()\">\r\n        Add Variable\r\n      </button>\r\n    </mat-toolbar>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Overlay for disabled state -->\r\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOpen]=\"disabled\">\r\n  <div\r\n    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10;\">\r\n  </div>\r\n</ng-template>", styles: [".labelM{font-size:.8125em}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px;margin:8px auto auto}mat-form-field{width:100%;background:azure}.endIcons{height:100%;display:flex!important;align-items:center!important;justify-content:center}mat-chip{cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }], propDecorators: { id: [{
-                type: HostBinding
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], mapToData: [{
-                type: Input
-            }], formInputs: [{
-                type: Input
-            }], errors: [{
-                type: Input
-            }], valueChange2dWithPath: [{
-                type: Output
-            }], valueChanged: [{
-                type: Output
-            }], value: [{
-                type: Input
-            }] } });
-
-export { CalculatedFieldRulesComponent };
-//# sourceMappingURL=ngx-t-forms-calculated-field-rules.component-D-SBMdYg.mjs.map

package/fesm2022/ngx-t-forms-calculated-field-rules.component-D-SBMdYg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-calculated-field-rules.component-D-SBMdYg.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/calculated-field-rules/calculated-field-rules.component.html"],"sourcesContent":["import {\r\n\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Input,\r\n\r\n  OnChanges,\r\n\r\n  OnDestroy,\r\n  OnInit,\r\n  Optional,\r\n  Output,\r\n  Self,\r\n// CUSTOM_ELEMENTS_SCHEMA,\r\n  SimpleChanges,\r\n\r\n\r\n} from '@angular/core';\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CalculatedFieldRules, TableConfigurationsInterface } from 'ngx-t-forms-types';\r\n\r\nimport { FormColumnInputs } from 'ngx-t-forms-types';\r\nimport { FormsModule, NgControl } from '@angular/forms';\r\nimport { MatSelectChange } from '@angular/material/select';\r\nimport { FormInputSelectorComponent } from '../form-input-selector/form-input-selector.component';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\nimport { CalculationFunctions, calculationVariableInterface } from \"ngx-t-forms-types\"\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { _isEqual } from '../../../../shared/functions/isEqual';\r\n// import 'mathlive';\r\n// Define the interface for the Mathfield element to avoid TS errors\r\n// declare global {\r\n//   interface HTMLElementTagNameMap {\r\n//     'math-field': MathfieldElement;\r\n//   }\r\n// }\r\n\r\n\r\n// import { MathfieldElement } from 'mathlive';\r\n// import { cleanLatexForMathJS, cleanMathJSForLatex } from '../../../../services/core/t-form-tower-controller/functions/lateToMathjs';\r\n@Component({\r\n  selector: 'app-calculated-field-rules',\r\n  templateUrl: './calculated-field-rules.component.html',\r\n  styleUrls: ['./calculated-field-rules.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    MatModulesModule,\r\n    CommonModule,\r\n    FormsModule,\r\n    FormInputSelectorComponent,\r\n    OverlayModule\r\n  ],\r\n  // schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CalculatedFieldRulesComponent }],\r\n})\r\nexport class CalculatedFieldRulesComponent implements OnInit, OnChanges, OnDestroy,\r\n  MatFormFieldControl<CalculatedFieldRules | undefined> {\r\n  static nextId = 0;\r\n\r\n  // #region MatFormFieldControl Properties\r\n  @HostBinding() id = `app-calculated-field-rules-${CalculatedFieldRulesComponent.nextId++}`;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  controlType = 'app-calculated-field-rules';\r\n\r\n  @Input() placeholder: string = '';\r\n  @Input() required: boolean = false;\r\n  @Input() disabled: boolean = false;\r\n\r\n  // #endregion\r\n\r\n  // #region Component Inputs/Outputs\r\n  @Input() mapToData: FormColumnInputs | undefined = undefined;\r\n  @Input() formInputs: Array<FormColumnInputs> = [];\r\n  @Input() errors: IConfigElementError[] | undefined = [];\r\n\r\n  @Output() valueChange2dWithPath = new EventEmitter<any>();\r\n  @Output() valueChanged = new EventEmitter<CalculatedFieldRules | null>();\r\n  // #endregion\r\n\r\n  // Internal State\r\n  protected _value: CalculatedFieldRules | undefined;\r\n\r\n  // Edit Mode State\r\n  isEditing = false;\r\n  tempValue: CalculatedFieldRules = {} as CalculatedFieldRules; // Local state for editing\r\n\r\n  // Cache for performance (calculated in ngOnChanges)\r\n  cachedNumberInputs: FormColumnInputs[] = [];\r\n\r\n  // Variable config state\r\n  activeVariable: Partial<calculationVariableInterface & { inputId?: string, parentInputId?: string }> = {};\r\n  showVariableConfig = false;\r\n\r\n  roundingType: {\r\n    value: any;\r\n    label: string;\r\n  }[] = [\r\n      { value: 'FLOOR', label: 'Round Down (FLOOR)' },\r\n      { value: 'CEIL', label: 'Round Up (CEIL)' },\r\n      { value: 'ROUND', label: 'Standard Rounding (ROUND)' },\r\n    ];\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n    private _elementRef: ElementRef<HTMLElement>\r\n  ) {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n\r\n  ngOnInit() { }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['formInputs']) {\r\n      this.cachedNumberInputs = this.formInputs?.filter(\r\n        (input) => input.dataType === 'number' || input.type === 'number'\r\n      ) || [];\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.next();\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // #region Value Accessor & MatFormFieldControl Logic\r\n\r\n  @Input()\r\n  get value(): CalculatedFieldRules | undefined {\r\n    return this._value;\r\n  }\r\n\r\n  set value(val: CalculatedFieldRules | undefined) {\r\n    if (_isEqual(this._value, val)) return;\r\n    this._value = val ? { \r\n      \r\n      ...val \r\n    \r\n    } : undefined;\r\n    this.stateChanges.next();\r\n    this.valueChanged.emit(this._value);\r\n    this.onChange(this._value);\r\n  }\r\n\r\n  get empty(): boolean {\r\n    return !this._value;\r\n  }\r\n\r\n  get shouldLabelFloat(): boolean {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    const hasCustomError = (this.errors || []).length > 0;\r\n    const hasControlError = !!this.ngControl?.control?.errors;\r\n    return (\r\n      (this.touched && (hasControlError || hasCustomError)) ||\r\n      (!!this.required && !this.value)\r\n    );\r\n  }\r\n\r\n  onChange = (_: any) => { };\r\n  onTouched = () => { };\r\n\r\n  writeValue(value: CalculatedFieldRules): void {\r\n    this.value = value;\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    if (this._elementRef?.nativeElement) {\r\n      const controlElement = this._elementRef.nativeElement.querySelector(\r\n        '.app-calculated-field-rules'\r\n      );\r\n      if (controlElement) {\r\n        controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n      }\r\n    }\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent): void {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n    this.markAsTouched();\r\n  }\r\n\r\n  markAsTouched() {\r\n    if (!this.touched) {\r\n      this.onTouched();\r\n      this.touched = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // #endregion\r\n\r\n  // #region Edit Mode Logic\r\n\r\n  startEdit() {\r\n    // Clone the current value into tempValue to prevent immediate emission\r\n    this.tempValue = this.value\r\n      ? JSON.parse(JSON.stringify(this.value))\r\n      : {} as CalculatedFieldRules;\r\n    this.isEditing = true;\r\n    this.markAsTouched();\r\n  }\r\n\r\n  saveEdit() {\r\n    // Commit tempValue to actual value\r\n    this.value = this.tempValue;\r\n    this.isEditing = false;\r\n  }\r\n\r\n  cancelEdit() {\r\n    // Discard changes\r\n    this.isEditing = false;\r\n    this.tempValue = {} as CalculatedFieldRules;\r\n  }\r\n\r\n  // #endregion\r\n\r\n  // #region Getters\r\n\r\n  get allCalculationFunction() {\r\n    return Object.values(CalculationFunctions);\r\n  }\r\n\r\n  get tableMode(): boolean {\r\n    return !!this.mapToData?.tableConfig;\r\n  }\r\n\r\n  get tableConfig(): TableConfigurationsInterface | undefined {\r\n    return this.mapToData?.tableConfig;\r\n  }\r\n\r\n  // #endregion\r\n\r\n  // #region Logic (Refactored to use tempValue)\r\n\r\n  checkIfInputCanBeLinkedToCalVariable(\r\n    currentInput: FormColumnInputs | undefined,\r\n    inputToDisable: { formControlName: any; parentInput?: any; multipleInputInEditId?: any }\r\n  ): boolean {\r\n    if (!currentInput) return false;\r\n\r\n    if (currentInput.formControlName === inputToDisable.formControlName) {\r\n      return true;\r\n    }\r\n\r\n    if (!currentInput.multipleInputInEditId) {\r\n      return !!inputToDisable.parentInput || !!inputToDisable.multipleInputInEditId;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  linkFormulaSource(event: MatSelectChange) {\r\n    this.tempValue = {\r\n      ...this.tempValue,\r\n      formControlWithFormula: event.value,\r\n      formula: undefined as any // Reset formula when source changes\r\n    };\r\n  }\r\n\r\n  removeVariable(variableId: string) {\r\n    if (!this.tempValue?.variables) return;\r\n\r\n    this.tempValue = {\r\n      ...this.tempValue,\r\n      variables: this.tempValue.variables.filter(v => v.id !== variableId)\r\n    };\r\n  }\r\n\r\n  appendVariableToFormula(variableName: string) {\r\n    const currentFormula = this.tempValue?.formula || '';\r\n    this.tempValue = {\r\n      ...this.tempValue,\r\n      formula: `${currentFormula} ${variableName}`\r\n    } as CalculatedFieldRules;\r\n  }\r\n\r\n  // #endregion\r\n\r\n  // #region Variable Configuration\r\n\r\n  toggleVariableConfig() {\r\n    this.showVariableConfig = !this.showVariableConfig;\r\n    if (!this.showVariableConfig) {\r\n      this.activeVariable = {};\r\n    }\r\n  }\r\n\r\n  bindInput(inputId: string) {\r\n    const input = this.formInputs?.find((i) => i.id === inputId);\r\n    if (!input) return;\r\n\r\n    if (this.activeVariable.formControlName === input.formControlName) {\r\n      return;\r\n    }\r\n\r\n    this.activeVariable = {\r\n      ...this.activeVariable,\r\n      formControlName: input.formControlName,\r\n      label: input.label,\r\n      inputId: input.id,\r\n      parentInputId: input.multipleInputInEditId\r\n    };\r\n  }\r\n\r\n  attachFunction(event: Event, funcValue: any) {\r\n    event.stopPropagation();\r\n\r\n    if (this.activeVariable.function === funcValue) {\r\n      this.activeVariable.function = undefined;\r\n      this.activeVariable.applyFunctionToCol = undefined;\r\n      this.activeVariable.applyFunctionToLabel = undefined;\r\n    } else {\r\n      this.activeVariable.function = funcValue;\r\n      this.activeVariable.applyFunctionToCol = this.activeVariable.formControlName;\r\n      this.activeVariable.applyFunctionToLabel = this.activeVariable.label;\r\n    }\r\n  }\r\n\r\n  cancelVariableConfig() {\r\n    this.activeVariable = {};\r\n    this.showVariableConfig = false;\r\n  }\r\n\r\n  saveNewVariable() {\r\n    const currentVariables = this.tempValue?.variables || [];\r\n\r\n    const newVar: calculationVariableInterface = {\r\n      ...this.activeVariable,\r\n      id: uuidv4(),\r\n      variable: this.activeVariable.variable || '',\r\n    } as calculationVariableInterface;\r\n\r\n    if (this.inputIsInItemList(newVar)) {\r\n      const input = this.formInputs?.find(\r\n        (i) => i.formControlName === newVar.formControlName\r\n      );\r\n      if (input?.multipleInputInEditId) {\r\n        (newVar as any)['parentInputId'] = input.multipleInputInEditId;\r\n      }\r\n    }\r\n\r\n    this.tempValue = {\r\n      ...this.tempValue,\r\n      variables: [...currentVariables, newVar],\r\n      formula: this.tempValue.formula || ''\r\n    };\r\n\r\n    this.activeVariable = {};\r\n    this.showVariableConfig = false;\r\n  }\r\n\r\n  private inputIsInItemList(v: Partial<calculationVariableInterface>): boolean {\r\n    const input = this.formInputs?.find(\r\n      (i) => i.formControlName === v.formControlName\r\n    );\r\n    const hasParent = input ? !!input.multipleInputInEditId : false;\r\n    const isInTable = (v as any).tableCell;\r\n    return hasParent || isInTable;\r\n  }\r\n\r\n  // #endregion\r\n\r\n\r\n  // #region Mathlive setup\r\n  // onInput(event: string) {\r\n  //   // The event target is the <math-field> element\r\n  \r\n    \r\n  //   this.tempValue = {\r\n  //     ...this.tempValue,\r\n  //     formula:cleanLatexForMathJS(event)\r\n  //   }\r\n\r\n  //   // Update the local state with the new LaTeX value\r\n  \r\n  // }\r\n  // get getFormular(){\r\n  //   return cleanMathJSForLatex(this.value?.formula||'')\r\n  // }\r\n  // #endregion\r\n}","<br>\r\n\r\n<!-- View Mode (Summary) -->\r\n@if (!isEditing) {\r\n<div class=\"view-mode-container\"\r\n  style=\"display: flex; flex-direction: column; gap: 8px;background:var(--mat-sys-surface-variant)\">\r\n\r\n  @if (!!value && !mapToData?.['id'] && !tableMode) {\r\n  <div class=\"tree-instructions\">\r\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n    <span>Save the input first to enable calculated field configurations</span>\r\n  </div>\r\n  }\r\n\r\n  <div\r\n    style=\"display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--mat-sys-outline-variant, #ccc); border-radius: 4px; padding: 12px;\">\r\n    <div style=\"display: flex; flex-direction: column; width: 100%;\">\r\n      <span style=\"font-size: 0.85em; opacity: 0.7;\">Current Formula</span>\r\n      <span style=\"font-weight: 500; font-size: 1.1em; width: 100%;\">\r\n        <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"true\"\r\n        [value]=\"getFormular\">\r\n        </math-field> -->\r\n\r\n        <code>\r\n          <pre>\r\n              {{ value?.formula || 'No formula configured' }}\r\n          </pre>\r\n          </code>\r\n\r\n\r\n      </span>\r\n      @if(value?.decimalPlaces) {\r\n      <span style=\"font-size: 0.8em; margin-top: 4px; opacity: 0.7;\">\r\n        Decimals: {{value?.decimalPlaces}} | Rounding: {{value?.roundingMode || 'None'}}\r\n      </span>\r\n      }\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n<button style=\"width: 100%;margin-top: 16px;\" mat-stroked-button color=\"primary\" (click)=\"startEdit()\">\r\n  <mat-icon>edit</mat-icon>\r\n  Edit Rules\r\n</button>\r\n}\r\n\r\n<!-- Edit Mode (Editor Card) -->\r\n@else {\r\n<mat-card appearance=\"outlined\" class=\"editor-card\" style=\"padding: 16px; border-color: var(--mat-sys-primary);\">\r\n  <h3 style=\"margin-top: 0; margin-bottom: 16px; color: var(--mat-sys-primary);\">\r\n    <mat-icon style=\"vertical-align: middle; margin-right: 8px;\">functions</mat-icon>\r\n    Edit Calculation\r\n  </h3>\r\n\r\n  <section>\r\n    <!-- Main Formula Input -->\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\" style=\"width: 100%;\">\r\n      <mat-label>Equation</mat-label>\r\n      <textarea matInput [(ngModel)]=\"tempValue['formula']\" placeholder=\"Enter calculation expression\"\r\n        rows=\"3\"></textarea>\r\n      <mat-hint>example: ((a+2)/(b-1))*2</mat-hint>\r\n    </mat-form-field>\r\n      <!-- <math-field style=\"width: 100%;\" #mathfield \r\n        [readOnly]=\"false\"\r\n        [value]=\"getFormular\" \r\n        [smartMode]=\"true\"\r\n        (input)=\"onInput(mathfield.value)\">\r\n        </math-field> -->\r\n    <!-- Optional Source Link -->\r\n    @if (!!tempValue?.getFormulaFromAFormInput) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\"\r\n      style=\"margin-bottom: 8px; margin-top: 12px; width: 100%;\" appearance=\"outline\">\r\n      <mat-label>Equation Source</mat-label>\r\n      <mat-select matNativeControl [value]=\"tempValue.formControlWithFormula\"\r\n        (selectionChange)=\"linkFormulaSource($event)\" placeholder=\"select Input with formula\">\r\n        @for (input of formInputs; track input.id) {\r\n        <mat-option [disabled]=\"checkIfInputCanBeLinkedToCalVariable(mapToData, input) || input.element !== 'select'\"\r\n          [value]=\"input.formControlName\">\r\n          {{input.label}}\r\n        </mat-option>\r\n        }\r\n      </mat-select>\r\n      <mat-hint>Link formula to an input value</mat-hint>\r\n    </mat-form-field>\r\n    }\r\n\r\n    <!-- Variable Chips List -->\r\n    <div style=\"margin-top: 12px; margin-bottom: 12px;\">\r\n      <label style=\"font-size: 0.9em; opacity: 0.8; display: block; margin-bottom: 8px;\">Variables</label>\r\n      <mat-chip-listbox aria-label=\"options\">\r\n        @for (variable of (tempValue['variables'] || []); track variable.id) {\r\n        <mat-chip (click)=\"appendVariableToFormula(variable.variable)\" (removed)=\"removeVariable(variable.id!)\">\r\n          <div [style.color]=\"variable.tableCell ? 'var(--ion-color-purple)' : ''\" style=\"font-size: 0.8125em\">\r\n            {{ variable.variable }} - {{ variable.label }}\r\n            @if (variable.function) {\r\n            <span style=\"opacity: 0.6; padding-left: 5px\">{{ variable.function }}</span>\r\n            }\r\n          </div>\r\n          <button matChipRemove>\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n\r\n        <!-- Add/Close Variable Button -->\r\n        <mat-chip highlighted=\"true\" [color]=\"showVariableConfig ? 'warn' : 'accent'\" (click)=\"toggleVariableConfig()\">\r\n          <span>{{ showVariableConfig ? 'Close Variable Edit' : 'Add a new Variable' }}</span>\r\n          <mat-icon matChipTrailingIcon>{{ showVariableConfig ? 'close' : 'add' }}</mat-icon>\r\n        </mat-chip>\r\n      </mat-chip-listbox>\r\n    </div>\r\n\r\n    <!-- Variable Configuration Panel -->\r\n    @if (showVariableConfig) {\r\n    @defer (on immediate) {\r\n    <ng-container *ngTemplateOutlet=\"variableConfigurationTpl\"></ng-container>\r\n    }\r\n    }\r\n\r\n    <mat-divider style=\"margin: 16px 0;\"></mat-divider>\r\n\r\n    <!-- Rounding Settings -->\r\n    <div style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\r\n      <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n        style=\"flex: 1; min-width: 150px;\">\r\n        <mat-label>Decimal Places</mat-label>\r\n        <input matInput [(ngModel)]=\"tempValue['decimalPlaces']\" placeholder=\"0\" type=\"number\" min=\"0\">\r\n      </mat-form-field>\r\n\r\n      @if (tempValue['decimalPlaces']) {\r\n      <div style=\"flex: 2;\">\r\n        <label style=\"font-size: 0.85em; opacity: 0.8;\">Rounding Mode</label>\r\n        <mat-chip-listbox aria-label=\"Rounding types\" style=\"margin-top: 4px;\">\r\n          @for (type of roundingType; track type.value) {\r\n          <mat-chip-option (click)=\"tempValue['roundingMode'] = type.value\"\r\n            [selected]=\"tempValue['roundingMode'] === type.value\">\r\n            {{type.label}}\r\n          </mat-chip-option>\r\n          }\r\n        </mat-chip-listbox>\r\n      </div>\r\n      }\r\n    </div>\r\n  </section>\r\n\r\n  <!-- Card Actions (Save/Cancel) -->\r\n  <div style=\"display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px;\">\r\n    <button mat-button (click)=\"cancelEdit()\">Cancel</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"saveEdit()\">Save Changes</button>\r\n  </div>\r\n</mat-card>\r\n}\r\n\r\n<!-- Variable Configuration Template -->\r\n<ng-template #variableConfigurationTpl>\r\n  <div\r\n    style=\"background: var(--mat-sys-surface-variant, #f5f5f5); border-radius: 8px; padding: 12px; margin-top: 8px; border: 1px dashed #ccc;\">\r\n    <div class=\"tree-instructions\" style=\"background: azure; margin-bottom: 12px;\">\r\n      <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\r\n      <span>\r\n        <strong>Configure variable</strong><br>\r\n        Link a form input to a variable to use in the equation\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Input Selector -->\r\n    <lib-form-input-selector [disabled]=\"!!activeVariable.formControlName\" [formInputs]=\"cachedNumberInputs\"\r\n      [value]=\"activeVariable.inputId\" (click)=\"$event.stopPropagation()\" (change)=\"bindInput($event)\">\r\n    </lib-form-input-selector>\r\n\r\n    @if (activeVariable.formControlName) {\r\n    <mat-form-field [subscriptSizing]=\"'dynamic'\" [floatLabel]=\"'always'\" appearance=\"outline\"\r\n      style=\"width: 100%; margin-top: 12px;\">\r\n      <mat-label>Variable Name</mat-label>\r\n      <textarea matInput (click)=\"$event.stopPropagation()\" [(ngModel)]=\"activeVariable.variable\"\r\n        placeholder=\"enter variable\" rows=\"1\"></textarea>\r\n      <mat-hint>A variable is an alphabet or term that represents a form input in the equation.</mat-hint>\r\n    </mat-form-field>\r\n\r\n    @if (activeVariable.parentInputId) {\r\n    <br>\r\n    <mat-label><small>list function ( ƒ )</small></mat-label>\r\n    <mat-chip-listbox class=\"mat-mdc-chip-set-stacked\" aria-label=\"Calculation function\">\r\n      @for (func of allCalculationFunction; track func) {\r\n      <mat-chip-option (click)=\"attachFunction($event, func)\" [selected]=\"activeVariable.function === func\">\r\n        {{func}}\r\n      </mat-chip-option>\r\n      }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n\r\n    <!-- Actions -->\r\n    <mat-toolbar style=\"background: transparent; padding: 0; margin-top: 12px;\" lines=\"none\">\r\n      <span class=\"spacer\"></span>\r\n      <button mat-button (click)=\"cancelVariableConfig()\">Cancel</button>\r\n      <button mat-flat-button color=\"primary\" [disabled]=\"!activeVariable.formControlName || !activeVariable.variable\"\r\n        (click)=\"saveNewVariable()\">\r\n        Add Variable\r\n      </button>\r\n    </mat-toolbar>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Overlay for disabled state -->\r\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOpen]=\"disabled\">\r\n  <div\r\n    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10;\">\r\n  </div>\r\n</ng-template>"],"names":["uuidv4","i2","i3","i4","i5","i6","i7","i8","i9","i11","i12"],"mappings":"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"}