Function __updateBindings

packages/joint-decorators/src/decorators/Model.ts:54–89

(cell: dia.Cell, changed: any, opt: dia.Cell.Options = {})

        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        function __updateBindings(cell: dia.Cell, changed: any, opt: dia.Cell.Options = {}) {
            const attrs = {};

            const changedBindings = bindings.filter(binding => binding.triggers.some(trigger => Object.keys(changed).includes(trigger)));

            for (const { id, path, expression, args, isFunction, triggers, name } of changedBindings) {
                const existingExpression = util.getByPath(attrs, path);
                let evalExpression;

                if (existingExpression !== undefined) {
                    // one of the bound properties has been already resolved
                    evalExpression = existingExpression;
                } else {
                    evalExpression = expression;
                }
                const expressionRegex = new RegExp(`\\${id}`, 'g');
                let value = cell.attributes[triggers[0]];

                if (isFunction) {
                    const attributeValues = triggers.map(attribute => cell.attributes[attribute]);
                    // @ts-expect-error - functions is not typed
                    const functions = cell.constructor['functions'] || {};
                    if (name in functions) {
                        value = functions[name].call(cell, ...attributeValues, ...args);
                    } else {
                        throw new Error(`Function '${name}' is not defined.`);
                    }
                }

                evalExpression = evalExpression.replace(expressionRegex, value);
                util.setByPath(attrs, path, evalExpression);
            }

            opt.unset = false;
            cell.attr(attrs, opt);
        }

        function __onChange(this: dia.Cell, cell: dia.Cell, opt: dia.Cell.Options = {}) {
            __updateBindings(cell, this.changed, opt);