verstak/build/dist/source/components/Image.v.js

Verstak - Front-End Library

import { ReactiveTreeNode, Mode } from "reactronic";
import { Division } from "verstak";
import { triggeringModel } from "./common/Utils.js";
export function Image(declaration) {
    return (Division(ReactiveTreeNode.withBasis(declaration, {
        mode: Mode.autonomous,
        preparation: el => {
            var _a;
            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({ source: undefined }));
        },
        script: el => {
            const m = el.model;
            el.style.backgroundImage = `url(${m.source})`;
            el.style.backgroundSize = "contain";
            el.style.backgroundRepeat = "no-repeat";
        },
    })));
}