Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-form/js/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import FCore from "../core/FCore";
import ScalableComponent from "../core/ScalableComponent";
import ComboBox from "./ComboBox";
import inheritComponentClass from "../core/inheritComponentClass";
import InputAttributeHandlers, {InputAttributeNames} from "./handlers/InputAttributeHandlers";
import {AssemblerInstance} from "../core/Assembler";
import DomSignal from "absol/src/HTML5/DomSignal";

var _ = FCore._;

/***
 * @extends ScalableComponent
 * @constructor
 */
function TreeComboBox() {
    ScalableComponent.call(this);
}

inheritComponentClass(TreeComboBox, ScalableComponent);

TreeComboBox.prototype.tag = "TreeComboBox";

TreeComboBox.prototype.menuIcon = [
    '<svg style="width:22px;height:22px" viewBox="0 0 24 24" width="24" height="24">',
    '<g transform="scale(0.5, 0.5) translate(10, 10)">',
    '<path fill="currentColor" d="M3,3H9V7H3V3M15,10H21V14H15V10M15,17H21V21H15V17M13,13H7V18H13V20H7L5,20V9H7V11H13V13Z" />',
    '</g>',
    '<path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4" />',
    '</svg>'
].join('\n');

Object.assign(TreeComboBox.prototype.attributeHandlers, InputAttributeHandlers);

TreeComboBox.prototype.attributeHandlers.value = ComboBox.prototype.attributeHandlers.value;
TreeComboBox.prototype.attributeHandlers.searchable = ComboBox.prototype.attributeHandlers.searchable;
TreeComboBox.prototype.attributeHandlers.strictValue = ComboBox.prototype.attributeHandlers.strictValue;
TreeComboBox.prototype.attributeHandlers.treeList = Object.assign({}, ComboBox.prototype.attributeHandlers.list, {
    descriptor: {
        type: 'SelectTreeList'
    },
    export: function () {
        var treeList = this.domElt.items;
        return treeList.map(function copyItem(item) {
            var newItem = {value: item.value, text: item.text};
            if (item.items && item.items.length)
                newItem.items = item.items.map(copyItem);
            return newItem;
        });
    }
});

TreeComboBox.prototype.pinHandlers.treeList = {
    receives: function (value) {
        this.attributes.treeList = value;
    },
    descriptor: {
        type: 'SelectTreeList'
    }
};

TreeComboBox.prototype.pinHandlers.value = ComboBox.prototype.pinHandlers.value;

TreeComboBox.prototype.onCreate = function () {
    ScalableComponent.prototype.onCreate.call(this);
};


TreeComboBox.prototype.onCreated = function () {
    ScalableComponent.prototype.onCreated.call(this);
    var self = this;
    if (!this.domElt.domSignal) {
        this.domElt.$domSignal = _('attachhook').addTo(this.domElt);
        this.domElt.domSignal = new DomSignal(this.domElt.$domSignal);
    }
    this.domSignal = this.domElt.domSignal;
    this.domSignal.on('pinFireAll', this.pinFireAll.bind(this));
    this.view.on('change', function () {
        self.emit("change", {type: 'change', value: this.value}, self);
        self.pinFire('value');
        self.notifyChange();
    });
};

TreeComboBox.prototype.render = function () {
    return _('selecttreemenu');
};


TreeComboBox.prototype.getAcceptsAttributeNames = function () {
    return ScalableComponent.prototype.getAcceptsAttributeNames.call(this).concat(["treeList", 'value', 'searchable'])
        .concat(InputAttributeNames);
};


TreeComboBox.prototype.getAcceptsEventNames = function () {
    return ScalableComponent.prototype.getAcceptsEventNames.call(this).concat(['change']);
};


TreeComboBox.prototype.measureMinSize = function () {
    var minWidthStyle = this.domElt ? parseFloat(this.domElt.getComputedStyleValue('min-width').replace('px')) : 24;
    return {width: Math.max(minWidthStyle, 24), height: 25};
};

TreeComboBox.prototype.createDataBindingDescriptor = function () {
    var thisC = this;
    var subObj = {};
    Object.defineProperties(subObj, {
        value: {
            configurable: true,
            enumerable: true,
            set: function (value) {
                thisC.setAttribute('value', value);
            },
            get: function () {
                return thisC.getAttribute('value');
            }
        },
        treeList: {
            enumerable: false,
            configurable: true,
            get: function () {
                return thisC.getAttribute('treeList');
            },
            set: function (value) {
                thisC.setAttribute('treeList', value);
            }
        }
    });

    return {
        set: function (value) {
            Object.assign(subObj, value);
        },
        get: function () {
            return subObj;
        }
    };
};

AssemblerInstance.addClass(TreeComboBox);

export default TreeComboBox;