@nebularstreams/libmui 3.1.0 → 4.0.0

package/src/widgets/TemplatedInputWidget.js

@@ -1,1395 +0,0 @@
-import m from "mithril";
-
-import {defineWidget, Notification, ButtonNew, Icon, Empty, Selector} from "./Basic";
-import CardieWidget from "./CardieWidget";
-import ButtonChoiceWidget from "./ButtonChoiceWidget";
-import InputWidget from "./InputWidget";
-import NoticeWidget from "./NoticeWidget";
-import ComboWidget from "./ComboWidget";
-import ComboPrompt from "./ComboPrompt";
-import SwitchWidget from "./SwitchWidget";
-import ColorJoeWidget from "./ColorJoeWidget";
-import Separator from "./Separator";
-import PlusMinusWidget from "./PlusMinusWidget";
-import RangeWidget from "./RangeWidget";
-import FontSelectorButton from "./FontSelectorButton";
-import SmileysButton from "./SmileysButton.js"
-import InputTemplates from "../meta/InputTemplates.js"
-
-import cloneObject from "../util/util.clone.js"
-
-import {confirm} from "../util/fuckingconfirm.js"
-import {promptName} from "./OverflowUtils.js"
-import {sanitizeFilename} from "../util/util.tokenizer"
-import {taint} from "../util/tainter"
-import MainState, {getWidget} from "../app/MainState.js"
-
-const
-
-    NEEDS_UPDATE = "needsUpdate",
-    REBUILD_CHILDREN = "_rebuild_children",
-    NEEDS_DELETE = "delete",
-    KeyWrapper = defineWidget(
-        ({children}) => [children]
-    ),
-    ToggleWidget = defineWidget(
-        ({attrs}) => m(ButtonNew, {
-            text: attrs.text,
-            icon: attrs.icon,
-            title: attrs.hint,
-            iconClass: attrs.iconClass,
-            class: (attrs.checked ? attrs.inverted ? "" : "accent " : attrs.inverted ? "accent " : "") + (attrs.class || "") + (attrs.noclass || " tgbutton"),
-            onClick: () => attrs.onchange(!attrs.checked)
-        })
-    ),
-    RangeToggleWidget = defineWidget(
-        ({attrs}) => m(RangeWidget, {
-
-            min: 0,
-            max: attrs.max || 1,
-            step: 0.1,
-            ...attrs.mul && {multiplier: attrs.mul},
-            class: "tgrange grows innerlabel",
-            title: attrs.text,
-            value: attrs.value ?? 0,
-            hint: attrs.hint,
-            onchange: (value) => attrs.onchange(value),
-            parser: (v) => v || "OFF"
-        })
-    ),
-
-    MultiToggleWidget = defineWidget(
-        ({attrs, children}) => m(".flexrow.wrap", {class: attrs.class}, attrs.source
-            ? Object.keys(attrs.source)
-                .map((key) => m(getWidget(attrs.widget) || ToggleWidget, {
-                    text: key,
-                    icon: attrs.icon,
-                    checked: !!attrs.source[key],
-                    hint: attrs.hint,
-                    value: attrs.source[key],
-                    class: attrs.buttonClass,
-                    max: attrs.max,
-                    mul: attrs.mul,
-                    onchange: (checked) => {
-                        attrs.source[key] = checked >= 0 ? checked : !!checked;
-                        attrs.onchange(key);
-                    }
-                }))
-                .concat(children)
-            : [])
-    ),
-    PagedMultiToggleWidget = defineWidget(
-        ({attrs, state, children}) => [
-            ...attrs.keys.length > 1
-                ? [
-                    m(
-                        ".flexrow.wrap",
-                        {class: attrs.class},
-                        attrs.source
-                            ? attrs.keys
-                                .map((key) => m(ToggleWidget, {
-                                    text: key,
-                                    checked: state.current === key,
-                                    class: attrs.selectorButtonClass || "transp",
-                                    hint: attrs.hint,
-                                    onchange: () => {
-                                        state.current = key;
-                                        m.redraw();
-                                    }
-                                }))
-                            : []
-                    )
-                ]
-                : [],
-            ...state.current
-                ? [
-                    m(MultiToggleWidget, {
-                        class: attrs.class,
-                        source: attrs.source[state.current],
-                        icon: attrs.icon,
-                        buttonClass: attrs.buttonClass,
-                        onchange: attrs.onchange,
-                        hint: attrs.hint,
-                        widget: attrs.nocustom !== state.current ? getWidget(attrs.widget) : undefined,
-                        max: attrs.max,
-                        mul: attrs.mul
-                    }, children)
-                ]
-                : []
-        ],
-        ({attrs, state}) => {
-            state.current = attrs.keys[0];
-        }
-    ),
-    KeyIteratorWidget = defineWidget(
-        ({attrs, children}) => {
-            const
-                isArray = attrs.source && Array.isArray(attrs.source),
-                keys = isArray ? attrs.source.map((_, i) => i) : attrs.keys || attrs.source && Object.keys(attrs.source),
-                expandedView = () => (keys && keys.length) || attrs.add
-                    ? [
-                        ...attrs.cardie || attrs.noseparator
-                            ? []
-                            : [m(Separator, {
-                                class: attrs.separatorClass,
-                                text: attrs.caption
-                            })],
-
-                        m(".flexrow.wrap", {class: attrs.class},
-                            (
-                                attrs.source
-                                    ? keys.map((key) => m(getWidget(attrs.widget.name), {
-                                        keyName: key,
-                                        class: attrs.widgetClass,
-                                        ...((typeof attrs.widget.attrs === "function" ? attrs.widget.attrs(attrs, key) : attrs.widget.attrs) || {}),
-                                        value: attrs.source[key],
-                                        parameters: attrs.targetParameters,
-                                        onchange: (newValue, event) => {
-                                            if (!newValue && attrs.add && event.shiftKey) {
-
-                                                if (isArray) {
-                                                    attrs.source.splice(key, 1);
-                                                } else {
-                                                    delete attrs.source[key];
-                                                }
-                                            } else {
-                                                attrs.source[key] = newValue;
-                                            }
-                                            attrs.onchange(key);
-                                        }
-                                    }))
-                                    : []
-                            )
-                                .concat(attrs.add && !attrs.keys ? [
-                                    m(ButtonNew, {
-                                        icon: "plus",
-                                        class: attrs.addButtonClass || "marg-1 transp leftbutton grows unitsizesmall",
-                                        text: `add ${attrs.add}`,
-                                        onClick: () => {
-                                            promptName(
-                                                `Enter new ${attrs.add} name`,
-                                                "",
-                                                `type ${attrs.add}  name`,
-                                                (newName) => {
-
-                                                    const NEWITEM = ""; // TODO
-
-                                                    if (newName) {
-                                                        newName = sanitizeFilename(newName)
-                                                            .toLowerCase();
-                                                    }
-                                                    if (newName) {
-                                                        if (isArray) {
-                                                            attrs.source.push(NEWITEM);
-                                                        } else {
-                                                            if (!attrs.source[newName]) {
-                                                                attrs.source[newName] = NEWITEM;
-                                                                m.redraw();
-                                                            }
-                                                        }
-                                                    }
-                                                });
-                                        }
-                                    })
-                                ] : [])
-                                .concat(children)
-                        )
-                    ]
-                    : attrs.empty ? m(Empty, attrs.empty) : [];
-
-            return attrs.cardie
-                ? m(CardieWidget, {
-                    nofold: false,
-                    size: 1,
-                    cols: false,
-
-                    title: attrs.caption,
-
-                    cardid: attrs.cardie,
-                    class: "relative grows" + (attrs.cardieClass ? " " + attrs.cardieClass : ""),
-                    expandedView
-                })
-                : expandedView();
-        }
-    ),
-    ToggleStateWidget = defineWidget(
-        ({attrs}) => m(ButtonNew, {
-            text: attrs.states[Number.parseInt(attrs.checked, 10) || 0] || "---",
-            icon: attrs.icon,
-            hint: attrs.hint,
-            class: "tgbutton " + (attrs.checked ? attrs.inverted ? "" : "accent " : attrs.inverted ? "accent " : "") + (attrs.class || ""),
-            onClick: () => {
-                let v = Number.parseInt(attrs.checked, 10) || 0;
-                v++;
-                v %= attrs.states.length;
-                attrs.onchange(v);
-            }
-        })
-    ),
-
-    TemplateWidget = defineWidget(
-        ({attrs, state}) => {
-
-            const
-                items = attrs.template.presets
-                    .concat(state.files || []);
-
-            return m(".templatepresets.flexrow.wrap", {class: attrs.class}, items.length ? items.map((item) => m(attrs.template.render, {
-                item,
-                title: "Apply " + attrs.template.name + " to " + attrs.type,
-                onClick: () => attrs.onClick(item),
-                layer: attrs.layer
-            })) : attrs.template.empty ? m(NoticeWidget, attrs.template.empty) : m(".emptybox", "No presets available"));
-        },
-
-        ({attrs, state}) => {
-            if (attrs.template.files && attrs.entity) {
-                attrs.template.files(attrs.entity)
-                    .then((files) => {
-                        state.files = files;
-                        m.redraw();
-                    })
-                    .catch(() => {
-                        //
-                    });
-            }
-        }
-    ),
-
-    checkWhen = (whenner, parameters, auxParameters, targetParameters) => {
-        return typeof whenner === "function"
-            ? whenner(parameters, auxParameters)
-            : typeof whenner === "string"
-                ? !!targetParameters[whenner]
-                : whenner.key
-                    ? whenner.value
-                        ? whenner.not
-                            ? targetParameters[whenner.key] !== whenner.value
-                            : targetParameters[whenner.key] == whenner.value
-                        : whenner.not
-                            ? !targetParameters[whenner.key]
-                            : !!targetParameters[whenner.key]
-                    : !!targetParameters[whenner.key];
-
-    },
-
-    ParameterTable = defineWidget(
-        ({attrs, state, children}) => {
-
-            let total = 0;
-
-            const
-
-                {
-                    meta,
-                    crit = {}, when = {}, sizes = {},
-                    metaKeys = Object.keys(attrs.meta),
-                    global,
-                    parameters, auxParameters, clone, onchange, itemClass, wrapper,
-                    empty: vacioperovacio,
-                    name // new to index a parent
-                } = attrs,
-
-                widgets = metaKeys.map((metaKey) => {
-
-                    const
-                        metaDef = meta[metaKey],
-                        whenner = metaDef.when || (when ? when[metaKey] : undefined),
-                        isObj = typeof metaDef === "object" && !metaDef.length,
-                        targetSource = isObj && ((metaDef.auxTarget && !metaDef.target) || attrs.auxTargetIsDefault)
-                            ? auxParameters : parameters,
-
-                        targetParameters = isObj && (metaDef.target || metaDef.forTarget)
-                            ? targetSource[metaDef.target || targetSource.forTarget]
-                            : targetSource;
-
-                    // targetSource estaba antes, targetParameters incluye TARGET !!!!
-                    if (!parameters || (whenner && !checkWhen(whenner, parameters, auxParameters, targetParameters))) {
-                        return [];
-                    }
-
-                    const
-
-                        isWidget = isObj && metaDef.widget,
-                        UPDATECODE = isObj ? metaDef.update || crit[metaKey] : false,
-
-                        paramKey = (isObj && metaDef.key) || metaKey,
-
-                        isCardie = isObj && metaDef.type === "group",
-                        isCardieArray = isObj && metaDef.type === "groupArray",
-                        isString = typeof metaDef === "string" || (isObj && metaDef.type === "text"),
-                        isJson = (isObj && metaDef.type === "json"),
-                        isBoolean = typeof metaDef === "boolean" || (isObj && metaDef.type === "boolean"),
-
-                        isNumber = isObj && metaDef.type === "number",
-                        isRange = isObj && !Number.isNaN(metaDef.min),
-                        isActionButton = isObj && (metaDef.type === "action"),
-                        isButtonChoice = isObj && (metaDef.choices || metaDef.choose || metaDef.chooseKey),
-                        isMultiToggle = isObj && metaDef.type === "keytoggle",
-                        isKeyIterator = isObj && metaDef.type === "iterakey",
-                        isCombo = isObj && (metaDef.options || metaDef.optionsKey),
-                        isFullCombo = isObj && metaDef.items,
-                        isColor = isObj && metaDef.type === "color",
-                        isPlusMinus = isObj && metaDef.type === "plusminus",
-                        isSeparator = isObj && metaDef.type === "separator",
-                        isText = isObj && metaDef.type === "static",
-                        isEmoji = isObj && metaDef.type === "emoji",
-                        isFont = isObj && metaDef.type === "font",
-                        isNotice = isObj && metaDef.type === "notice",
-                        isAsset = isObj && metaDef.type === "asset",
-
-                        size = isSeparator ? "col-12" : "col-" + (metaDef.size || sizes[metaKey] || 4);
-
-
-                    // TODO
-                    if (!targetParameters) return [];
-
-                    // situacion: mostrar props f0 (objeto 3d), pero source[f0] no existe
-                    // targetParameters es NULL en ese caso !
-                    const
-                        altMeta = isObj && metaDef.altMeta && meta[metaDef.altMeta],
-
-                        idx = metaDef.idx,
-                        hasIndex = idx >= 0,
-
-                        rawValue = isObj && metaDef.get
-                            ? metaDef.get(targetParameters, auxParameters, parameters)
-                            : hasIndex ? targetParameters[paramKey] ? targetParameters[paramKey][idx] : 0 : targetParameters[paramKey],
-
-                        altMetaKey = altMeta && metaDef.altMeta,
-                        altKey = altMeta && altMeta.key,
-
-                        internalSet = isObj && metaDef.set
-                            ? (v) => metaDef.set(
-                                targetParameters,
-                                (
-                                    (v && clone && typeof v === "object")
-                                        ? cloneObject(v)
-                                        : v
-                                ),
-                                auxParameters,
-                                parameters,
-                                idx
-                            )
-                            // eslint-disable-next-line no-return-assign
-                            : (v, nothing, altKey) => {
-
-                                const
-                                    finalKey = altKey || paramKey,
-                                    xdest = hasIndex ? idx : altKey || paramKey;
-                                let
-                                    xsource = hasIndex ? targetParameters[finalKey] : targetParameters;
-
-                                if (idx >= 0 && !xsource) targetParameters[finalKey] = xsource = [0, 0, 0];
-
-                                return xsource[xdest] = ((v && clone && typeof v === "object")
-                                    ? cloneObject(v)
-                                    : v);
-                            },
-
-                        set = attrs.onbeforechange
-                            ? (value, nothing, altKey, altMeta) => {
-                                if (attrs.onbeforechange(altKey || metaKey, value, altMeta || metaDef)) {
-                                    internalSet(value, undefined, altKey, altMeta);
-                                    return true;
-                                }
-                                return false;
-                            }
-                            : internalSet;
-
-                    total++;
-
-                    return m(
-                        ".grows.flexrow." + size,
-                        {
-                            class: "mk_" + metaKey
-                                + (isObj && metaDef.type ? " ptype_" + metaDef.type : "")
-                                + (isString ? "witharia" : "")
-                                + ((metaDef.itemClass || itemClass) ? " " + (metaDef.itemClass || itemClass) : ""),
-                            "aria-label": metaKey
-                        },
-                        isCardieArray
-                            ? Array.isArray(rawValue)
-                                ? rawValue.map(
-                                    (item, index) => metaDef.small
-                                        ? m(ParameterTable, {
-                                            meta: metaDef.items,
-                                            crit: {},
-                                            when: {},
-                                            sizes: {},
-
-                                            parameters: item,
-                                            auxParameters,
-
-                                            arrayInfo: {source: rawValue, item: targetParameters, index},
-
-                                            global,
-                                            clone,
-                                            onchange,
-                                            itemClass,
-                                            wrapper,
-                                            empty: vacioperovacio,
-                                            itemsDict: attrs.itemsDict,
-                                            layer: attrs.layer,
-                                            onAction: attrs.onAction,
-                                            optionsDict: attrs.optionsDict,
-                                            play: attrs.play,
-                                            auxTargetIsDefault: false,
-                                            AssetButton: attrs.AssetButton,
-                                            CodeMirror: attrs.CodeMirror
-                                        })
-                                        : m(CardieWidget, {
-                                            class: "relative grows " + (metaDef.class || "pad-h emby w-max") + (metaDef.dynClass ? " " + metaDef.dynClass(parameters, auxParameters, index) : ""),
-                                            title: metaDef.dynTitle ? metaDef.dynTitle(parameters, auxParameters, index) : metaDef.title + " " + (index + 1) + (item.title ? " - " + item.title : ""),
-                                            cardid: metaDef.cardid + "-" + index,
-                                            nofold: false,
-                                            size: metaDef.margin || 0,
-                                            expandedView: () => [
-                                                m(ParameterTable, {
-                                                    meta: metaDef.items,
-                                                    crit: {},
-                                                    when: {},
-                                                    sizes: {},
-
-                                                    parameters: item,
-                                                    auxParameters,
-
-                                                    global,
-                                                    clone,
-                                                    onchange,
-                                                    itemClass,
-                                                    wrapper,
-                                                    empty: vacioperovacio,
-                                                    itemsDict: attrs.itemsDict,
-                                                    layer: attrs.layer,
-                                                    onAction: attrs.onAction,
-                                                    optionsDict: attrs.optionsDict,
-                                                    play: attrs.play,
-                                                    auxTargetIsDefault: false,
-                                                    AssetButton: attrs.AssetButton,
-                                                    CodeMirror: attrs.CodeMirror
-                                                })
-                                            ],
-                                            titleExpended: metaDef.titleExpanded || metaDef.hint,
-                                            titleCollapsed: metaDef.titleCollapsed || metaDef.hint,
-                                        })
-                                )
-                                    .concat(
-                                        metaDef.addAction ? [
-                                            m(ButtonNew, {
-                                                ...metaDef.addAction,
-                                                onClick: (e) => {
-                                                    if (metaDef.addAction.onClick) {
-                                                        metaDef.addAction.onClick(e, parameters, auxParameters);
-                                                    } else if (metaDef.addAction.template) {
-                                                        rawValue.push(cloneObject(metaDef.addAction.template));
-                                                    }
-                                                    m.redraw();
-                                                }
-                                            })
-                                        ] : [])
-                                : []
-
-                            : isCardie
-                                ? [
-                                    m(CardieWidget, {
-                                        class: "relative grows " + (metaDef.class || "emby w-max") + (metaDef.dynClass ? " " + metaDef.dynClass(parameters, auxParameters) : ""),
-                                        title: metaDef.dynTitle ? metaDef.dynTitle(parameters, auxParameters) : metaDef.title,
-                                        cardid: metaDef.cardid,
-                                        nofold: false,
-                                        size: metaDef.margin || 0,
-                                        expandedView: () => [
-                                            m(ParameterTable, {
-                                                meta: metaDef.items,
-                                                crit: {},
-                                                when: {},
-                                                sizes: {},
-
-                                                parameters,
-                                                auxParameters,
-
-                                                global,
-                                                clone,
-                                                onchange,
-                                                itemClass,
-                                                wrapper,
-                                                empty: vacioperovacio,
-                                                itemsDict: attrs.itemsDict,
-                                                layer: attrs.layer,
-                                                onAction: attrs.onAction,
-                                                optionsDict: attrs.optionsDict,
-                                                play: attrs.play,
-                                                auxTargetIsDefault: attrs.auxTargetIsDefault,
-                                                AssetButton: attrs.AssetButton,
-                                                CodeMirror: attrs.CodeMirror
-                                            }),
-                                            ...metaDef.addAction ? [
-                                                m(ButtonNew, {
-                                                    ...metaDef.addAction,
-                                                    onClick: (e) => {
-                                                        metaDef.addAction.onClick(e, parameters, auxParameters);
-                                                        m.redraw();
-                                                    }
-                                                })
-                                            ] : []
-                                        ],
-                                        titleExpended: metaDef.titleExpanded || metaDef.hint,
-                                        titleCollapsed: metaDef.titleCollapsed || metaDef.hint,
-                                    })
-                                ]
-                                : isSeparator
-                                    ? [
-                                        m(Separator, {
-                                            class: metaDef.class || "mini",
-                                            text: typeof metaDef.title === "string"
-                                                ? metaDef.title : metaDef.label || metaKey
-                                        })
-                                    ]
-                                    : isText
-                                        ? metaDef.icon
-                                            ? [
-                                                m(Icon, {icon: metaDef.icon, class: metaDef.iconClass}),
-                                                m(".innertext", {class: metaDef.class, title: metaDef.hint}, rawValue)
-                                            ] : [
-                                                m(".innertext", {class: metaDef.class, title: metaDef.hint}, rawValue)
-                                            ]
-                                        : isWidget
-                                            ? [
-                                                m(
-                                                    getWidget(metaDef.widget),
-
-                                                    typeof metaDef.attrs === "function"
-                                                        ? metaDef.attrs(
-                                                            rawValue,
-                                                            state,
-                                                            (critical, rootParameters) => onchange(critical || UPDATECODE, rootParameters ? parameters : targetParameters, metaKey, undefined, metaDef),
-                                                            global,
-                                                            attrs,
-                                                            targetParameters
-                                                        )
-                                                        : metaDef.attrs,
-
-                                                    metaDef.children
-                                                        ? metaDef.children(rawValue, state, (critical, rootParameters) => {
-                                                            onchange(critical || UPDATECODE, rootParameters ? parameters : targetParameters, metaKey, undefined, metaDef);
-                                                        }, global, attrs, targetParameters)
-                                                        : [])
-                                            ]
-                                            : isPlusMinus
-                                                ? [
-                                                    m(PlusMinusWidget, {
-                                                        max: metaDef.max,
-                                                        min: metaDef.min,
-                                                        title: metaDef.title,
-                                                        label: metaDef.label,
-                                                        value: rawValue,
-                                                        onchange: (value) => {
-                                                            set(value);
-                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                        }
-                                                    })
-                                                ]
-                                                : isString || (isJson && !attrs.CodeMirror)
-                                                    ? [
-                                                        m(InputWidget, {
-                                                            containerClass: "grows",
-                                                            class: metaDef.inputClass,
-                                                            value: rawValue,
-                                                            label: metaDef.label,
-                                                            hint: isObj ? metaDef.hint : metaDef,
-                                                            title: metaDef.title,
-                                                            maxlength: isObj ? metaDef.maxlength || 256 : 256,
-                                                            ...metaDef.final && {
-                                                                oninput: () => {
-                                                                }
-                                                            },
-                                                            multi: isJson || metaDef.multi,
-                                                            alwaysmulti: isJson || metaDef.alwaysmulti,
-                                                            onchange: (value) => {
-                                                                set(value);
-                                                                onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                            }
-                                                        })]
-                                                    : isJson
-                                                        ? [
-                                                            m(KeyWrapper, [
-                                                                m(attrs.CodeMirror, {
-                                                                    key: parameters.id,
-                                                                    doc: rawValue,
-                                                                    schema: metaDef.schema,
-                                                                    templates: metaDef.templates,
-                                                                    hint: metaDef.dynamicHint ? metaDef.dynamicHint(targetParameters) : metaDef.hint,
-                                                                    empty: metaDef.empty,
-                                                                    onSave: (content) => {
-                                                                        if (content !== null) {
-                                                                            set(content || "");
-                                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                            if (!content) {
-                                                                                Notification.add(metaDef.hint + " cleared");
-                                                                            }
-                                                                        }
-                                                                    }
-                                                                })
-                                                            ])
-                                                        ]
-                                                        : isNumber
-                                                            ? [
-                                                                m(InputWidget, {
-                                                                    containerClass: "grows",
-                                                                    class: metaDef.inputClass,
-                                                                    value: (metaDef.step > 0 && metaDef.step < 1 || metaDef.float)
-                                                                        ? rawValue !== undefined
-                                                                            ? (parseFloat(rawValue) || 0).toFixed(3)
-                                                                            : ""
-                                                                        : rawValue,
-                                                                    type: "text",
-                                                                    label: metaDef.label,
-                                                                    hint: isObj ? metaDef.hint : metaDef,
-                                                                    title: metaDef.title,
-                                                                    subtype: "number",
-                                                                    ...metaDef.final && {
-                                                                        oninput: () => {
-                                                                        }
-                                                                    },
-                                                                    onchange: (value) => {
-
-                                                                        let
-                                                                            isFloat = metaDef.step > 0 && metaDef.step < 1 || metaDef.float,
-                                                                            {min, max} = metaDef;
-
-                                                                        if (value === undefined) {
-                                                                            set(undefined);
-                                                                        } else {
-
-                                                                            let val = isFloat ? parseFloat(value) : parseInt(value, 10);
-
-                                                                            if (!isNaN(val)) {
-
-                                                                                if (val < min) val = min;
-                                                                                if (val > max) val = max;
-
-                                                                            } else {
-                                                                                val = undefined;
-                                                                            }
-
-                                                                            set(val);
-
-                                                                        }
-
-                                                                        onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                    }
-                                                                })]
-                                                            : isNotice
-                                                                ? [m(NoticeWidget, metaDef)]
-                                                                : isAsset
-                                                                    ? attrs.AssetButton ? [
-                                                                            m(attrs.AssetButton, {
-                                                                                global,
-                                                                                value: rawValue, // metaDef.values ? metaDef.values[parameters[metaKey].id] : parameters[metaKey],
-                                                                                confirm: metaDef.confirm,
-                                                                                class: "grows " + (metaDef.containerClass || "scaff scaff-b1"),
-                                                                                buttonClass: (metaDef.buttonClass || "unitheight scaff-left"),
-                                                                                readonly: metaDef.readOnly,
-                                                                                closeClass: metaDef.closeClass,
-                                                                                textClass: metaDef.textClass || "",
-                                                                                iconClass: metaDef.iconClass || "",
-                                                                                field: metaDef.field,
-
-                                                                                types: metaDef.types,
-                                                                                subtype: metaDef.subtype,
-                                                                                file: metaDef.file,
-                                                                                pack: metaDef.pack,
-
-                                                                                shiftUpdate: metaDef.shiftUpdate,
-                                                                                shiftIcon: metaDef.shiftIcon,
-                                                                                removeIcon: metaDef.removeIcon,
-                                                                                emptyValue: metaDef.emptyText || "off",
-                                                                                emptyText: metaDef.emptyText || "off",
-                                                                                emptyIcon: metaDef.emptyIcon || metaDef.icon,
-                                                                                icon: metaDef.icon,
-                                                                                title: metaDef.title,
-                                                                                titleCollapsed: metaDef.titleCollapsed,
-                                                                                titleClass: "pad-2 pad-v no-pad-bottom",
-                                                                                parameters,
-                                                                                auxParameters,
-                                                                                onchange: (value, e) => {
-                                                                                    if (e && e.shiftKey && attrs.onShiftPress) {
-                                                                                        attrs.onShiftPress(metaKey, targetParameters, value);
-                                                                                    } else {
-                                                                                        if (value === undefined) value = metaDef.nullValue || undefined;
-                                                                                        set(value);
-                                                                                        onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                    }
-                                                                                }
-                                                                            })]
-                                                                        : [
-                                                                            m(ButtonNew, {
-                                                                                icon: metaDef.icon,
-                                                                                title: metaDef.title,
-                                                                                class: "unitheight",
-                                                                                text: "No Asset Module"
-                                                                            })
-                                                                        ]
-                                                                    : isEmoji
-                                                                        ? [
-                                                                            m(SmileysButton, {
-                                                                                class: "grows " + (metaDef.class || "scaff scaff-b1 unitheight font-200"),
-                                                                                icon: {glyph: rawValue},
-                                                                                icons: false,
-                                                                                onchange: (glyph) => {
-                                                                                    set(glyph);
-                                                                                    onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                }
-                                                                            })]
-                                                                        : isFont
-                                                                            ? [
-                                                                                m(FontSelectorButton, {
-                                                                                    class: "grows " + (metaDef.class || "scaff-right unitheight"),
-                                                                                    fontFamily: rawValue,
-                                                                                    nodelete: metaDef.nodelete,
-                                                                                    onchange: (glyph) => {
-                                                                                        if (metaDef.nodelete && !glyph) return;
-                                                                                        set(glyph);
-                                                                                        // could be erased
-                                                                                        const newTargetParameters = (metaDef.target || metaDef.forTarget) ? parameters[metaDef.target || metaDef.forTarget] : parameters;
-                                                                                        onchange(!glyph ? NEEDS_DELETE : UPDATECODE, newTargetParameters, metaKey, !glyph, metaDef);
-                                                                                    }
-                                                                                })]
-                                                                            : isColor
-                                                                                ? [
-                                                                                    m(ColorJoeWidget, {
-                                                                                            class: "grows " + (metaDef.class || "unitheight") + (altKey ? " withalt" : ""),
-                                                                                            color: rawValue,
-                                                                                            caption: metaDef.caption,
-                                                                                            noalpha: metaDef.noalpha,
-                                                                                            remove: metaDef.remove,
-                                                                                            onchange: (color, colorObject) => {
-                                                                                                let finalColor = color;
-                                                                                                if (finalColor) {
-                                                                                                    if (metaDef.hsl) {
-                                                                                                        const hsl = colorObject.hsl();
-                                                                                                        finalColor = [hsl.hue(), hsl.saturation(), hsl.lightness()];
-                                                                                                    } else if (metaDef.rgba) {
-                                                                                                        finalColor = [colorObject.r(), colorObject.g(), colorObject.b(), colorObject.a()];
-
-                                                                                                    }
-                                                                                                }
-                                                                                                set(finalColor);
-                                                                                                onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                            },
-                                                                                            ...altKey && {
-                                                                                                style: {
-                                                                                                    "--data-altval": ((((targetParameters[altKey] ?? altMeta.min) - altMeta.min) / (altMeta.max - altMeta.min)) * 100) + "%"
-                                                                                                }
-                                                                                            }
-
-                                                                                        },
-                                                                                        altMeta
-                                                                                            ? [
-                                                                                                m(RangeWidget, {
-                                                                                                    auto0: altMeta.auto0,
-                                                                                                    min: altMeta.min,
-                                                                                                    max: altMeta.max,
-                                                                                                    step: altMeta.step || 0.1,
-                                                                                                    ...altMeta.mul && {multiplier: altMeta.mul},
-                                                                                                    class: "col-11 grows innerlabel order-first",
-                                                                                                    title: altMeta.title,
-                                                                                                    value: targetParameters[altKey] ?? altMeta.min,
-                                                                                                    onchange: (value) => {
-                                                                                                        set(value, undefined, altKey, altMeta);
-                                                                                                        onchange(crit[altMetaKey], targetParameters, altMetaKey, undefined, metaDef);
-                                                                                                    }
-                                                                                                })
-                                                                                            ]
-                                                                                            : undefined)]
-                                                                                : isBoolean
-                                                                                    ? [
-                                                                                        m(
-                                                                                            isObj && metaDef.toggle
-                                                                                                ? metaDef.states ? ToggleStateWidget : ToggleWidget
-                                                                                                : SwitchWidget,
-                                                                                            {
-                                                                                                class: "grows " + (metaDef.class || "unitheight"),
-                                                                                                text: isObj ? metaDef.title || metaDef.label : metaKey,
-                                                                                                icon: isObj ? metaDef.icon : undefined,
-                                                                                                noclass: metaDef.noclass,
-                                                                                                subline: metaDef.subline,
-                                                                                                checked: rawValue,
-                                                                                                title: metaDef.hint,
-                                                                                                hint: metaDef.hint,
-                                                                                                inverted: isObj && metaDef.inverted,
-                                                                                                states: metaDef.states,
-                                                                                                iconClass: metaDef.iconClass,
-                                                                                                onchange: (st) => {
-                                                                                                    set(metaDef.states ? st : !!st);
-                                                                                                    onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                }
-                                                                                            }
-                                                                                        )
-                                                                                    ]
-                                                                                    : isActionButton
-                                                                                        ? [
-                                                                                            m(
-                                                                                                ButtonNew,
-                                                                                                {
-                                                                                                    class: "grows " + (metaDef.class || "accentbutton unitheight"),
-                                                                                                    text: metaDef.label === ""
-                                                                                                        ? null
-                                                                                                        : metaDef.parse ? metaDef.parse(targetParameters, auxParameters) : metaDef.label || metaDef.text || metaKey,
-                                                                                                    icon: metaDef.icon,
-                                                                                                    title: metaDef.title || metaDef.hint,
-                                                                                                    onClick: (e) => {
-
-                                                                                                        const runAction = () => {
-                                                                                                            if (metaDef.onClick) {
-                                                                                                                metaDef.onClick(metaKey, e, targetParameters, auxParameters, global, attrs);
-                                                                                                            } else {
-                                                                                                                if (attrs.onAction) attrs.onAction(metaKey, e, targetSource, attrs.arrayInfo);
-                                                                                                            }
-                                                                                                        };
-
-                                                                                                        if (metaDef.confirm) {
-                                                                                                            confirm(metaDef.confirm, runAction);
-                                                                                                        } else {
-                                                                                                            runAction();
-                                                                                                        }
-                                                                                                    }
-                                                                                                }
-                                                                                            )
-                                                                                        ]
-                                                                                        : isMultiToggle
-                                                                                            ? [
-                                                                                                m(metaDef.keys ? PagedMultiToggleWidget : MultiToggleWidget, {
-                                                                                                    class: "col-12 " + (metaDef.toggle ? "istoggler" : ""),
-                                                                                                    icon: metaDef.icon,
-                                                                                                    buttonClass: metaDef.buttonClass,
-                                                                                                    selectorClass: metaDef.selectorClass || "grows",
-                                                                                                    selectorButtonClass: metaDef.selectorButtonClass,
-                                                                                                    keys: metaDef.keys,
-                                                                                                    hint: metaDef.hint,
-                                                                                                    nocustom: metaDef.nocustom,
-                                                                                                    source: rawValue,
-                                                                                                    onchange: () => onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef),
-                                                                                                    ...(metaDef.customWidget || {})
-                                                                                                })
-                                                                                            ]
-                                                                                            : isKeyIterator
-                                                                                                ? [
-                                                                                                    m(KeyIteratorWidget, {
-                                                                                                        class: "col-12" + (metaDef.class ? " " + metaDef.class : ""),
-                                                                                                        buttonClass: metaDef.widgetClass,
-                                                                                                        cardie: metaDef.cardie,
-                                                                                                        cardieClass: metaDef.cardieClass,
-                                                                                                        addButtonClass: metaDef.addButtonClass,
-                                                                                                        caption: metaDef.caption,
-                                                                                                        separatorClass: metaDef.separatorClass,
-                                                                                                        noseparator: metaDef.noseparator,
-                                                                                                        source: rawValue,
-                                                                                                        onchange: () => onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef),
-                                                                                                        widget: metaDef.keyWidget,
-                                                                                                        keys: metaDef.keys,
-                                                                                                        add: metaDef.add,
-                                                                                                        targetParameters,
-                                                                                                        auxParameters,
-                                                                                                        empty: metaDef.empty
-                                                                                                    })
-                                                                                                ]
-                                                                                                : isButtonChoice
-                                                                                                    ? [
-                                                                                                        m(ButtonChoiceWidget, {
-                                                                                                            class: "col-12 " + (metaDef.toggle ? "istoggler" : ""),
-                                                                                                            subclass: metaDef.class,
-                                                                                                            buttonClass: metaDef.buttonClass,
-                                                                                                            choices: metaDef.choices,
-                                                                                                            choose: metaDef.choose,
-                                                                                                            chooseKey: metaDef.chooseKey,
-                                                                                                            chooseDict: attrs.chooseDict,
-                                                                                                            label: metaDef.label,
-                                                                                                            field: metaDef.field,
-                                                                                                            icon: metaDef.icon,
-                                                                                                            value: rawValue,
-                                                                                                            title: metaDef.title,
-                                                                                                            onchange: (choice) => {
-
-                                                                                                                let
-                                                                                                                    {value} = choice;
-
-                                                                                                                if (value || value >= 0) {
-                                                                                                                    if (metaDef.toggle && value === rawValue) value = !value;
-                                                                                                                    set(value, choice);
-                                                                                                                    onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                } else {
-                                                                                                                    set(undefined, choice);
-                                                                                                                    onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                }
-                                                                                                                taint();
-                                                                                                            }
-                                                                                                        })
-                                                                                                    ]
-                                                                                                    : !isCombo
-                                                                                                        ? isFullCombo
-                                                                                                            ? [
-                                                                                                                m(ComboWidget, {
-                                                                                                                    class: "grows scaff scaff-b1 " + (metaDef.class || "unitheight"),
-                                                                                                                    value: rawValue,
-                                                                                                                    emptyText: metaDef.emptyText || "off",
-                                                                                                                    icon: metaDef.icon,
-                                                                                                                    title: metaDef.title,
-                                                                                                                    items: metaDef.items,
-                                                                                                                    textClass: metaDef.textClass || "",
-                                                                                                                    onchange: (value) => {
-                                                                                                                        if (typeof value === "string") value = value.trim();
-                                                                                                                        if (value) {
-                                                                                                                            set(value);
-                                                                                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                        } else {
-                                                                                                                            set(undefined);
-                                                                                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                        }
-                                                                                                                        taint();
-                                                                                                                    }
-                                                                                                                })
-                                                                                                            ]
-                                                                                                            : isRange
-                                                                                                                ? [
-                                                                                                                    m(RangeWidget, {
-                                                                                                                        auto0: metaDef.auto0,
-                                                                                                                        relative: !metaDef.auto0 && !metaDef.absolute,
-                                                                                                                        factor: metaDef.factor,
-                                                                                                                        min: metaDef.min,
-                                                                                                                        max: metaDef.max,
-                                                                                                                        step: metaDef.step || 0.1,
-                                                                                                                        ...metaDef.mul
-                                                                                                                            ? {
-                                                                                                                                multiplier: metaDef.mul
-                                                                                                                            }
-                                                                                                                            : {},
-                                                                                                                        class: "col-11 grows innerlabel",
-                                                                                                                        title: metaDef.label || metaDef.title || (metaKey.indexOf("-") === -1 ? metaKey : metaKey.substring(metaKey.lastIndexOf("-") + 1)),
-                                                                                                                        hint: metaDef.hint,
-                                                                                                                        value: parseFloat(rawValue) ?? metaDef ?? metaDef.min,
-                                                                                                                        parser: metaDef.parser,
-                                                                                                                        onchange: (value) => {
-                                                                                                                            set(value);
-                                                                                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                        }
-                                                                                                                    })
-                                                                                                                ]
-                                                                                                                : [
-                                                                                                                    m(RangeWidget, {
-                                                                                                                        min: metaDef[0],
-                                                                                                                        max: metaDef[1],
-                                                                                                                        step: metaDef[2] || 0.1,
-                                                                                                                        ...metaDef[3]
-                                                                                                                            ? {
-                                                                                                                                multiplier: metaDef[3]
-                                                                                                                            } : {},
-                                                                                                                        class: "col-11 grows innerlabel",
-                                                                                                                        title: metaDef[4] || (metaKey.indexOf("-") === -1 ? metaKey : metaKey.substring(metaKey.lastIndexOf("-") + 1)),
-                                                                                                                        value: parseFloat(rawValue) || metaDef[0],
-                                                                                                                        onchange: (value) => {
-                                                                                                                            set(value);
-                                                                                                                            onchange(UPDATECODE, targetParameters, metaKey, undefined, metaDef);
-                                                                                                                        }
-                                                                                                                    })
-                                                                                                                ]
-                                                                                                        : [
-                                                                                                            m(ComboPrompt, {
-                                                                                                                class: metaDef.containerClass || "scaff scaff-b1",
-                                                                                                                buttonClass: metaDef.class || "unitheightsmall scaff-left",
-                                                                                                                closeClass: metaDef.buttonClass || undefined,
-                                                                                                                textClass: metaDef.textClass || "",
-                                                                                                                locked: metaDef.locked,
-                                                                                                                value: rawValue, // metaDef.values ? metaDef.values[parameters[metaKey].id] : parameters[metaKey],
-                                                                                                                field: metaDef.field,
-                                                                                                                fieldTitle: metaDef.fieldTitle,
-                                                                                                                emptyText: metaDef.emptyText || "off",
-                                                                                                                emptyIcon: metaDef.emptyIcon || metaDef.icon,
-                                                                                                                confirm: metaDef.confirm,
-                                                                                                                icon: metaDef.icon || attrs.icon,
-                                                                                                                hint: metaDef.hint,
-                                                                                                                label: metaDef.label,
-                                                                                                                title: metaDef.question,
-                                                                                                                itemsKey: typeof metaDef.optionsKey === "function" ? () => {
-                                                                                                                    return metaDef.optionsKey(targetParameters);
-                                                                                                                } : metaDef.optionsKey,
-                                                                                                                items: metaDef.options || attrs.optionsDict,
-                                                                                                                removeIcon: metaDef.removeIcon,
-                                                                                                                nodelete: metaDef.nodelete,
-                                                                                                                onchange: (value, event) => {
-                                                                                                                    if (event?.shiftKey) {
-                                                                                                                        if (metaDef.shiftPress) {
-                                                                                                                            metaDef.shiftPress(targetParameters, auxParameters);
-                                                                                                                        }
-                                                                                                                        return;
-                                                                                                                    }
-                                                                                                                    if (typeof value === "string") value = value.trim();
-                                                                                                                    if (value) {
-                                                                                                                        set(metaDef.values ? metaDef.values[value] : value, metaDef.clone);
-                                                                                                                        onchange(UPDATECODE, targetParameters, metaKey, false, metaDef);
-                                                                                                                    } else {
-                                                                                                                        set(metaDef.nullValue || undefined);
-                                                                                                                        onchange(UPDATECODE, targetParameters, metaKey, true, metaDef);
-                                                                                                                    }
-                                                                                                                    taint();
-                                                                                                                }
-                                                                                                            })]);
-                });
-
-            return total || children.length
-
-                ? wrapper
-                    ? wrapper(widgets.concat(children))
-                    : widgets.concat(children)
-
-                : vacioperovacio && !children.length
-                    ? m(Empty, vacioperovacio)
-                    : [];
-        }
-    ),
-
-    ParameterCardie = defineWidget(
-        ({attrs, children}) => {
-
-            const
-                {
-                    busy, parameters, auxParameters, cardid, size, index,
-                    titleWidget, parametersTitle, parametersBody, rootUpdate: mainRootUpdate, global, layer,
-                    tableChildren, cols, onLayerReset, onAction, nofold, bodyClass, titleAction,
-                    AssetButton, CodeMirror, optionsDict
-                } = attrs;
-
-            return m(CardieWidget, {
-
-                busy,
-                nofold,
-                size,
-                cols,
-
-                title: parametersBody.titleCollapsed || parametersBody.title,
-                titleCollapsed: parametersBody.titleCollapsed || parametersBody.title,
-                titleExpanded: parametersBody.titleExpanded || parametersBody.title,
-                action: titleAction,
-                expandedClass: attrs.expandedClass,
-
-                onShiftOpen: () => {
-
-                },
-
-                titleWidget: titleWidget || ParameterTable,
-                titleAttrs: {
-                    ...parametersTitle,
-                    onShiftPress: attrs.onShiftPress,
-                    confirm: attrs.confirmTitle,
-                    itemClass: "",
-                    parameters,
-                    auxParameters,
-                    clone: true,
-                    global, layer,
-                    AssetButton,
-                    CodeMirror,
-                    optionsDict,
-                    onAction,
-                    onchange: (realtime, targetParameters, metaKey, wasDeleted, metaDef) => {
-
-                        taint();
-
-                        const rootUpdate = metaDef.rootUpdate || mainRootUpdate;
-
-                        if (metaDef?.onchange) {
-                            metaDef.onchange(realtime, targetParameters, parameters);
-                        } else if (realtime) {
-
-                            if (rootUpdate === "none") return;
-
-                            if (rootUpdate === "both" && auxParameters) {
-                                targetParameters[NEEDS_UPDATE] = auxParameters[NEEDS_UPDATE] = realtime;
-                            } else if (rootUpdate === "parent" && auxParameters) {
-                                targetParameters[NEEDS_UPDATE] = realtime;
-                                auxParameters[NEEDS_UPDATE] = true;
-                            } else if (rootUpdate === "target" && targetParameters !== parameters) {
-                                targetParameters[NEEDS_UPDATE] = realtime;
-                                parameters[NEEDS_UPDATE] = true;
-                            } else if (rootUpdate === 2) {
-                                parameters[NEEDS_UPDATE] = realtime;
-                            } else if (rootUpdate === 1) {
-                                if (targetParameters) targetParameters[NEEDS_UPDATE] = realtime;
-                            } else if (typeof rootUpdate === "string" && rootUpdate !== "both" && rootUpdate !== "parent" && rootUpdate !== "target") {
-                                if (parameters[rootUpdate]) {
-                                    parameters[rootUpdate][NEEDS_UPDATE] = realtime;
-                                    parameters[NEEDS_UPDATE] = true;
-                                } else {
-                                    parameters[NEEDS_UPDATE] = REBUILD_CHILDREN;
-                                }
-                            } else if (rootUpdate !== -1 && targetParameters) targetParameters[NEEDS_UPDATE] = realtime;
-
-                        } else {
-                            onLayerReset && onLayerReset();
-                        }
-
-                        if (attrs.onTitleChange) {
-                            attrs.onTitleChange(realtime, targetParameters, metaKey, wasDeleted);
-                        }
-
-                        m.redraw();
-                    }
-                },
-
-                cardid,
-                class: "withbottommargin relative" + (attrs.class ? " " + attrs.class : ""),
-                bodyClass,
-                expandedView: () => [
-
-                    ...parametersBody.meta
-                        ? [
-                            m(ParameterTable, {
-                                ...parametersBody,
-                                confirm: attrs.confirmBody,
-                                itemClass: "pad-1",
-                                parameters,
-                                auxParameters,
-                                clone: true,
-                                global, layer,
-                                index,
-                                play: attrs.play,
-                                itemsDict: attrs.itemsDict,
-                                optionsDict,
-                                AssetButton,
-                                CodeMirror,
-                                onAction,
-                                onchange: (realtime, targetParameters, metaKey, wasDeleted, metaDef, event) => {
-                                    const rootUpdate = metaDef.rootUpdate || mainRootUpdate;
-                                    taint();
-                                    if (metaDef?.onchange) {
-                                        metaDef.onchange(realtime, targetParameters, parameters);
-                                    } else if (realtime) {
-
-                                        if (rootUpdate === "none") return;
-
-                                        if (rootUpdate === "both" && auxParameters) {
-                                            targetParameters[NEEDS_UPDATE] = auxParameters[NEEDS_UPDATE] = realtime;
-                                        } else if (rootUpdate === "parent" && auxParameters) {
-                                            targetParameters[NEEDS_UPDATE] = realtime;
-                                            auxParameters[NEEDS_UPDATE] = true;
-                                        } else if (rootUpdate === "target" && targetParameters !== parameters) {
-                                            targetParameters[NEEDS_UPDATE] = realtime;
-                                            parameters[NEEDS_UPDATE] = true;
-                                        } else if (rootUpdate === 2) {
-                                            parameters[NEEDS_UPDATE] = realtime;
-                                        } else if (rootUpdate === 1) {
-                                            if (targetParameters) targetParameters[NEEDS_UPDATE] = realtime;
-                                        } else if (typeof rootUpdate === "string" && rootUpdate !== "both" && rootUpdate !== "parent" && rootUpdate !== "target") {
-                                            if (parameters[rootUpdate]) {
-                                                parameters[rootUpdate][NEEDS_UPDATE] = realtime;
-                                                parameters[NEEDS_UPDATE] = true;
-                                            } else {
-                                                parameters[NEEDS_UPDATE] = REBUILD_CHILDREN;
-                                            }
-                                        } else if (rootUpdate !== -1 && targetParameters) targetParameters[NEEDS_UPDATE] = realtime;
-
-                                    } else {
-                                        onLayerReset && onLayerReset();
-                                    }
-
-                                    if (attrs.onChange) {
-                                        attrs.onChange(realtime, metaKey, targetParameters, auxParameters, wasDeleted, metaDef, event, attrs);
-                                    }
-                                    m.redraw();
-                                }
-                            }, tableChildren)
-                        ]
-                        : parametersBody.emptyMeta
-                            ? [m(Empty, parametersBody.emptyMeta)]
-                            : [],
-
-                    ...(children || [])
-                ],
-                collapsedView: attrs.collapsedView,
-
-            });
-        }
-    ),
-
-    TemplatedInputWidget = defineWidget(({attrs, state, children}) => {
-
-        const {layer, property, colorProperty} = attrs,
-            template = InputTemplates[property],
-            currentProperty = layer[property],
-
-            has = currentProperty !== undefined && currentProperty !== null,
-            hasObject = has && typeof currentProperty === "object" && currentProperty !== null,
-            parameters = hasObject && currentProperty,
-            dynamicExp = parameters && parameters.exp,
-
-            [, meta] = dynamicExp || [],
-            metaKeys = parameters && meta && Object.keys(meta),
-            title = hasObject && currentProperty ? currentProperty.title : currentProperty,
-            hasMeta = metaKeys && metaKeys.length,
-            hasSize = (attrs.size && hasObject);
-
-        // noinspection JSObjectNullOrUndefined
-        return m(
-            "li.coord.witharia.relative.templatedinput",
-            {
-                "aria-label": attrs["aria-label"],
-                class: (state.chooser && template ? attrs.chooserClass : attrs.containerClass) || "col-12"
-            },
-            [
-                ...attrs.docs
-                    ? [
-                        m(
-                            "a.extlink.absolute.to-right.to-top.font-75.pad-2.pointer",
-                            {
-                                target: "tool",
-                                onclick: () => {
-                                    NIPX.sys.open(attrs.docs.url);
-                                }
-                            },
-                            attrs.docs.caption || "docs"
-                        )
-                    ]
-                    : [],
-
-                attrs.chooser ? [m(".flexrow.grows.fontgroup", [m(ButtonNew, {
-                    class: "grows unitheightsmall rectbutton ohidden",
-                    text: title || "--- NONE ---",
-                    icon: attrs.icon,
-                    onClick: (e) => {
-                        if (!state.chooser && e.shiftKey && template.images) {
-                            MainState.setTransState("image", undefined, {
-                                giphyQuery: "frame",
-                                onOverride: (global, item) => {
-                                    const translated = item && template.images(item);
-                                    if (translated) {
-                                        layer[property] = cloneObject(translated);
-                                        taint();
-                                        m.redraw();
-                                    }
-                                }
-                            });
-                            return;
-                        }
-                        state.chooser = !state.chooser;
-                        m.redraw();
-                    }
-                }), ...layer[property] ? [m(ButtonNew, {
-                    class: "clearfont unitheightsmall bg-accent",
-                    text: "X",
-                    onClick: () => {
-                        delete layer[property];
-                        taint();
-                        m.redraw();
-                    }
-                })] : template.images && !title ? [m(ButtonNew, {
-                    class: "unitsizesmall rectbutton ohidden",
-                    icon: "images",
-                    onClick: () => MainState.setTransState("image", undefined, {
-                        giphyQuery: "frame",
-                        onOverride: (global, item) => {
-                            const translated = item && template.images(item);
-                            if (translated) {
-                                layer[property] = cloneObject(translated);
-                                taint();
-                                m.redraw();
-                            }
-                        }
-                    })
-                })] : []])] : [m(InputWidget, {
-                    class: "withicon-2" + (has ? " has" : "") + (attrs.class ? " " + attrs.class : ""),
-                    value: layer[property] || "",
-                    hint: attrs.hint,
-                    title: attrs.title,
-                    maxlength: attrs.maxlength || 2048,
-                    multi: attrs.multi,
-                    actions: [{
-                        icon: "plus",
-                        onClick: () => {
-                            state.chooser = !state.chooser;
-                            m.redraw();
-                        }
-                    }],
-                    onchange: (value) => {
-
-                        value = value.split("\n")
-                            .join(" ")
-                            .trim();
-
-                        layer[property] = value;
-                        taint();
-                        m.redraw();
-                    }
-                })],
-
-                ...(hasMeta || hasSize) ? [m(".flexrow.wrap.paramgroup", [
-
-                    ...hasMeta ? [m(ParameterTable, {
-
-                        meta,
-                        metaKeys,
-                        parameters,
-                        onchange: () => {
-                            delete currentProperty.calc;
-                            taint();
-                            m.redraw();
-                        },
-                        AssetButton: attrs.AssetButton,
-                        CodeMirror: attrs.CodeMirror
-                    })] : [],
-
-                    ...hasSize ? [m(".flexbreak"), m(RangeWidget, {
-                        class: "col-6 grows innerlabel",
-                        title: "size x",
-                        min: 0,
-                        max: 100,
-                        step: 0.1,
-                        relative: true,
-                        value: parseFloat(currentProperty.w) || 0,
-                        onchange: (value) => {
-                            currentProperty.w = value;
-                            taint();
-                            m.redraw();
-                        }
-                    }), m(RangeWidget, {
-                        class: "col-6 grows innerlabel",
-                        title: "size y",
-                        min: 0,
-                        max: 100,
-                        step: 0.1,
-                        relative: true,
-                        value: parseFloat(currentProperty.h) || 0,
-                        onchange: (value) => {
-                            currentProperty.h = value;
-                            taint();
-                            m.redraw();
-                        }
-                    })] : []])] : [],
-
-                ...(state.chooser && template) ? [m(TemplateWidget, {
-                    entity: attrs.entity,
-                    template,
-                    type: layer.type,
-                    layer,
-                    onClick: (item) => {
-
-                        state.chooser = false;
-
-                        layer[property] = typeof item.value === "object"
-                            ? cloneObject(item.value)
-                            : item.value;
-
-                        if (item.color && colorProperty) {
-                            layer[colorProperty] = item.color;
-                        }
-
-                        taint();
-
-                        m.redraw();
-
-                    }
-                })] : [], ...has ? children : []]
-        );
-    });
-
-export {
-    TemplatedInputWidget, ParameterTable, ParameterCardie, MultiToggleWidget, RangeToggleWidget
-};