@saltcorn/markup 0.6.2-beta.2 → 0.6.2

package/dist/layout.js

@@ -0,0 +1,338 @@
+"use strict";
+const tags = require("./tags");
+const { div, a, span, text, img, p, h1, h2, h3, h4, h5, h6, label, ul, button, li, i, genericElement, } = tags;
+const { alert, breadcrumbs } = require("./layout_utils");
+const helpers = require("./helpers");
+const { search_bar } = helpers;
+/**
+ * @param {any|any[]} [alerts]
+ * @returns {boolean}
+ */
+const couldHaveAlerts = (alerts) => alerts || Array.isArray(alerts);
+/**
+ * @param {string|any} body
+ * @param {object[]} [alerts]
+ * @returns {object}
+ */
+const makeSegments = (body, alerts) => {
+    const alertsSegments = couldHaveAlerts(alerts)
+        ? [
+            {
+                type: "blank",
+                contents: div({ id: "alerts-area" }, (alerts || []).map((a) => alert(a.type, a.msg))),
+            },
+        ]
+        : [];
+    if (typeof body === "string")
+        return {
+            above: [...alertsSegments, { type: "blank", contents: body }],
+        };
+    else if (body.above) {
+        if (couldHaveAlerts(alerts))
+            body.above.unshift(alertsSegments[0]);
+        return body;
+    }
+    else
+        return { above: [...alertsSegments, body] };
+};
+/**
+ *
+ * @param {any} segment
+ * @param {string} inner
+ * @returns {div|span|string}
+ */
+const applyTextStyle = (segment, inner) => {
+    let style = segment.font ? { fontFamily: segment.font } : {};
+    switch (segment.textStyle) {
+        case "h1":
+            return h1(style, inner);
+        case "h2":
+            return h2(style, inner);
+        case "h3":
+            return h3(style, inner);
+        case "h4":
+            return h4(style, inner);
+        case "h5":
+            return h5(style, inner);
+        case "h6":
+            return h6(style, inner);
+        default:
+            return segment.block
+                ? div({ class: segment.textStyle || "", style }, inner)
+                : segment.textStyle || segment.font
+                    ? span({ class: segment.textStyle || "", style }, inner)
+                    : inner;
+    }
+};
+/**
+ * @param {object} opts
+ * @param {object[]} opts.contents
+ * @param {string[]} opts.titles
+ * @param {string} opts.tabsStyle
+ * @param {*} opts.ntabs
+ * @param {independent} boolean
+ * @param {function} go
+ * @returns {ul_div}
+ */
+const renderTabs = ({ contents, titles, tabsStyle, ntabs, independent }, go) => {
+    const rndid = `tab${Math.floor(Math.random() * 16777215).toString(16)}`;
+    if (tabsStyle === "Accordion")
+        return div({ class: "accordion", id: `${rndid}top` }, contents.map((t, ix) => div({ class: "card" }, div({ class: "card-header", id: `${rndid}head${ix}` }, h2({ class: "mb-0" }, button({
+            class: "btn btn-link btn-block text-left",
+            type: "button",
+            "data-toggle": "collapse",
+            "data-target": `#${rndid}tab${ix}`,
+            "aria-expanded": ix === 0 ? "true" : "false",
+            "aria-controls": `${rndid}tab${ix}`,
+        }, titles[ix]))), div({
+            class: ["collapse", ix === 0 && "show"],
+            id: `${rndid}tab${ix}`,
+            "aria-labelledby": `${rndid}head${ix}`,
+            "data-parent": independent ? undefined : `#${rndid}top`,
+        }, div({ class: "card-body" }, go(t, false, ix))))));
+    else
+        return (ul({
+            role: "tablist",
+            id: `${rndid}`,
+            class: `nav ${tabsStyle === "Tabs" ? "nav-tabs" : "nav-pills"}`,
+        }, contents.map((t, ix) => li({ class: "nav-item", role: "presentation" }, a({
+            class: ["nav-link", ix === 0 && "active"],
+            id: `${rndid}link${ix}`,
+            "data-toggle": "tab",
+            href: `#${rndid}tab${ix}`,
+            role: "tab",
+            "aria-controls": `${rndid}tab${ix}`,
+            "aria-selected": ix === 0 ? "true" : "false",
+        }, titles[ix])))) +
+            div({ class: "tab-content", id: `${rndid}content` }, contents.map((t, ix) => div({
+                class: ["tab-pane fade", ix === 0 && "show active"],
+                role: "tabpanel",
+                id: `${rndid}tab${ix}`,
+                "aria-labelledby": `${rndid}link${ix}`,
+            }, go(t, false, ix)))));
+};
+/**
+ * @param {object} opts
+ * @param {object} opts.blockDispatch
+ * @param {object|string} opts.layout
+ * @param {object} [opts.role]
+ * @param {object[]} [opts.alerts]
+ * @param {boolean} opts.is_owner
+ * @returns {string}
+ */
+const render = ({ blockDispatch, layout, role, alerts, is_owner, }) => {
+    //console.log(JSON.stringify(layout, null, 2));
+    function wrap(segment, isTop, ix, inner) {
+        const iconTag = segment.icon ? i({ class: segment.icon }) + " " : "";
+        if (isTop && blockDispatch && blockDispatch.wrapTop)
+            return blockDispatch.wrapTop(segment, ix, inner);
+        else
+            return segment.labelFor
+                ? label({ for: `input${text(segment.labelFor)}` }, applyTextStyle(segment, iconTag + inner))
+                : applyTextStyle(segment, iconTag + inner);
+    }
+    function go(segment, isTop, ix) {
+        if (!segment)
+            return "";
+        if (typeof segment === "object" &&
+            Object.keys(segment).length === 0 &&
+            segment.constructor === Object)
+            return "";
+        if (typeof segment === "string")
+            return wrap(segment, isTop, ix, segment);
+        if (Array.isArray(segment))
+            return wrap(segment, isTop, ix, segment.map((s, jx) => go(s, isTop, jx + ix)).join(""));
+        if (segment.minRole && role > segment.minRole)
+            return "";
+        if (segment.type && blockDispatch && blockDispatch[segment.type]) {
+            return wrap(segment, isTop, ix, blockDispatch[segment.type](segment, go));
+        }
+        if (segment.type === "blank") {
+            return wrap(segment, isTop, ix, segment.contents || "");
+        }
+        if (segment.type === "breadcrumbs") {
+            return wrap(segment, isTop, ix, breadcrumbs(segment.crumbs || [], segment.right));
+        }
+        if (segment.type === "view") {
+            return wrap(segment, isTop, ix, segment.contents || "");
+        }
+        if (segment.type === "pageHeader") {
+            return wrap(segment, isTop, ix, h1(segment.title) + p(segment.blurb || ""));
+        }
+        if (segment.type === "image") {
+            const srctype = segment.srctype || "File";
+            return wrap(segment, isTop, ix, img({
+                class: "w-100",
+                alt: segment.alt,
+                src: srctype === "File" ? `/files/serve/${segment.fileid}` : segment.url,
+            }));
+        }
+        if (segment.type === "link") {
+            let style = segment.link_style === "btn btn-custom-color"
+                ? `background-color: ${segment.link_bgcol || "#000000"};border-color: ${segment.link_bordercol || "#000000"}; color: ${segment.link_textcol || "#000000"}`
+                : null;
+            return wrap(segment, isTop, ix, a({
+                href: segment.url,
+                class: [segment.link_style || "", segment.link_size || ""],
+                target: segment.target_blank ? "_blank" : false,
+                rel: segment.nofollow ? "nofollow" : false,
+                style,
+            }, segment.link_icon ? i({ class: segment.link_icon }) + " " : "", segment.text));
+        }
+        if (segment.type === "card")
+            return wrap(segment, isTop, ix, div({
+                class: [
+                    "card mt-4",
+                    segment.shadow === false ? false : "shadow",
+                    segment.class,
+                    segment.url && "with-link",
+                ],
+                onclick: segment.url ? `location.href='${segment.url}'` : false,
+                style: segment.style,
+            }, segment.title &&
+                div({ class: "card-header" }, typeof segment.title === "string"
+                    ? h6({ class: "m-0 font-weight-bold text-primary" }, segment.title)
+                    : segment.title), segment.tabContents &&
+                div({ class: "card-header" }, ul({ class: "nav nav-tabs card-header-tabs" }, Object.keys(segment.tabContents).map((title, ix) => li({ class: "nav-item" }, a({
+                    class: ["nav-link", ix === 0 && "active"],
+                    href: `#tab-${title}`,
+                    "data-toggle": "tab",
+                    role: "tab",
+                }, title))))) +
+                    div({
+                        class: [
+                            "card-body",
+                            segment.bodyClass,
+                            segment.noPadding && "p-0",
+                        ],
+                    }, div({ class: "tab-content", id: "myTabContent" }, Object.entries(segment.tabContents).map(([title, contents], ix) => div({
+                        class: ["tab-pane", ix == 0 && "show active"],
+                        id: `tab-${title}`,
+                    }, contents)))), segment.contents &&
+                div({
+                    class: [
+                        "card-body",
+                        segment.bodyClass,
+                        segment.noPadding && "p-0",
+                    ],
+                }, 
+                // @ts-ignore
+                go(segment.contents)), 
+            // @ts-ignore
+            segment.footer && div({ class: "card-footer" }, go(segment.footer))));
+        if (segment.type === "tabs")
+            return wrap(segment, isTop, ix, renderTabs(segment, go));
+        if (segment.type === "container") {
+            const { bgFileId, bgType, bgColor, vAlign, hAlign, block, display, imageSize, borderWidth, borderStyle, setTextColor, textColor, showForRole, hide, customClass, customCSS, minScreenWidth, maxScreenWidth, showIfFormulaInputs, show_for_owner, borderDirection, borderRadius, borderRadiusUnit, borderColor, url, hoverColor, gradStartColor, gradEndColor, gradDirection, fullPageWidth, overflow, rotate, style, htmlElement, } = segment;
+            if (hide)
+                return "";
+            if (showForRole &&
+                showForRole[role] === false &&
+                !(show_for_owner && is_owner))
+                return "";
+            const renderBg = true;
+            const sizeProp = (segKey, cssNm, unit) => typeof segment[segKey] === "undefined"
+                ? ""
+                : `${cssNm}: ${segment[segKey]}${unit || segment[segKey + "Unit"] || "px"};`;
+            const ppCustomCSS = (s) => s ? s.split("\n").join("") + ";" : "";
+            const baseDisplayClass = block === false ? "inline-block" : display ? display : "block";
+            let displayClass = minScreenWidth
+                ? `d-none d-${minScreenWidth}-${baseDisplayClass}`
+                : baseDisplayClass === "block"
+                    ? false // no need
+                    : `d-${baseDisplayClass}`;
+            if (maxScreenWidth)
+                displayClass = `${displayClass} d-${maxScreenWidth}-none`;
+            const allZero = (xs) => xs.every((x) => +x === 0);
+            const ppBox = (what) => !segment[what] || allZero(segment[what])
+                ? ""
+                : `${what}: ${segment[what].map((p) => p + "px").join(" ")};`;
+            let flexStyles = "";
+            Object.keys(style || {}).forEach((k) => {
+                flexStyles += `${k}:${style[k]};`;
+            });
+            return wrap(segment, isTop, ix, genericElement(htmlElement || "div", {
+                class: [
+                    customClass || false,
+                    hAlign && `text-${hAlign}`,
+                    vAlign === "middle" && "d-flex align-items-center",
+                    vAlign === "bottom" && "d-flex align-items-end",
+                    vAlign === "middle" &&
+                        hAlign === "center" &&
+                        "justify-content-center",
+                    displayClass,
+                    url && "with-link",
+                    hoverColor && `hover-${hoverColor}`,
+                    fullPageWidth && "full-page-width",
+                ],
+                onclick: segment.url ? `location.href='${segment.url}'` : false,
+                style: `${flexStyles}${ppCustomCSS(customCSS || "")}${sizeProp("minHeight", "min-height")}${sizeProp("height", "height")}${sizeProp("width", "width")}${sizeProp("widthPct", "width", "%")}border${borderDirection ? `-${borderDirection}` : ""}: ${borderWidth || 0}px ${borderStyle} ${borderColor || "black"};${sizeProp("borderRadius", "border-radius")}${ppBox("padding")}${ppBox("margin")}${overflow && overflow !== "visible"
+                    ? ` overflow: ${overflow};`
+                    : ""} ${renderBg && bgType === "Image" && bgFileId && +bgFileId
+                    ? `background-image: url('/files/serve/${bgFileId}'); background-size: ${imageSize === "repeat" ? "auto" : imageSize || "contain"}; background-repeat: ${imageSize === "repeat" ? "repeat" : "no-repeat"};`
+                    : ""} ${renderBg && bgType === "Color"
+                    ? `background-color: ${bgColor};`
+                    : ""} ${renderBg && bgType === "Gradient"
+                    ? `background-image: linear-gradient(${gradDirection || 0}deg, ${gradStartColor}, ${gradEndColor});`
+                    : ""} ${setTextColor ? `color: ${textColor};` : ""}${rotate ? `transform: rotate(${rotate}deg);` : ""}`,
+                ...(showIfFormulaInputs
+                    ? {
+                        "data-show-if": `showIfFormulaInputs(e, '${showIfFormulaInputs}')`,
+                    }
+                    : {}),
+            }, renderBg &&
+                bgType === "Image" &&
+                bgFileId &&
+                +bgFileId &&
+                div({ style: "display:none" }, img({
+                    height: "1",
+                    width: "1",
+                    alt: "",
+                    src: `/files/serve/${bgFileId}`,
+                })), 
+            // @ts-ignore
+            go(segment.contents)));
+        }
+        if (segment.type === "line_break") {
+            return "<br />";
+        }
+        if (segment.type === "search_bar") {
+            return `<form action="/search" method="get">${search_bar("q", "", {
+                has_dropdown: segment.has_dropdown,
+                // @ts-ignore
+                contents: go(segment.contents),
+            })}</form>`;
+        }
+        if (segment.above) {
+            return segment.above
+                .map((s, ix) => go(s, isTop, ix))
+                .join("");
+        }
+        else if (segment.besides) {
+            const defwidth = Math.round(12 / segment.besides.length);
+            const cardDeck = segment.besides.every((s) => s && s.type === "card") &&
+                (!segment.widths || segment.widths.every((w) => w === defwidth));
+            let markup;
+            if (cardDeck)
+                markup = div({ class: "card-deck" }, segment.besides.map((t, ixb) => go(t, false, ixb)));
+            else
+                markup = div({ class: "row w-100" }, segment.besides.map((t, ixb) => div({
+                    class: segment.widths === false
+                        ? ""
+                        : `col-${segment.breakpoint
+                            ? segment.breakpoint + "-"
+                            : segment.breakpoints && segment.breakpoints[ixb]
+                                ? segment.breakpoints[ixb] + "-"
+                                : ""}${segment.widths ? segment.widths[ixb] : defwidth}${segment.aligns ? " text-" + segment.aligns[ixb] : ""}`,
+                }, go(t, false, ixb))));
+            return isTop ? wrap(segment, isTop, ix, markup) : markup;
+        }
+        else
+            throw new Error("unknown layout segment" + JSON.stringify(segment));
+    }
+    return go(makeSegments(layout, alerts), true, 0);
+};
+// declaration merging
+const LayoutExports = render;
+module.exports = LayoutExports;
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../layout.ts"],"names":[],"mappings":"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"}

package/dist/layout_utils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @category saltcorn-markup
+ * @module layout_utils
+ */
+declare type LeftNavBarOpts = {
+    name: string;
+    logo: string;
+};
+declare const _default: {
+    navbar: (brand: LeftNavBarOpts, sections: any[], currentUrl: string, opts?: any) => string;
+    alert: (type: string, s: string) => string;
+    logit: (x: any, s: any) => any;
+    navbarSolidOnScroll: string;
+    breadcrumbs: (crumbs: any[], right: any) => string;
+    headersInHead: (headers: any[]) => string;
+    headersInBody: (headers: any[]) => string;
+    cardHeaderTabs: (tabList: any) => string;
+    mobileBottomNavBar: (currentUrl: string, sections: any[], cls?: string, clsLink?: string) => string;
+};
+export = _default;
+//# sourceMappingURL=layout_utils.d.ts.map

package/dist/layout_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout_utils.d.ts","sourceRoot":"","sources":["../layout_utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAqOH,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;;;;;AAqOF,kBAUE"}

package/dist/layout_utils.js

@@ -0,0 +1,272 @@
+"use strict";
+/**
+ * @category saltcorn-markup
+ * @module layout_utils
+ */
+const tags = require("./tags");
+const { ul, li, ol, a, span, hr, div, text, img, button, nav, script, domReady, footer, i, small, br, form, input, } = tags;
+/**
+ * @param {string} item
+ * @returns {string}
+ */
+const labelToId = (item) => text(item.replace(" ", ""));
+/**
+ * @param {string} currentUrl
+ * @param {object} item
+ * @returns {boolean}
+ */
+const active = (currentUrl, item) => (item.link && currentUrl.startsWith(item.link)) ||
+    (item.subitems &&
+        item.subitems.some((si) => si.link && currentUrl.startsWith(si.link)));
+/**
+ * @param {object[]} [sections]
+ * @returns {object[]}
+ */
+const innerSections = (sections) => {
+    var items = new Array();
+    (sections || []).forEach((section) => {
+        (section.items || []).forEach((item) => {
+            items.push(item);
+        });
+    });
+    return items;
+};
+/**
+ * @param {object} opts
+ * @param {string} opts.label
+ * @param {object[]} opts.subitems
+ * @param {string} [opts.icon]
+ * @param {boolean} opts.isUser
+ * @returns {li}
+ */
+const navSubitems = ({ label, subitems, icon, isUser, }) => li({ class: "nav-item dropdown" }, a({
+    class: "nav-link dropdown-toggle",
+    href: "#",
+    id: `dropdown${labelToId(label)}`,
+    role: "button",
+    "data-toggle": "dropdown",
+    "aria-haspopup": "true",
+    "aria-expanded": "false",
+}, icon ? i({ class: `fa-fw mr-05 ${icon}` }) : "", label), div({
+    class: ["dropdown-menu", isUser && "dropdown-menu-right"],
+    "aria-labelledby": `dropdown${labelToId(label)}`,
+}, subitems.map((si) => a({ class: ["dropdown-item", si.style || ""], href: si.link }, si.icon ? i({ class: `fa-fw mr-05 ${si.icon}` }) : "", si.label))));
+/**
+ * @param {string} currentUrl
+ * @param {object[]} sections
+ * @returns {div}
+ */
+const rightNavBar = (currentUrl, sections) => div({ class: "collapse navbar-collapse", id: "navbarResponsive" }, ul({ class: "navbar-nav ml-auto my-2 my-lg-0" }, innerSections(sections).map((s) => s.location === "Mobile Bottom"
+    ? ""
+    : s.subitems
+        ? navSubitems(s)
+        : s.link
+            ? li({
+                class: ["nav-item", active(currentUrl, s) && "active"],
+            }, a({
+                class: ["nav-link js-scroll-trigger", s.style || ""],
+                href: text(s.link),
+            }, s.icon ? i({ class: `fa-fw mr-05 ${s.icon}` }) : "", text(s.label)))
+            : s.type === "Search"
+                ? li(form({
+                    action: "/search",
+                    class: "menusearch",
+                    method: "get",
+                }, div({ class: "input-group search-bar" }, input({
+                    type: "search",
+                    class: "form-control search-bar pl-2 hasbl",
+                    placeholder: s.label,
+                    id: "inputq",
+                    name: "q",
+                    "aria-label": "Search",
+                    "aria-describedby": "button-search-submit",
+                }), div({ class: "input-group-append" }, button({
+                    class: "btn btn-outline-secondary search-bar",
+                    type: "submit",
+                }, i({ class: "fas fa-search" }))))))
+                : "")));
+/**
+ * @param {object[]} sections
+ * @returns {boolean}
+ */
+const hasMobileItems = (sections) => innerSections(sections).some((s) => s.location === "Mobile Bottom");
+/**
+ * @param {string} currentUrl
+ * @param {object[]} sections
+ * @param {string} [cls = ""]
+ * @param {string} [clsLink = ""]
+ * @returns {footer|string}
+ */
+const mobileBottomNavBar = (currentUrl, sections, cls = "", clsLink = "") => hasMobileItems(sections)
+    ? footer({
+        class: "bs-mobile-nav-footer d-flex justify-content-around d-sm-flex d-md-none " +
+            cls,
+    }, innerSections(sections).map((s) => s.location !== "Mobile Bottom"
+        ? ""
+        : //: s.subitems
+            //? navSubitems(s)
+            s.link
+                ? div({
+                    class: [
+                        "mt-2 text-center",
+                        active(currentUrl, s) ? "active" : "opacity-50",
+                    ],
+                }, a({
+                    class: [s.style || "", clsLink],
+                    href: text(s.link),
+                }, s.icon ? i({ class: `fa-lg ${s.icon}` }) : "", br(), small(text(s.label))))
+                : ""))
+    : "";
+/**
+ * @param {object} opts
+ * @param {string} opts.name
+ * @param {string} opts.logo
+ * @returns {string[]}
+ */
+const leftNavBar = ({ name, logo }) => [
+    a({ class: "navbar-brand js-scroll-trigger", href: "/" }, logo &&
+        img({
+            src: logo,
+            width: "30",
+            height: "30",
+            class: "mx-1 d-inline-block align-top",
+            alt: "Logo",
+            loading: "lazy",
+        }), name),
+    button({
+        class: "navbar-toggler navbar-toggler-right",
+        type: "button",
+        "data-toggle": "collapse",
+        "data-target": "#navbarResponsive",
+        "aria-controls": "navbarResponsive",
+        "aria-expanded": "false",
+        "aria-label": "Toggle navigation",
+    }, span({ class: "navbar-toggler-icon" })),
+];
+/**
+ * @param {object} brand
+ * @param {object[]} sections
+ * @param {string} currentUrl
+ * @param {object} opts
+ * @param {boolean} [opts.fixedTop = true]
+ * @returns {string}
+ */
+const navbar = (brand, sections, currentUrl, opts = { fixedTop: true }) => nav({
+    class: `navbar navbar-expand-md ${opts.class || ""} ${opts.colorscheme ? opts.colorscheme.toLowerCase() : "navbar-light"} ${opts.fixedTop ? "fixed-top" : ""}`,
+    id: "mainNav",
+}, div({ class: opts.fluid ? "container-fluid" : "container" }, leftNavBar(brand), rightNavBar(currentUrl, sections)));
+/**
+ * @param {string} type
+ * @param {string} s
+ * @returns {string}
+ */
+const alert = (type, s) => {
+    //console.log("alert", type, s,s.length)
+    const realtype = type === "error" ? "danger" : type;
+    return s && s.length > 0
+        ? `<div class="alert alert-${realtype} alert-dismissible fade show" role="alert">
+        ${text(s)}
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>`
+        : "";
+};
+/**
+ * @type {string}
+ */
+const navbarSolidOnScroll = script(domReady(`$(window).scroll(function () {
+    if ($(window).scrollTop() >= 10) {
+    $('.navbar').css('background','white');
+    } else {
+    $('.navbar').css('background','transparent');
+    }
+    });`));
+/**
+ * @param {object} x
+ * @param {object} s
+ * @returns {object}
+ */
+const logit = (x, s) => {
+    if (s)
+        console.log(s, x);
+    else
+        console.log(x);
+    return x;
+};
+/**
+ * @param {number} len
+ * @returns {function}
+ */
+const standardBreadcrumbItem = (len) => ({ href, text }, ix) => li({
+    class: ["breadcrumb-item", ix == len - 1 && "active"],
+    "aria-current": ix == len - 1 && "page",
+}, href ? a({ href }, text) : text);
+/**
+ * @param {object} opts
+ * @param {Workflow} opts.workflow
+ * @param {object} opts.step
+ * @returns {string}
+ */
+const workflowBreadcrumbItem = ({ workflow, step, }) => workflow.steps
+    .map((wfstep, ix) => li({
+    class: [
+        "breadcrumb-item breadcrumb-workflow",
+        step.currentStep - 1 === ix && "active-step font-weight-bold",
+    ],
+}, span(wfstep.name)))
+    .join("");
+/**
+ * @param {object[]} crumbs
+ * @returns {string}
+ */
+const breadcrumbs = (crumbs, right) => nav({ "aria-label": "breadcrumb" }, ol({ class: "breadcrumb" }, crumbs.map((c, ix) => c.workflow
+    ? workflowBreadcrumbItem(c)
+    : standardBreadcrumbItem(crumbs.length)(c, ix)), right ? li({ class: "ml-auto" }, right) : ""));
+/**
+ * @param {object[]} headers
+ * @returns {string}
+ */
+const headersInHead = (headers) => headers
+    .filter((h) => h.css)
+    .map((h) => `<link href="${h.css}" rel="stylesheet">`)
+    .join("") +
+    headers
+        .filter((h) => h.style)
+        .map((h) => `<style>${h.style}</style>`)
+        .join("") +
+    headers
+        .filter((h) => h.headerTag)
+        .map((h) => h.headerTag)
+        .join("");
+/**
+ * @param {object[]} headers
+ * @returns {string}
+ */
+const headersInBody = (headers) => headers
+    .filter((h) => h.script)
+    .map((h) => `<script src="${h.script}" ${h.integrity
+    ? `integrity="${h.integrity}" crossorigin="anonymous"`
+    : ""}></script>`)
+    .join("") +
+    headers
+        .filter((h) => h.scriptBody)
+        .map((h) => `<script>${h.scriptBody}</script>`)
+        .join("");
+/**
+ * @param {object[]} tabList
+ * @returns {ul}
+ */
+const cardHeaderTabs = (tabList) => ul({ class: "nav nav-tabs card-header-tabs" }, tabList.map(({ href, label, active, }) => li({ class: "nav-item" }, a({ class: ["nav-link", active && "active"], href }, label))));
+module.exports = {
+    navbar,
+    alert,
+    logit,
+    navbarSolidOnScroll,
+    breadcrumbs,
+    headersInHead,
+    headersInBody,
+    cardHeaderTabs,
+    mobileBottomNavBar,
+};
+//# sourceMappingURL=layout_utils.js.map