@aglyn/plugins-ai 1.0.0-beta.291 → 1.0.0-beta.293

package/src/lib/site-import/site-import-layout.js

@@ -0,0 +1,1608 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ /*==========================================
+ * THE SOURCE'S LAYOUT, READ BY CODE (AGL-4106).
+ *
+ * An imported page used to be its lines and nothing else: every section
+ * cut at an `h2`, every card a run of paragraphs, every icon gone, so the
+ * page came out one column of text. This reads how the source lays the page
+ * out, with no model, into a tree whose leaves are the page's own lines by
+ * index (`SiteImportLayout`); the compile draws it with the site's own cards,
+ * columns, pictures, icons and bands.
+ *
+ * - **Sections.** The source's own: the `<section>`s (or `<article>`s, or
+ *   labeled regions) its `<main>` is made of, else the containers of their
+ *   own that each hold a heading, else the stretches its `h1` and `h2` open.
+ *   The eyebrow that opens a section stays in it. Each gets its name (its
+ *   `aria-label`, else its heading) and its band, from its background: white
+ *   is `plain`, a light grey or tint `soft`, a strong color `brand`, a dark
+ *   color, a gradient or a photo `dark`.
+ * - **Rows.** A container that lays its children side by side (a grid with
+ *   columns, a flex row, a grid framework's row and cells, a table row) is a
+ *   row; its columns' widths come from the grid template, the cells' sizes
+ *   or equal shares, in twelfths.
+ * - **Groups.** Three or more siblings built alike (the same elements in the
+ *   same order) are a group, and what they hold says its kind: icon or
+ *   picture with a title and words are `cards`, a leading number `steps`, a
+ *   short figure over a label `stats`, questions with answers `faq`, quotes
+ *   `quotes`, pictures alone `logos`, a price with a period `pricing`.
+ *   Rows of cells built alike are a `table`; a `tablist` is `tabs`.
+ * - **Pictures, icons, buttons.** Every picture where it sits (one inside a
+ *   button or a link too); every inline icon, once, by index; every link or
+ *   button the source draws as a button, filled (`primary`), outlined
+ *   (`secondary`) or plain (`quiet`).
+ * - **The look.** The fonts (Google Fonts' named), the page's background and
+ *   text, the buttons' fill and corners, the links' color, the header's
+ *   background: what the look pass draws the site's theme from.
+ *
+ * Class names are hints a framework leaves (`MuiGrid-grid-md-4`, `col-md-6`),
+ * never the rule: the reader reads what an element draws, through the page's
+ * own stylesheets (`site-import-css.ts`). Nothing a page wrote runs.
+ *=========================================*/ import { AI_SITE_IMPORT_MAX_SECTIONS, siteImportFilterNodes, siteImportLayoutLines } from "../model/ai-site-import.js";
+import { siteImportBackgroundOf, siteImportColorOf, siteImportCssOf, siteImportFontFamilies, siteImportFontSizePx, siteImportGridColumns, siteImportHasBorder, siteImportHasShadow, siteImportHex, siteImportLuminance, siteImportRadiusPx, siteImportSaturation, siteImportStylesOf, siteImportTwelfths } from "./site-import-css.js";
+import { extractSiteImportPage } from "./site-import-html.js";
+import { siteImportLabel } from "./site-import-page.js";
+const isElementPart = (part)=>'element' in part;
+/** Whether a block is a line of its own: a link inside a sentence is in its sentence already. */ function isLine(block) {
+    if (block.kind === 'image') return !!block.url;
+    if (block.kind === 'link') return !block.inline && !!block.text.trim();
+    return !!block.text.trim();
+}
+const BUTTON_CLASS = /(?:^|[\s_-])(?:btn|button)(?:$|[\s_-])|Button-root|wp-block-button__link|sqs-block-button-element|elementor-button|w-button/i;
+const TEXT_BUTTON_CLASS = /MuiButton-text\b|btn-link\b|is-style-text/i;
+const OUTLINED_CLASS = /MuiButton-outlined\b|btn-outline|is-style-outline|--outline|button--secondary|btn-secondary/i;
+const FILLED_CLASS = /MuiButton-contained\b|btn-primary|button--primary|--solid|is-style-fill/i;
+const LANDMARK_TAGS = new Set([
+    'section',
+    'article',
+    'aside'
+]);
+const SECTION_CLASS = /(?:^|[\s_-])(?:section|page-section|wp-block-group|elementor-section|e-con|shopify-section|block-section)(?:$|[\s_-])/i;
+const MUI_GRID_SIZE = /\bMuiGrid-grid-(xs|sm|md|lg|xl)-(\d+)\b/g;
+const BOOTSTRAP_COL = /\bcol-(?:(sm|md|lg|xl)-)?(\d{1,2})\b/g;
+const BREAKPOINT_RANK = {
+    xs: 0,
+    sm: 1,
+    md: 2,
+    lg: 3,
+    xl: 4
+};
+const PRICE = /(?:[$€£¥₹]\s?\d|\d+(?:[.,]\d+)?\s?(?:USD|EUR|GBP|CAD|AUD)\b)/;
+const PERIOD = /\/\s?(?:mo|month|yr|year|user|seat|site)\b|\bper (?:month|year|user|seat)\b|\bmonthly\b|\bannual(?:ly)?\b|\bbilled\b|\ba month\b|\ba year\b/i;
+const STEP_NUMBER = /^(?:step\s*)?(?:0?\d{1,2}|[ivx]{1,4})[.):]?$/i;
+const FIGURE = /^[^\s]{0,3}[\d][\d.,:/x×+%kmb$€£-]*\s?[^\s]{0,12}$|^\d+-[a-z]+$/i;
+/**
+ * The page's layout from its structure and its linked stylesheets' text,
+ * over its main-region lines. `null` for a page with no structure or no main
+ * content.
+ */ export function siteImportLayout(page, stylesheets = []) {
+    const { structure, blocks } = page;
+    if (!structure) return null;
+    const css = siteImportCssOf([
+        ...structure.styles,
+        ...stylesheets
+    ]);
+    const styles = siteImportStylesOf(structure, css);
+    const reader = new LayoutReader(structure, blocks, styles);
+    const sections = reader.sections();
+    if (!sections.length) return null;
+    return {
+        v: 1,
+        sections,
+        icons: structure.icons.map((icon)=>_extends({}, icon)),
+        look: siteImportLookFacts(structure, styles, css.fontFaces)
+    };
+}
+let LayoutReader = class LayoutReader {
+    /*---------------- leaves and parts ----------------*/ leaves(element) {
+        var _this_own_element;
+        const held = this.leafMemo.get(element);
+        if (held) return held;
+        const node = this.elements[element];
+        if (!node) return [];
+        const list = [
+            ...(_this_own_element = this.own[element]) != null ? _this_own_element : []
+        ];
+        for (const child of node.children)list.push(...this.leaves(child));
+        list.sort((a, b)=>a.order - b.order);
+        this.leafMemo.set(element, list);
+        return list;
+    }
+    inRange(leaf, range) {
+        return leaf.order >= range[0] && leaf.order < range[1];
+    }
+    parts(element, range) {
+        var _this_own_element;
+        const node = this.elements[element];
+        if (!node) return [];
+        const parts = [];
+        for (const leaf of (_this_own_element = this.own[element]) != null ? _this_own_element : [])if (this.inRange(leaf, range)) parts.push({
+            leaf,
+            first: leaf.order
+        });
+        for (const child of node.children){
+            const first = this.leaves(child).find((leaf)=>this.inRange(leaf, range));
+            if (first) parts.push({
+                element: child,
+                first: first.order
+            });
+        }
+        return parts.sort((a, b)=>a.first - b.first);
+    }
+    /** Down through wrappers that hold one part, to the element whose parts are the content. */ unwrap(element, range) {
+        let at = element;
+        for(let guard = 0; guard < 64; guard += 1){
+            const parts = this.parts(at, range);
+            if (parts.length !== 1 || !isElementPart(parts[0])) return at;
+            at = parts[0].element;
+        }
+        return at;
+    }
+    style(element) {
+        return this.styles.of(element);
+    }
+    block(leaf) {
+        return this.blocks[leaf.order];
+    }
+    /*---------------- sections ----------------*/ sections() {
+        const root = this.structure.main >= 0 ? this.structure.main : this.structure.body;
+        const all = [
+            -1,
+            Number.POSITIVE_INFINITY
+        ];
+        const rootLeaves = root >= 0 ? this.leaves(root) : this.elements.filter((element)=>element.parent < 0).flatMap((element)=>this.leaves(element.id));
+        if (!rootLeaves.length) return [];
+        const container = root >= 0 ? this.unwrap(root, all) : -1;
+        const parts = container >= 0 ? this.parts(container, all) : [];
+        const elementParts = parts.filter(isElementPart);
+        const landmarks = elementParts.filter((part)=>this.isLandmark(part.element));
+        let cuts = [];
+        if (elementParts.length >= 2 && landmarks.length >= Math.max(2, Math.ceil(elementParts.length / 2))) {
+            // A container of its own among the landmarks (a post's article column) is a section too; a stray line joins the next.
+            cuts = this.cutsAt(parts, (part)=>this.isLandmark(part.element) || this.holdsHeading(part.element) || this.lineCount(part.element) >= 3, 'landmark');
+        } else if (elementParts.length >= 2 && this.containersHoldSections(elementParts)) {
+            cuts = this.cutsAt(parts, (part)=>this.holdsHeading(part.element), 'container');
+        }
+        if (cuts.length < 2) cuts = this.headingCuts(rootLeaves);
+        const sections = [];
+        for (const cut of cuts.slice(0, AI_SITE_IMPORT_MAX_SECTIONS * 2)){
+            const section = this.section(cut, container, sections.length);
+            if (section) sections.push(section);
+        }
+        this.markHero(sections);
+        return this.capSections(sections);
+    }
+    /** At most `AI_SITE_IMPORT_MAX_SECTIONS`: the last holds whatever follows. */ capSections(sections) {
+        if (sections.length <= AI_SITE_IMPORT_MAX_SECTIONS) return sections;
+        const kept = sections.slice(0, AI_SITE_IMPORT_MAX_SECTIONS);
+        const last = kept[kept.length - 1];
+        for (const extra of sections.slice(AI_SITE_IMPORT_MAX_SECTIONS)){
+            last.nodes.push(...extra.nodes);
+            last.lines.push(...extra.lines);
+        }
+        return kept;
+    }
+    isLandmark(element) {
+        var _node_attrs_class;
+        const node = this.elements[element];
+        if (!node) return false;
+        if (LANDMARK_TAGS.has(node.tag)) return true;
+        if (node.attrs.role === 'region' || node.attrs.label && /^(?:div|section)$/.test(node.tag)) return true;
+        return SECTION_CLASS.test((_node_attrs_class = node.attrs.class) != null ? _node_attrs_class : '');
+    }
+    lineCount(element) {
+        return this.leaves(element).filter((leaf)=>leaf.kind === 'line').length;
+    }
+    holdsHeading(element) {
+        return this.leaves(element).some((leaf)=>{
+            const block = this.block(leaf);
+            return (block == null ? void 0 : block.kind) === 'heading' && block.level <= 3;
+        });
+    }
+    /** Containers of their own, most of them holding a heading: a page builder's sections without the tag. */ containersHoldSections(parts) {
+        const containers = parts.filter((part)=>{
+            var _ref;
+            var _this_elements_part_element;
+            return !/^(?:h[1-6]|p|ul|ol|li|a|img|span|strong|em|button|blockquote|figure|picture)$/.test((_ref = (_this_elements_part_element = this.elements[part.element]) == null ? void 0 : _this_elements_part_element.tag) != null ? _ref : '');
+        });
+        if (containers.length < parts.length * 0.8) return false;
+        return containers.filter((part)=>this.holdsHeading(part.element)).length >= Math.max(2, Math.ceil(containers.length * 0.6));
+    }
+    /** Sections at the parts `starts` picks; loose parts between them join the next one, or the last. */ cutsAt(parts, starts, from) {
+        const cuts = [];
+        let pendingFrom = null;
+        for (const part of parts){
+            if (isElementPart(part) && starts(part)) {
+                const leaves = this.leaves(part.element);
+                const lo = Math.min(pendingFrom != null ? pendingFrom : Number.POSITIVE_INFINITY, leaves[0].order);
+                cuts.push({
+                    element: pendingFrom === null ? part.element : null,
+                    anchor: part.element,
+                    range: [
+                        lo,
+                        leaves[leaves.length - 1].order + 0.75
+                    ],
+                    from
+                });
+                pendingFrom = null;
+            } else {
+                pendingFrom = pendingFrom != null ? pendingFrom : part.first;
+            }
+        }
+        if (pendingFrom !== null) {
+            const last = cuts[cuts.length - 1];
+            if (last) {
+                last.range[1] = Number.POSITIVE_INFINITY;
+                last.element = null;
+            } else cuts.push({
+                element: null,
+                anchor: null,
+                range: [
+                    pendingFrom,
+                    Number.POSITIVE_INFINITY
+                ],
+                from
+            });
+        }
+        // Ranges meet, so nothing between two sections is lost.
+        for(let index = 1; index < cuts.length; index += 1)cuts[index - 1].range[1] = cuts[index].range[0];
+        if (cuts[0]) {
+            var _ref;
+            var _parts_;
+            // Loose lines before the first section open it.
+            if (cuts[0].range[0] > ((_ref = (_parts_ = parts[0]) == null ? void 0 : _parts_.first) != null ? _ref : 0)) cuts[0].element = null;
+            cuts[0].range[0] = -1;
+        }
+        if (cuts.length) cuts[cuts.length - 1].range[1] = Number.POSITIVE_INFINITY;
+        return cuts;
+    }
+    /** Sections at the page's `h1` and `h2`, each opened by the eyebrow just above its heading. */ headingCuts(leaves) {
+        const starts = [];
+        leaves.forEach((leaf, index)=>{
+            const block = this.block(leaf);
+            if ((block == null ? void 0 : block.kind) !== 'heading' || block.level > 2) return;
+            let at = index;
+            const before = leaves[index - 1];
+            const previous = before ? this.block(before) : undefined;
+            if (before && (previous == null ? void 0 : previous.kind) === 'paragraph' && this.looksLikeEyebrow(before, previous.text)) at = index - 1;
+            const order = leaves[at].order;
+            if (!starts.length || order > starts[starts.length - 1]) starts.push(order);
+        });
+        if (!starts.length || starts[0] !== leaves[0].order) starts.unshift(-1);
+        return starts.map((start, index)=>{
+            var _starts_;
+            return {
+                element: null,
+                anchor: null,
+                range: [
+                    index === 0 ? -1 : start,
+                    (_starts_ = starts[index + 1]) != null ? _starts_ : Number.POSITIVE_INFINITY
+                ],
+                from: 'heading'
+            };
+        });
+    }
+    section(cut, container, index) {
+        const { element, range, from } = cut;
+        const scope = element != null ? element : container;
+        const nodes = scope >= 0 ? this.read(scope, range) : this.readLeaves(range);
+        const lines = this.linesOf(nodes);
+        if (!lines.length && !nodes.some((node)=>node.kind === 'icon' || node.kind === 'form')) return null;
+        const name = this.nameOf(cut.anchor, lines, index);
+        const band = cut.anchor !== null ? this.bandOf(cut.anchor, false) : this.bandOf(container, true);
+        return _extends({
+            name,
+            from,
+            band: band.band,
+            background: band.background
+        }, band.backdrop ? {
+            backdrop: band.backdrop
+        } : {}, {
+            align: this.alignOf(scope, lines),
+            nodes,
+            lines
+        });
+    }
+    /** Lines with no container to read them through: one after another. */ readLeaves(range) {
+        const leaves = this.elements.filter((element)=>element.parent < 0).flatMap((element)=>this.leaves(element.id));
+        return leaves.filter((leaf)=>this.inRange(leaf, range)).map((leaf)=>this.leafNode(leaf));
+    }
+    nameOf(element, lines, index) {
+        var _lines_map_find;
+        var _this_elements_element;
+        const label = element !== null ? (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.attrs.label : undefined;
+        if (label) return siteImportLabel(label);
+        const mainBlocks = this.mainBlocks();
+        const heading = (_lines_map_find = lines.map((ref)=>mainBlocks[ref]).find((block)=>(block == null ? void 0 : block.kind) === 'heading' && block.level <= 2)) != null ? _lines_map_find : lines.map((ref)=>mainBlocks[ref]).find((block)=>(block == null ? void 0 : block.kind) === 'heading');
+        const text = heading && heading.kind === 'heading' ? siteImportLabel(heading.text) : '';
+        if (text) return text;
+        const first = lines.map((ref)=>mainBlocks[ref]).find((block)=>block && block.kind !== 'image');
+        const line = first && first.kind !== 'image' && first.text.length <= 60 ? siteImportLabel(first.text) : '';
+        return line || `Section ${index + 1}`;
+    }
+    mainBlocks() {
+        var _this_mainBlocksMemo;
+        (_this_mainBlocksMemo = this.mainBlocksMemo) != null ? _this_mainBlocksMemo : this.mainBlocksMemo = this.blocks.filter((block)=>block.region === 'main');
+        return this.mainBlocksMemo;
+    }
+    /*---------------- bands ----------------*/ bandOf(element, inherited) {
+        var _ref, _ref1, _this_backgroundBand;
+        var _this_elements_element, _this_elements_at;
+        // The section's own background, else the one wrapper inside it that covers it.
+        const chain = [];
+        if (!inherited) {
+            let at = element;
+            for(let depth = 0; depth < 4 && at >= 0; depth += 1){
+                var _ref2;
+                var _this_elements_at1;
+                chain.push(at);
+                const children = ((_ref2 = (_this_elements_at1 = this.elements[at]) == null ? void 0 : _this_elements_at1.children) != null ? _ref2 : []).filter((child)=>this.leaves(child).length);
+                if (children.length !== 1) break;
+                at = children[0];
+            }
+        }
+        for (const at of chain){
+            const found = this.backgroundBand(at);
+            if (found) return found;
+        }
+        // None of its own: the page's, under it.
+        for(let at = inherited ? element : (_ref = (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.parent) != null ? _ref : -1; at >= 0; at = (_ref1 = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.parent) != null ? _ref1 : -1){
+            const found = this.backgroundBand(at);
+            if (found) return found;
+        }
+        return (_this_backgroundBand = this.backgroundBand(-2)) != null ? _this_backgroundBand : {
+            band: 'plain',
+            background: null
+        };
+    }
+    backgroundBand(element) {
+        var _this_elements_element;
+        const style = this.style(element);
+        const background = siteImportBackgroundOf(style);
+        const hex = background.color && background.color.a >= 0.5 ? siteImportHex(background.color) : null;
+        if (background.image && !/\.svg(?:$|\?)/i.test(background.image)) {
+            return {
+                band: 'dark',
+                background: hex,
+                backdrop: {
+                    kind: 'picture',
+                    url: background.image
+                }
+            };
+        }
+        if (background.gradient) {
+            const stops = background.gradient.filter((stop)=>stop.a > 0.1);
+            const light = stops.length ? stops.reduce((sum, stop)=>sum + siteImportLuminance(stop), 0) / stops.length : 1;
+            return {
+                band: light < 0.55 ? 'dark' : 'soft',
+                background: hex,
+                backdrop: {
+                    kind: 'gradient'
+                }
+            };
+        }
+        if (background.color && background.color.a >= 0.5) return {
+            band: siteImportBandOfColor(background.color),
+            background: hex
+        };
+        const theme = (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.attrs.theme;
+        if (theme) {
+            if (/^(?:dark|black)/.test(theme)) return {
+                band: 'dark',
+                background: null
+            };
+            if (/^bright/.test(theme)) return {
+                band: 'brand',
+                background: null
+            };
+            if (/^light/.test(theme)) return {
+                band: 'soft',
+                background: null
+            };
+            if (/^white/.test(theme)) return {
+                band: 'plain',
+                background: null
+            };
+        }
+        return null;
+    }
+    alignOf(scope, lines) {
+        const mainBlocks = this.mainBlocks();
+        const heading = lines.find((ref)=>{
+            var _mainBlocks_ref;
+            return ((_mainBlocks_ref = mainBlocks[ref]) == null ? void 0 : _mainBlocks_ref.kind) === 'heading';
+        });
+        if (heading === undefined || scope < 0) return 'start';
+        const leaf = this.leaves(scope).find((entry)=>entry.kind === 'line' && entry.ref === heading);
+        if (!leaf) return 'start';
+        return this.style(leaf.element).get('text-align') === 'center' ? 'center' : 'start';
+    }
+    /*---------------- reading a container ----------------*/ read(element, range) {
+        const node = this.elements[element];
+        if (!node) return [];
+        if (node.tag === 'table') {
+            const table = this.table(element, range);
+            if (table) return [
+                table
+            ];
+        }
+        const parts = this.parts(element, range);
+        if (!parts.length) return [];
+        if (parts.length === 1) {
+            const only = parts[0];
+            return isElementPart(only) ? this.read(only.element, range) : [
+                this.leafNode(only.leaf)
+            ];
+        }
+        const strips = this.tabStrips().get(element);
+        if (strips) return this.readTabs(element, strips, range);
+        const table = this.gridTable(element, parts, range);
+        if (table) return [
+            table
+        ];
+        const runs = this.groupRuns(element, parts, range);
+        const elementParts = parts.filter(isElementPart);
+        // Items built alike are a group, a heading over them included; only a container of unlike parts is a row of columns.
+        if (!runs.length && elementParts.length >= 2 && this.isRow(element) && this.rowWorthy(parts, range)) {
+            return [
+                this.row(element, parts, range)
+            ];
+        }
+        const out = [];
+        for(let index = 0; index < parts.length;){
+            const run = runs.find((entry)=>entry.start === index);
+            if (run) {
+                out.push(this.group(element, parts.slice(run.start, run.end), range));
+                index = run.end;
+                continue;
+            }
+            const part = parts[index];
+            if (isElementPart(part)) out.push(...this.read(part.element, range));
+            else out.push(this.leafNode(part.leaf));
+            index += 1;
+        }
+        return out;
+    }
+    leafNode(leaf) {
+        if (leaf.kind === 'icon') return {
+            kind: 'icon',
+            icon: leaf.ref
+        };
+        if (leaf.kind === 'form') return {
+            kind: 'form',
+            form: leaf.ref
+        };
+        const block = this.block(leaf);
+        if ((block == null ? void 0 : block.kind) === 'image') {
+            var _this_elements_wrap, _this_elements_wrap1;
+            const wrap = this.wrapperOf(leaf.element, [
+                'a',
+                'button'
+            ], 4);
+            const href = wrap !== null && ((_this_elements_wrap = this.elements[wrap]) == null ? void 0 : _this_elements_wrap.tag) === 'a' ? this.anchorHref(wrap) : null;
+            return _extends({
+                kind: 'picture',
+                line: leaf.ref
+            }, href ? {
+                href
+            } : {}, wrap !== null && ((_this_elements_wrap1 = this.elements[wrap]) == null ? void 0 : _this_elements_wrap1.tag) === 'button' ? {
+                button: true
+            } : {});
+        }
+        const button = this.buttonStyle(leaf);
+        const role = button ? undefined : this.roleOf(leaf);
+        return _extends({
+            kind: 'line',
+            line: leaf.ref
+        }, role ? {
+            role
+        } : {}, button ? {
+            button
+        } : {});
+    }
+    /** The nearest element of these tags at or above `element`, within `depth` levels. */ wrapperOf(element, tags, depth) {
+        let at = element;
+        for(let level = 0; level <= depth && at >= 0; level += 1){
+            const node = this.elements[at];
+            if (!node) return null;
+            if (tags.includes(node.tag)) return at;
+            at = node.parent;
+        }
+        return null;
+    }
+    anchorHref(element) {
+        var _ref;
+        const anchor = this.structure.anchors.find((entry)=>entry.element === element);
+        return (_ref = anchor == null ? void 0 : anchor.href) != null ? _ref : null;
+    }
+    /** How the source draws a line as a button, when it does. */ buttonStyle(leaf) {
+        var _siteImportButtonStyleOf;
+        const block = this.block(leaf);
+        if (!block || block.kind !== 'link' && block.kind !== 'paragraph') return undefined;
+        const host = this.wrapperOf(leaf.element, block.kind === 'link' ? [
+            'a'
+        ] : [
+            'button'
+        ], 3);
+        if (host === null) return undefined;
+        const node = this.elements[host];
+        if (node.attrs.role === 'tab') return undefined;
+        return (_siteImportButtonStyleOf = siteImportButtonStyleOf(node, this.style(host), this.backgroundUnder(host))) != null ? _siteImportButtonStyleOf : undefined;
+    }
+    /** The background an element is drawn on: its nearest ancestor's. */ backgroundUnder(element) {
+        var _ref, _ref1;
+        var _this_elements_element, _this_elements_at;
+        for(let at = (_ref = (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.parent) != null ? _ref : -1; at >= 0; at = (_ref1 = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.parent) != null ? _ref1 : -1){
+            const color = siteImportBackgroundOf(this.style(at)).color;
+            if (color && color.a >= 0.5) return siteImportHex(color);
+        }
+        const page = siteImportBackgroundOf(this.style(-2)).color;
+        return page ? siteImportHex(page) : '#ffffff';
+    }
+    /** An eyebrow, a lede or a note, where the source's styling says so. */ roleOf(leaf) {
+        const block = this.block(leaf);
+        if ((block == null ? void 0 : block.kind) !== 'paragraph') return undefined;
+        const style = this.style(leaf.element);
+        if (this.looksLikeEyebrow(leaf, block.text)) return 'eyebrow';
+        const size = siteImportFontSizePx(style);
+        if (size !== null && size >= this.bodySize * 1.12 && block.text.length > 40) return 'lede';
+        if (size !== null && size <= this.bodySize * 0.875 && block.text.length <= 160) return 'note';
+        return undefined;
+    }
+    looksLikeEyebrow(leaf, text) {
+        var _text_match;
+        const words = (_text_match = text.match(RegExp("[\\u0041-\\u005A\\u0061-\\u007A\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EC\\u02EE\\u0370-\\u0374\\u0376-\\u0377\\u037A-\\u037D\\u037F\\u0386\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03F5\\u03F7-\\u0481\\u048A-\\u052F\\u0531-\\u0556\\u0559\\u0560-\\u0588\\u05D0-\\u05EA\\u05EF-\\u05F2\\u0620-\\u064A\\u066E-\\u066F\\u0671-\\u06D3\\u06D5\\u06E5-\\u06E6\\u06EE-\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710\\u0712-\\u072F\\u074D-\\u07A5\\u07B1\\u07CA-\\u07EA\\u07F4-\\u07F5\\u07FA\\u0800-\\u0815\\u081A\\u0824\\u0828\\u0840-\\u0858\\u0860-\\u086A\\u0870-\\u0887\\u0889-\\u088F\\u08A0-\\u08C9\\u0904-\\u0939\\u093D\\u0950\\u0958-\\u0961\\u0971-\\u0980\\u0985-\\u098C\\u098F-\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC-\\u09DD\\u09DF-\\u09E1\\u09F0-\\u09F1\\u09FC\\u0A05-\\u0A0A\\u0A0F-\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32-\\u0A33\\u0A35-\\u0A36\\u0A38-\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2-\\u0AB3\\u0AB5-\\u0AB9\\u0ABD\\u0AD0\\u0AE0-\\u0AE1\\u0AF9\\u0B05-\\u0B0C\\u0B0F-\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30\\u0B32-\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C-\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99-\\u0B9A\\u0B9C\\u0B9E-\\u0B9F\\u0BA3-\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0BD0\\u0C05-\\u0C0C\\u0C0E-\\u0C10\\u0C12-\\u0C28\\u0C2A-\\u0C39\\u0C3D\\u0C58-\\u0C5A\\u0C5C-\\u0C5D\\u0C60-\\u0C61\\u0C80\\u0C85-\\u0C8C\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDC-\\u0CDE\\u0CE0-\\u0CE1\\u0CF1-\\u0CF2\\u0D04-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D3A\\u0D3D\\u0D4E\\u0D54-\\u0D56\\u0D5F-\\u0D61\\u0D7A-\\u0D7F\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6\\u0E01-\\u0E30\\u0E32-\\u0E33\\u0E40-\\u0E46\\u0E81-\\u0E82\\u0E84\\u0E86-\\u0E8A\\u0E8C-\\u0EA3\\u0EA5\\u0EA7-\\u0EB0\\u0EB2-\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6\\u0EDC-\\u0EDF\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6C\\u0F88-\\u0F8C\\u1000-\\u102A\\u103F\\u1050-\\u1055\\u105A-\\u105D\\u1061\\u1065-\\u1066\\u106E-\\u1070\\u1075-\\u1081\\u108E\\u10A0-\\u10C5\\u10C7\\u10CD\\u10D0-\\u10FA\\u10FC-\\u1248\\u124A-\\u124D\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F5\\u13F8-\\u13FD\\u1401-\\u166C\\u166F-\\u167F\\u1681-\\u169A\\u16A0-\\u16EA\\u16F1-\\u16F8\\u1700-\\u1711\\u171F-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7\\u17DC\\u1820-\\u1878\\u1880-\\u1884\\u1887-\\u18A8\\u18AA\\u18B0-\\u18F5\\u1900-\\u191E\\u1950-\\u196D\\u1970-\\u1974\\u1980-\\u19AB\\u19B0-\\u19C9\\u1A00-\\u1A16\\u1A20-\\u1A54\\u1AA7\\u1B05-\\u1B33\\u1B45-\\u1B4C\\u1B83-\\u1BA0\\u1BAE-\\u1BAF\\u1BBA-\\u1BE5\\u1C00-\\u1C23\\u1C4D-\\u1C4F\\u1C5A-\\u1C7D\\u1C80-\\u1C8A\\u1C90-\\u1CBA\\u1CBD-\\u1CBF\\u1CE9-\\u1CEC\\u1CEE-\\u1CF3\\u1CF5-\\u1CF6\\u1CFA\\u1D00-\\u1DBF\\u1E00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u209C\\u2102\\u2107\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D\\u212F-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u214E\\u2183-\\u2184\\u2C00-\\u2CE4\\u2CEB-\\u2CEE\\u2CF2-\\u2CF3\\u2D00-\\u2D25\\u2D27\\u2D2D\\u2D30-\\u2D67\\u2D6F\\u2D80-\\u2D96\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u2E2F\\u3005-\\u3006\\u3031-\\u3035\\u303B-\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF\\u3105-\\u312F\\u3131-\\u318E\\u31A0-\\u31BF\\u31F0-\\u31FF\\u3400-\\u4DBF\\u4E00-\\uA48C\\uA4D0-\\uA4FD\\uA500-\\uA60C\\uA610-\\uA61F\\uA62A-\\uA62B\\uA640-\\uA66E\\uA67F-\\uA69D\\uA6A0-\\uA6E5\\uA717-\\uA71F\\uA722-\\uA788\\uA78B-\\uA7DC\\uA7F1-\\uA801\\uA803-\\uA805\\uA807-\\uA80A\\uA80C-\\uA822\\uA840-\\uA873\\uA882-\\uA8B3\\uA8F2-\\uA8F7\\uA8FB\\uA8FD-\\uA8FE\\uA90A-\\uA925\\uA930-\\uA946\\uA960-\\uA97C\\uA984-\\uA9B2\\uA9CF\\uA9E0-\\uA9E4\\uA9E6-\\uA9EF\\uA9FA-\\uA9FE\\uAA00-\\uAA28\\uAA40-\\uAA42\\uAA44-\\uAA4B\\uAA60-\\uAA76\\uAA7A\\uAA7E-\\uAAAF\\uAAB1\\uAAB5-\\uAAB6\\uAAB9-\\uAABD\\uAAC0\\uAAC2\\uAADB-\\uAADD\\uAAE0-\\uAAEA\\uAAF2-\\uAAF4\\uAB01-\\uAB06\\uAB09-\\uAB0E\\uAB11-\\uAB16\\uAB20-\\uAB26\\uAB28-\\uAB2E\\uAB30-\\uAB5A\\uAB5C-\\uAB69\\uAB70-\\uABE2\\uAC00-\\uD7A3\\uD7B0-\\uD7C6\\uD7CB-\\uD7FB\\uF900-\\uFA6D\\uFA70-\\uFAD9\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C\\uFB3E\\uFB40-\\uFB41\\uFB43-\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7\\uFFDA-\\uFFDC\\u{10000}-\\u{1000B}\\u{1000D}-\\u{10026}\\u{10028}-\\u{1003A}\\u{1003C}-\\u{1003D}\\u{1003F}-\\u{1004D}\\u{10050}-\\u{1005D}\\u{10080}-\\u{100FA}\\u{10280}-\\u{1029C}\\u{102A0}-\\u{102D0}\\u{10300}-\\u{1031F}\\u{1032D}-\\u{10340}\\u{10342}-\\u{10349}\\u{10350}-\\u{10375}\\u{10380}-\\u{1039D}\\u{103A0}-\\u{103C3}\\u{103C8}-\\u{103CF}\\u{10400}-\\u{1049D}\\u{104B0}-\\u{104D3}\\u{104D8}-\\u{104FB}\\u{10500}-\\u{10527}\\u{10530}-\\u{10563}\\u{10570}-\\u{1057A}\\u{1057C}-\\u{1058A}\\u{1058C}-\\u{10592}\\u{10594}-\\u{10595}\\u{10597}-\\u{105A1}\\u{105A3}-\\u{105B1}\\u{105B3}-\\u{105B9}\\u{105BB}-\\u{105BC}\\u{105C0}-\\u{105F3}\\u{10600}-\\u{10736}\\u{10740}-\\u{10755}\\u{10760}-\\u{10767}\\u{10780}-\\u{10785}\\u{10787}-\\u{107B0}\\u{107B2}-\\u{107BA}\\u{10800}-\\u{10805}\\u{10808}\\u{1080A}-\\u{10835}\\u{10837}-\\u{10838}\\u{1083C}\\u{1083F}-\\u{10855}\\u{10860}-\\u{10876}\\u{10880}-\\u{1089E}\\u{108E0}-\\u{108F2}\\u{108F4}-\\u{108F5}\\u{10900}-\\u{10915}\\u{10920}-\\u{10939}\\u{10940}-\\u{10959}\\u{10980}-\\u{109B7}\\u{109BE}-\\u{109BF}\\u{10A00}\\u{10A10}-\\u{10A13}\\u{10A15}-\\u{10A17}\\u{10A19}-\\u{10A35}\\u{10A60}-\\u{10A7C}\\u{10A80}-\\u{10A9C}\\u{10AC0}-\\u{10AC7}\\u{10AC9}-\\u{10AE4}\\u{10B00}-\\u{10B35}\\u{10B40}-\\u{10B55}\\u{10B60}-\\u{10B72}\\u{10B80}-\\u{10B91}\\u{10C00}-\\u{10C48}\\u{10C80}-\\u{10CB2}\\u{10CC0}-\\u{10CF2}\\u{10D00}-\\u{10D23}\\u{10D4A}-\\u{10D65}\\u{10D6F}-\\u{10D85}\\u{10E80}-\\u{10EA9}\\u{10EB0}-\\u{10EB1}\\u{10EC2}-\\u{10EC7}\\u{10F00}-\\u{10F1C}\\u{10F27}\\u{10F30}-\\u{10F45}\\u{10F70}-\\u{10F81}\\u{10FB0}-\\u{10FC4}\\u{10FE0}-\\u{10FF6}\\u{11003}-\\u{11037}\\u{11071}-\\u{11072}\\u{11075}\\u{11083}-\\u{110AF}\\u{110D0}-\\u{110E8}\\u{11103}-\\u{11126}\\u{11144}\\u{11147}\\u{11150}-\\u{11172}\\u{11176}\\u{11183}-\\u{111B2}\\u{111C1}-\\u{111C4}\\u{111DA}\\u{111DC}\\u{11200}-\\u{11211}\\u{11213}-\\u{1122B}\\u{1123F}-\\u{11240}\\u{11280}-\\u{11286}\\u{11288}\\u{1128A}-\\u{1128D}\\u{1128F}-\\u{1129D}\\u{1129F}-\\u{112A8}\\u{112B0}-\\u{112DE}\\u{11305}-\\u{1130C}\\u{1130F}-\\u{11310}\\u{11313}-\\u{11328}\\u{1132A}-\\u{11330}\\u{11332}-\\u{11333}\\u{11335}-\\u{11339}\\u{1133D}\\u{11350}\\u{1135D}-\\u{11361}\\u{11380}-\\u{11389}\\u{1138B}\\u{1138E}\\u{11390}-\\u{113B5}\\u{113B7}\\u{113D1}\\u{113D3}\\u{11400}-\\u{11434}\\u{11447}-\\u{1144A}\\u{1145F}-\\u{11461}\\u{11480}-\\u{114AF}\\u{114C4}-\\u{114C5}\\u{114C7}\\u{11580}-\\u{115AE}\\u{115D8}-\\u{115DB}\\u{11600}-\\u{1162F}\\u{11644}\\u{11680}-\\u{116AA}\\u{116B8}\\u{11700}-\\u{1171A}\\u{11740}-\\u{11746}\\u{11800}-\\u{1182B}\\u{118A0}-\\u{118DF}\\u{118FF}-\\u{11906}\\u{11909}\\u{1190C}-\\u{11913}\\u{11915}-\\u{11916}\\u{11918}-\\u{1192F}\\u{1193F}\\u{11941}\\u{119A0}-\\u{119A7}\\u{119AA}-\\u{119D0}\\u{119E1}\\u{119E3}\\u{11A00}\\u{11A0B}-\\u{11A32}\\u{11A3A}\\u{11A50}\\u{11A5C}-\\u{11A89}\\u{11A9D}\\u{11AB0}-\\u{11AF8}\\u{11BC0}-\\u{11BE0}\\u{11C00}-\\u{11C08}\\u{11C0A}-\\u{11C2E}\\u{11C40}\\u{11C72}-\\u{11C8F}\\u{11D00}-\\u{11D06}\\u{11D08}-\\u{11D09}\\u{11D0B}-\\u{11D30}\\u{11D46}\\u{11D60}-\\u{11D65}\\u{11D67}-\\u{11D68}\\u{11D6A}-\\u{11D89}\\u{11D98}\\u{11DB0}-\\u{11DDB}\\u{11EE0}-\\u{11EF2}\\u{11F02}\\u{11F04}-\\u{11F10}\\u{11F12}-\\u{11F33}\\u{11FB0}\\u{12000}-\\u{12399}\\u{12480}-\\u{12543}\\u{12F90}-\\u{12FF0}\\u{13000}-\\u{1342F}\\u{13441}-\\u{13446}\\u{13460}-\\u{143FA}\\u{14400}-\\u{14646}\\u{16100}-\\u{1611D}\\u{16800}-\\u{16A38}\\u{16A40}-\\u{16A5E}\\u{16A70}-\\u{16ABE}\\u{16AD0}-\\u{16AED}\\u{16B00}-\\u{16B2F}\\u{16B40}-\\u{16B43}\\u{16B63}-\\u{16B77}\\u{16B7D}-\\u{16B8F}\\u{16D40}-\\u{16D6C}\\u{16E40}-\\u{16E7F}\\u{16EA0}-\\u{16EB8}\\u{16EBB}-\\u{16ED3}\\u{16F00}-\\u{16F4A}\\u{16F50}\\u{16F93}-\\u{16F9F}\\u{16FE0}-\\u{16FE1}\\u{16FE3}\\u{16FF2}-\\u{16FF3}\\u{17000}-\\u{18CD5}\\u{18CFF}-\\u{18D1E}\\u{18D80}-\\u{18DF2}\\u{1AFF0}-\\u{1AFF3}\\u{1AFF5}-\\u{1AFFB}\\u{1AFFD}-\\u{1AFFE}\\u{1B000}-\\u{1B122}\\u{1B132}\\u{1B150}-\\u{1B152}\\u{1B155}\\u{1B164}-\\u{1B167}\\u{1B170}-\\u{1B2FB}\\u{1BC00}-\\u{1BC6A}\\u{1BC70}-\\u{1BC7C}\\u{1BC80}-\\u{1BC88}\\u{1BC90}-\\u{1BC99}\\u{1D400}-\\u{1D454}\\u{1D456}-\\u{1D49C}\\u{1D49E}-\\u{1D49F}\\u{1D4A2}\\u{1D4A5}-\\u{1D4A6}\\u{1D4A9}-\\u{1D4AC}\\u{1D4AE}-\\u{1D4B9}\\u{1D4BB}\\u{1D4BD}-\\u{1D4C3}\\u{1D4C5}-\\u{1D505}\\u{1D507}-\\u{1D50A}\\u{1D50D}-\\u{1D514}\\u{1D516}-\\u{1D51C}\\u{1D51E}-\\u{1D539}\\u{1D53B}-\\u{1D53E}\\u{1D540}-\\u{1D544}\\u{1D546}\\u{1D54A}-\\u{1D550}\\u{1D552}-\\u{1D6A5}\\u{1D6A8}-\\u{1D6C0}\\u{1D6C2}-\\u{1D6DA}\\u{1D6DC}-\\u{1D6FA}\\u{1D6FC}-\\u{1D714}\\u{1D716}-\\u{1D734}\\u{1D736}-\\u{1D74E}\\u{1D750}-\\u{1D76E}\\u{1D770}-\\u{1D788}\\u{1D78A}-\\u{1D7A8}\\u{1D7AA}-\\u{1D7C2}\\u{1D7C4}-\\u{1D7CB}\\u{1DF00}-\\u{1DF1E}\\u{1DF25}-\\u{1DF2A}\\u{1E030}-\\u{1E06D}\\u{1E100}-\\u{1E12C}\\u{1E137}-\\u{1E13D}\\u{1E14E}\\u{1E290}-\\u{1E2AD}\\u{1E2C0}-\\u{1E2EB}\\u{1E4D0}-\\u{1E4EB}\\u{1E5D0}-\\u{1E5ED}\\u{1E5F0}\\u{1E6C0}-\\u{1E6DE}\\u{1E6E0}-\\u{1E6E2}\\u{1E6E4}-\\u{1E6E5}\\u{1E6E7}-\\u{1E6ED}\\u{1E6F0}-\\u{1E6F4}\\u{1E6FE}-\\u{1E6FF}\\u{1E7E0}-\\u{1E7E6}\\u{1E7E8}-\\u{1E7EB}\\u{1E7ED}-\\u{1E7EE}\\u{1E7F0}-\\u{1E7FE}\\u{1E800}-\\u{1E8C4}\\u{1E900}-\\u{1E943}\\u{1E94B}\\u{1EE00}-\\u{1EE03}\\u{1EE05}-\\u{1EE1F}\\u{1EE21}-\\u{1EE22}\\u{1EE24}\\u{1EE27}\\u{1EE29}-\\u{1EE32}\\u{1EE34}-\\u{1EE37}\\u{1EE39}\\u{1EE3B}\\u{1EE42}\\u{1EE47}\\u{1EE49}\\u{1EE4B}\\u{1EE4D}-\\u{1EE4F}\\u{1EE51}-\\u{1EE52}\\u{1EE54}\\u{1EE57}\\u{1EE59}\\u{1EE5B}\\u{1EE5D}\\u{1EE5F}\\u{1EE61}-\\u{1EE62}\\u{1EE64}\\u{1EE67}-\\u{1EE6A}\\u{1EE6C}-\\u{1EE72}\\u{1EE74}-\\u{1EE77}\\u{1EE79}-\\u{1EE7C}\\u{1EE7E}\\u{1EE80}-\\u{1EE89}\\u{1EE8B}-\\u{1EE9B}\\u{1EEA1}-\\u{1EEA3}\\u{1EEA5}-\\u{1EEA9}\\u{1EEAB}-\\u{1EEBB}\\u{20000}-\\u{2A6DF}\\u{2A700}-\\u{2B81D}\\u{2B820}-\\u{2CEAD}\\u{2CEB0}-\\u{2EBE0}\\u{2EBF0}-\\u{2EE5D}\\u{2F800}-\\u{2FA1D}\\u{30000}-\\u{3134A}\\u{31350}-\\u{33479}\\u0030-\\u0039\\u00B2-\\u00B3\\u00B9\\u00BC-\\u00BE\\u0660-\\u0669\\u06F0-\\u06F9\\u07C0-\\u07C9\\u0966-\\u096F\\u09E6-\\u09EF\\u09F4-\\u09F9\\u0A66-\\u0A6F\\u0AE6-\\u0AEF\\u0B66-\\u0B6F\\u0B72-\\u0B77\\u0BE6-\\u0BF2\\u0C66-\\u0C6F\\u0C78-\\u0C7E\\u0CE6-\\u0CEF\\u0D58-\\u0D5E\\u0D66-\\u0D78\\u0DE6-\\u0DEF\\u0E50-\\u0E59\\u0ED0-\\u0ED9\\u0F20-\\u0F33\\u1040-\\u1049\\u1090-\\u1099\\u1369-\\u137C\\u16EE-\\u16F0\\u17E0-\\u17E9\\u17F0-\\u17F9\\u1810-\\u1819\\u1946-\\u194F\\u19D0-\\u19DA\\u1A80-\\u1A89\\u1A90-\\u1A99\\u1B50-\\u1B59\\u1BB0-\\u1BB9\\u1C40-\\u1C49\\u1C50-\\u1C59\\u2070\\u2074-\\u2079\\u2080-\\u2089\\u2150-\\u2182\\u2185-\\u2189\\u2460-\\u249B\\u24EA-\\u24FF\\u2776-\\u2793\\u2CFD\\u3007\\u3021-\\u3029\\u3038-\\u303A\\u3192-\\u3195\\u3220-\\u3229\\u3248-\\u324F\\u3251-\\u325F\\u3280-\\u3289\\u32B1-\\u32BF\\uA620-\\uA629\\uA6E6-\\uA6EF\\uA830-\\uA835\\uA8D0-\\uA8D9\\uA900-\\uA909\\uA9D0-\\uA9D9\\uA9F0-\\uA9F9\\uAA50-\\uAA59\\uABF0-\\uABF9\\uFF10-\\uFF19\\u{10107}-\\u{10133}\\u{10140}-\\u{10178}\\u{1018A}-\\u{1018B}\\u{102E1}-\\u{102FB}\\u{10320}-\\u{10323}\\u{10341}\\u{1034A}\\u{103D1}-\\u{103D5}\\u{104A0}-\\u{104A9}\\u{10858}-\\u{1085F}\\u{10879}-\\u{1087F}\\u{108A7}-\\u{108AF}\\u{108FB}-\\u{108FF}\\u{10916}-\\u{1091B}\\u{109BC}-\\u{109BD}\\u{109C0}-\\u{109CF}\\u{109D2}-\\u{109FF}\\u{10A40}-\\u{10A48}\\u{10A7D}-\\u{10A7E}\\u{10A9D}-\\u{10A9F}\\u{10AEB}-\\u{10AEF}\\u{10B58}-\\u{10B5F}\\u{10B78}-\\u{10B7F}\\u{10BA9}-\\u{10BAF}\\u{10CFA}-\\u{10CFF}\\u{10D30}-\\u{10D39}\\u{10D40}-\\u{10D49}\\u{10E60}-\\u{10E7E}\\u{10F1D}-\\u{10F26}\\u{10F51}-\\u{10F54}\\u{10FC5}-\\u{10FCB}\\u{11052}-\\u{1106F}\\u{110F0}-\\u{110F9}\\u{11136}-\\u{1113F}\\u{111D0}-\\u{111D9}\\u{111E1}-\\u{111F4}\\u{112F0}-\\u{112F9}\\u{11450}-\\u{11459}\\u{114D0}-\\u{114D9}\\u{11650}-\\u{11659}\\u{116C0}-\\u{116C9}\\u{116D0}-\\u{116E3}\\u{11730}-\\u{1173B}\\u{118E0}-\\u{118F2}\\u{11950}-\\u{11959}\\u{11BF0}-\\u{11BF9}\\u{11C50}-\\u{11C6C}\\u{11D50}-\\u{11D59}\\u{11DA0}-\\u{11DA9}\\u{11DE0}-\\u{11DE9}\\u{11F50}-\\u{11F59}\\u{11FC0}-\\u{11FD4}\\u{12400}-\\u{1246E}\\u{16130}-\\u{16139}\\u{16A60}-\\u{16A69}\\u{16AC0}-\\u{16AC9}\\u{16B50}-\\u{16B59}\\u{16B5B}-\\u{16B61}\\u{16D70}-\\u{16D79}\\u{16E80}-\\u{16E96}\\u{16FF4}-\\u{16FF6}\\u{1CCF0}-\\u{1CCF9}\\u{1D2C0}-\\u{1D2D3}\\u{1D2E0}-\\u{1D2F3}\\u{1D360}-\\u{1D378}\\u{1D7CE}-\\u{1D7FF}\\u{1E140}-\\u{1E149}\\u{1E2F0}-\\u{1E2F9}\\u{1E4F0}-\\u{1E4F9}\\u{1E5F1}-\\u{1E5FA}\\u{1E8C7}-\\u{1E8CF}\\u{1E950}-\\u{1E959}\\u{1EC71}-\\u{1ECAB}\\u{1ECAD}-\\u{1ECAF}\\u{1ECB1}-\\u{1ECB4}\\u{1ED01}-\\u{1ED2D}\\u{1ED2F}-\\u{1ED3D}\\u{1F100}-\\u{1F10C}\\u{1FBF0}-\\u{1FBF9}]+", "gu"))) != null ? _text_match : [];
+        if (text.length > 60 || words.length > 10) return false;
+        const style = this.style(leaf.element);
+        const letters = text.replace(RegExp("[^\\u0041-\\u005A\\u0061-\\u007A\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EC\\u02EE\\u0370-\\u0374\\u0376-\\u0377\\u037A-\\u037D\\u037F\\u0386\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03F5\\u03F7-\\u0481\\u048A-\\u052F\\u0531-\\u0556\\u0559\\u0560-\\u0588\\u05D0-\\u05EA\\u05EF-\\u05F2\\u0620-\\u064A\\u066E-\\u066F\\u0671-\\u06D3\\u06D5\\u06E5-\\u06E6\\u06EE-\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710\\u0712-\\u072F\\u074D-\\u07A5\\u07B1\\u07CA-\\u07EA\\u07F4-\\u07F5\\u07FA\\u0800-\\u0815\\u081A\\u0824\\u0828\\u0840-\\u0858\\u0860-\\u086A\\u0870-\\u0887\\u0889-\\u088F\\u08A0-\\u08C9\\u0904-\\u0939\\u093D\\u0950\\u0958-\\u0961\\u0971-\\u0980\\u0985-\\u098C\\u098F-\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC-\\u09DD\\u09DF-\\u09E1\\u09F0-\\u09F1\\u09FC\\u0A05-\\u0A0A\\u0A0F-\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32-\\u0A33\\u0A35-\\u0A36\\u0A38-\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2-\\u0AB3\\u0AB5-\\u0AB9\\u0ABD\\u0AD0\\u0AE0-\\u0AE1\\u0AF9\\u0B05-\\u0B0C\\u0B0F-\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30\\u0B32-\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C-\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99-\\u0B9A\\u0B9C\\u0B9E-\\u0B9F\\u0BA3-\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0BD0\\u0C05-\\u0C0C\\u0C0E-\\u0C10\\u0C12-\\u0C28\\u0C2A-\\u0C39\\u0C3D\\u0C58-\\u0C5A\\u0C5C-\\u0C5D\\u0C60-\\u0C61\\u0C80\\u0C85-\\u0C8C\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDC-\\u0CDE\\u0CE0-\\u0CE1\\u0CF1-\\u0CF2\\u0D04-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D3A\\u0D3D\\u0D4E\\u0D54-\\u0D56\\u0D5F-\\u0D61\\u0D7A-\\u0D7F\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6\\u0E01-\\u0E30\\u0E32-\\u0E33\\u0E40-\\u0E46\\u0E81-\\u0E82\\u0E84\\u0E86-\\u0E8A\\u0E8C-\\u0EA3\\u0EA5\\u0EA7-\\u0EB0\\u0EB2-\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6\\u0EDC-\\u0EDF\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6C\\u0F88-\\u0F8C\\u1000-\\u102A\\u103F\\u1050-\\u1055\\u105A-\\u105D\\u1061\\u1065-\\u1066\\u106E-\\u1070\\u1075-\\u1081\\u108E\\u10A0-\\u10C5\\u10C7\\u10CD\\u10D0-\\u10FA\\u10FC-\\u1248\\u124A-\\u124D\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F5\\u13F8-\\u13FD\\u1401-\\u166C\\u166F-\\u167F\\u1681-\\u169A\\u16A0-\\u16EA\\u16F1-\\u16F8\\u1700-\\u1711\\u171F-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7\\u17DC\\u1820-\\u1878\\u1880-\\u1884\\u1887-\\u18A8\\u18AA\\u18B0-\\u18F5\\u1900-\\u191E\\u1950-\\u196D\\u1970-\\u1974\\u1980-\\u19AB\\u19B0-\\u19C9\\u1A00-\\u1A16\\u1A20-\\u1A54\\u1AA7\\u1B05-\\u1B33\\u1B45-\\u1B4C\\u1B83-\\u1BA0\\u1BAE-\\u1BAF\\u1BBA-\\u1BE5\\u1C00-\\u1C23\\u1C4D-\\u1C4F\\u1C5A-\\u1C7D\\u1C80-\\u1C8A\\u1C90-\\u1CBA\\u1CBD-\\u1CBF\\u1CE9-\\u1CEC\\u1CEE-\\u1CF3\\u1CF5-\\u1CF6\\u1CFA\\u1D00-\\u1DBF\\u1E00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u209C\\u2102\\u2107\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D\\u212F-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u214E\\u2183-\\u2184\\u2C00-\\u2CE4\\u2CEB-\\u2CEE\\u2CF2-\\u2CF3\\u2D00-\\u2D25\\u2D27\\u2D2D\\u2D30-\\u2D67\\u2D6F\\u2D80-\\u2D96\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u2E2F\\u3005-\\u3006\\u3031-\\u3035\\u303B-\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF\\u3105-\\u312F\\u3131-\\u318E\\u31A0-\\u31BF\\u31F0-\\u31FF\\u3400-\\u4DBF\\u4E00-\\uA48C\\uA4D0-\\uA4FD\\uA500-\\uA60C\\uA610-\\uA61F\\uA62A-\\uA62B\\uA640-\\uA66E\\uA67F-\\uA69D\\uA6A0-\\uA6E5\\uA717-\\uA71F\\uA722-\\uA788\\uA78B-\\uA7DC\\uA7F1-\\uA801\\uA803-\\uA805\\uA807-\\uA80A\\uA80C-\\uA822\\uA840-\\uA873\\uA882-\\uA8B3\\uA8F2-\\uA8F7\\uA8FB\\uA8FD-\\uA8FE\\uA90A-\\uA925\\uA930-\\uA946\\uA960-\\uA97C\\uA984-\\uA9B2\\uA9CF\\uA9E0-\\uA9E4\\uA9E6-\\uA9EF\\uA9FA-\\uA9FE\\uAA00-\\uAA28\\uAA40-\\uAA42\\uAA44-\\uAA4B\\uAA60-\\uAA76\\uAA7A\\uAA7E-\\uAAAF\\uAAB1\\uAAB5-\\uAAB6\\uAAB9-\\uAABD\\uAAC0\\uAAC2\\uAADB-\\uAADD\\uAAE0-\\uAAEA\\uAAF2-\\uAAF4\\uAB01-\\uAB06\\uAB09-\\uAB0E\\uAB11-\\uAB16\\uAB20-\\uAB26\\uAB28-\\uAB2E\\uAB30-\\uAB5A\\uAB5C-\\uAB69\\uAB70-\\uABE2\\uAC00-\\uD7A3\\uD7B0-\\uD7C6\\uD7CB-\\uD7FB\\uF900-\\uFA6D\\uFA70-\\uFAD9\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C\\uFB3E\\uFB40-\\uFB41\\uFB43-\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7\\uFFDA-\\uFFDC\\u{10000}-\\u{1000B}\\u{1000D}-\\u{10026}\\u{10028}-\\u{1003A}\\u{1003C}-\\u{1003D}\\u{1003F}-\\u{1004D}\\u{10050}-\\u{1005D}\\u{10080}-\\u{100FA}\\u{10280}-\\u{1029C}\\u{102A0}-\\u{102D0}\\u{10300}-\\u{1031F}\\u{1032D}-\\u{10340}\\u{10342}-\\u{10349}\\u{10350}-\\u{10375}\\u{10380}-\\u{1039D}\\u{103A0}-\\u{103C3}\\u{103C8}-\\u{103CF}\\u{10400}-\\u{1049D}\\u{104B0}-\\u{104D3}\\u{104D8}-\\u{104FB}\\u{10500}-\\u{10527}\\u{10530}-\\u{10563}\\u{10570}-\\u{1057A}\\u{1057C}-\\u{1058A}\\u{1058C}-\\u{10592}\\u{10594}-\\u{10595}\\u{10597}-\\u{105A1}\\u{105A3}-\\u{105B1}\\u{105B3}-\\u{105B9}\\u{105BB}-\\u{105BC}\\u{105C0}-\\u{105F3}\\u{10600}-\\u{10736}\\u{10740}-\\u{10755}\\u{10760}-\\u{10767}\\u{10780}-\\u{10785}\\u{10787}-\\u{107B0}\\u{107B2}-\\u{107BA}\\u{10800}-\\u{10805}\\u{10808}\\u{1080A}-\\u{10835}\\u{10837}-\\u{10838}\\u{1083C}\\u{1083F}-\\u{10855}\\u{10860}-\\u{10876}\\u{10880}-\\u{1089E}\\u{108E0}-\\u{108F2}\\u{108F4}-\\u{108F5}\\u{10900}-\\u{10915}\\u{10920}-\\u{10939}\\u{10940}-\\u{10959}\\u{10980}-\\u{109B7}\\u{109BE}-\\u{109BF}\\u{10A00}\\u{10A10}-\\u{10A13}\\u{10A15}-\\u{10A17}\\u{10A19}-\\u{10A35}\\u{10A60}-\\u{10A7C}\\u{10A80}-\\u{10A9C}\\u{10AC0}-\\u{10AC7}\\u{10AC9}-\\u{10AE4}\\u{10B00}-\\u{10B35}\\u{10B40}-\\u{10B55}\\u{10B60}-\\u{10B72}\\u{10B80}-\\u{10B91}\\u{10C00}-\\u{10C48}\\u{10C80}-\\u{10CB2}\\u{10CC0}-\\u{10CF2}\\u{10D00}-\\u{10D23}\\u{10D4A}-\\u{10D65}\\u{10D6F}-\\u{10D85}\\u{10E80}-\\u{10EA9}\\u{10EB0}-\\u{10EB1}\\u{10EC2}-\\u{10EC7}\\u{10F00}-\\u{10F1C}\\u{10F27}\\u{10F30}-\\u{10F45}\\u{10F70}-\\u{10F81}\\u{10FB0}-\\u{10FC4}\\u{10FE0}-\\u{10FF6}\\u{11003}-\\u{11037}\\u{11071}-\\u{11072}\\u{11075}\\u{11083}-\\u{110AF}\\u{110D0}-\\u{110E8}\\u{11103}-\\u{11126}\\u{11144}\\u{11147}\\u{11150}-\\u{11172}\\u{11176}\\u{11183}-\\u{111B2}\\u{111C1}-\\u{111C4}\\u{111DA}\\u{111DC}\\u{11200}-\\u{11211}\\u{11213}-\\u{1122B}\\u{1123F}-\\u{11240}\\u{11280}-\\u{11286}\\u{11288}\\u{1128A}-\\u{1128D}\\u{1128F}-\\u{1129D}\\u{1129F}-\\u{112A8}\\u{112B0}-\\u{112DE}\\u{11305}-\\u{1130C}\\u{1130F}-\\u{11310}\\u{11313}-\\u{11328}\\u{1132A}-\\u{11330}\\u{11332}-\\u{11333}\\u{11335}-\\u{11339}\\u{1133D}\\u{11350}\\u{1135D}-\\u{11361}\\u{11380}-\\u{11389}\\u{1138B}\\u{1138E}\\u{11390}-\\u{113B5}\\u{113B7}\\u{113D1}\\u{113D3}\\u{11400}-\\u{11434}\\u{11447}-\\u{1144A}\\u{1145F}-\\u{11461}\\u{11480}-\\u{114AF}\\u{114C4}-\\u{114C5}\\u{114C7}\\u{11580}-\\u{115AE}\\u{115D8}-\\u{115DB}\\u{11600}-\\u{1162F}\\u{11644}\\u{11680}-\\u{116AA}\\u{116B8}\\u{11700}-\\u{1171A}\\u{11740}-\\u{11746}\\u{11800}-\\u{1182B}\\u{118A0}-\\u{118DF}\\u{118FF}-\\u{11906}\\u{11909}\\u{1190C}-\\u{11913}\\u{11915}-\\u{11916}\\u{11918}-\\u{1192F}\\u{1193F}\\u{11941}\\u{119A0}-\\u{119A7}\\u{119AA}-\\u{119D0}\\u{119E1}\\u{119E3}\\u{11A00}\\u{11A0B}-\\u{11A32}\\u{11A3A}\\u{11A50}\\u{11A5C}-\\u{11A89}\\u{11A9D}\\u{11AB0}-\\u{11AF8}\\u{11BC0}-\\u{11BE0}\\u{11C00}-\\u{11C08}\\u{11C0A}-\\u{11C2E}\\u{11C40}\\u{11C72}-\\u{11C8F}\\u{11D00}-\\u{11D06}\\u{11D08}-\\u{11D09}\\u{11D0B}-\\u{11D30}\\u{11D46}\\u{11D60}-\\u{11D65}\\u{11D67}-\\u{11D68}\\u{11D6A}-\\u{11D89}\\u{11D98}\\u{11DB0}-\\u{11DDB}\\u{11EE0}-\\u{11EF2}\\u{11F02}\\u{11F04}-\\u{11F10}\\u{11F12}-\\u{11F33}\\u{11FB0}\\u{12000}-\\u{12399}\\u{12480}-\\u{12543}\\u{12F90}-\\u{12FF0}\\u{13000}-\\u{1342F}\\u{13441}-\\u{13446}\\u{13460}-\\u{143FA}\\u{14400}-\\u{14646}\\u{16100}-\\u{1611D}\\u{16800}-\\u{16A38}\\u{16A40}-\\u{16A5E}\\u{16A70}-\\u{16ABE}\\u{16AD0}-\\u{16AED}\\u{16B00}-\\u{16B2F}\\u{16B40}-\\u{16B43}\\u{16B63}-\\u{16B77}\\u{16B7D}-\\u{16B8F}\\u{16D40}-\\u{16D6C}\\u{16E40}-\\u{16E7F}\\u{16EA0}-\\u{16EB8}\\u{16EBB}-\\u{16ED3}\\u{16F00}-\\u{16F4A}\\u{16F50}\\u{16F93}-\\u{16F9F}\\u{16FE0}-\\u{16FE1}\\u{16FE3}\\u{16FF2}-\\u{16FF3}\\u{17000}-\\u{18CD5}\\u{18CFF}-\\u{18D1E}\\u{18D80}-\\u{18DF2}\\u{1AFF0}-\\u{1AFF3}\\u{1AFF5}-\\u{1AFFB}\\u{1AFFD}-\\u{1AFFE}\\u{1B000}-\\u{1B122}\\u{1B132}\\u{1B150}-\\u{1B152}\\u{1B155}\\u{1B164}-\\u{1B167}\\u{1B170}-\\u{1B2FB}\\u{1BC00}-\\u{1BC6A}\\u{1BC70}-\\u{1BC7C}\\u{1BC80}-\\u{1BC88}\\u{1BC90}-\\u{1BC99}\\u{1D400}-\\u{1D454}\\u{1D456}-\\u{1D49C}\\u{1D49E}-\\u{1D49F}\\u{1D4A2}\\u{1D4A5}-\\u{1D4A6}\\u{1D4A9}-\\u{1D4AC}\\u{1D4AE}-\\u{1D4B9}\\u{1D4BB}\\u{1D4BD}-\\u{1D4C3}\\u{1D4C5}-\\u{1D505}\\u{1D507}-\\u{1D50A}\\u{1D50D}-\\u{1D514}\\u{1D516}-\\u{1D51C}\\u{1D51E}-\\u{1D539}\\u{1D53B}-\\u{1D53E}\\u{1D540}-\\u{1D544}\\u{1D546}\\u{1D54A}-\\u{1D550}\\u{1D552}-\\u{1D6A5}\\u{1D6A8}-\\u{1D6C0}\\u{1D6C2}-\\u{1D6DA}\\u{1D6DC}-\\u{1D6FA}\\u{1D6FC}-\\u{1D714}\\u{1D716}-\\u{1D734}\\u{1D736}-\\u{1D74E}\\u{1D750}-\\u{1D76E}\\u{1D770}-\\u{1D788}\\u{1D78A}-\\u{1D7A8}\\u{1D7AA}-\\u{1D7C2}\\u{1D7C4}-\\u{1D7CB}\\u{1DF00}-\\u{1DF1E}\\u{1DF25}-\\u{1DF2A}\\u{1E030}-\\u{1E06D}\\u{1E100}-\\u{1E12C}\\u{1E137}-\\u{1E13D}\\u{1E14E}\\u{1E290}-\\u{1E2AD}\\u{1E2C0}-\\u{1E2EB}\\u{1E4D0}-\\u{1E4EB}\\u{1E5D0}-\\u{1E5ED}\\u{1E5F0}\\u{1E6C0}-\\u{1E6DE}\\u{1E6E0}-\\u{1E6E2}\\u{1E6E4}-\\u{1E6E5}\\u{1E6E7}-\\u{1E6ED}\\u{1E6F0}-\\u{1E6F4}\\u{1E6FE}-\\u{1E6FF}\\u{1E7E0}-\\u{1E7E6}\\u{1E7E8}-\\u{1E7EB}\\u{1E7ED}-\\u{1E7EE}\\u{1E7F0}-\\u{1E7FE}\\u{1E800}-\\u{1E8C4}\\u{1E900}-\\u{1E943}\\u{1E94B}\\u{1EE00}-\\u{1EE03}\\u{1EE05}-\\u{1EE1F}\\u{1EE21}-\\u{1EE22}\\u{1EE24}\\u{1EE27}\\u{1EE29}-\\u{1EE32}\\u{1EE34}-\\u{1EE37}\\u{1EE39}\\u{1EE3B}\\u{1EE42}\\u{1EE47}\\u{1EE49}\\u{1EE4B}\\u{1EE4D}-\\u{1EE4F}\\u{1EE51}-\\u{1EE52}\\u{1EE54}\\u{1EE57}\\u{1EE59}\\u{1EE5B}\\u{1EE5D}\\u{1EE5F}\\u{1EE61}-\\u{1EE62}\\u{1EE64}\\u{1EE67}-\\u{1EE6A}\\u{1EE6C}-\\u{1EE72}\\u{1EE74}-\\u{1EE77}\\u{1EE79}-\\u{1EE7C}\\u{1EE7E}\\u{1EE80}-\\u{1EE89}\\u{1EE8B}-\\u{1EE9B}\\u{1EEA1}-\\u{1EEA3}\\u{1EEA5}-\\u{1EEA9}\\u{1EEAB}-\\u{1EEBB}\\u{20000}-\\u{2A6DF}\\u{2A700}-\\u{2B81D}\\u{2B820}-\\u{2CEAD}\\u{2CEB0}-\\u{2EBE0}\\u{2EBF0}-\\u{2EE5D}\\u{2F800}-\\u{2FA1D}\\u{30000}-\\u{3134A}\\u{31350}-\\u{33479}]", "gu"), '');
+        const caps = letters.length >= 3 && letters === letters.toUpperCase() && letters !== letters.toLowerCase();
+        return caps || style.get('text-transform') === 'uppercase';
+    }
+    /*---------------- rows ----------------*/ isRow(element) {
+        var _node_attrs_class, _style_get, _style_get1;
+        const node = this.elements[element];
+        if (!node) return false;
+        if (node.tag === 'tr') return true;
+        const classes = (_node_attrs_class = node.attrs.class) != null ? _node_attrs_class : '';
+        if (/\bMuiGrid-container\b|(?:^|\s)row(?:\s|$)|\bcolumns\b|wp-block-columns|elementor-row|e-con-inner|sqs-row/.test(classes)) return true;
+        const style = this.style(element);
+        const display = (_style_get = style.get('display')) != null ? _style_get : '';
+        if (/\bgrid\b/.test(display)) {
+            const columns = siteImportGridColumns(style.get('grid-template-columns'));
+            return !!columns && columns.length >= 2;
+        }
+        if (/\bflex\b/.test(display)) return !/column/.test((_style_get1 = style.get('flex-direction')) != null ? _style_get1 : 'row');
+        return false;
+    }
+    /** A row is columns of content, not a line of buttons or links. */ rowWorthy(parts, range) {
+        const substantial = parts.filter((part)=>{
+            if (!isElementPart(part)) return false;
+            return this.leaves(part.element).some((leaf)=>{
+                if (!this.inRange(leaf, range) || leaf.kind !== 'line') return false;
+                const block = this.block(leaf);
+                return (block == null ? void 0 : block.kind) === 'image' || (block == null ? void 0 : block.kind) === 'heading' || ((block == null ? void 0 : block.kind) === 'paragraph' || (block == null ? void 0 : block.kind) === 'list-item' || (block == null ? void 0 : block.kind) === 'quote') && !this.buttonStyle(leaf);
+            });
+        });
+        return substantial.length >= 2;
+    }
+    row(element, parts, range) {
+        const cells = parts.map((part)=>isElementPart(part) ? this.read(part.element, range) : [
+                this.leafNode(part.leaf)
+            ]);
+        const weights = this.weightsOf(element, parts);
+        // Cells that are each one group of one kind are one group in columns.
+        const groups = cells.map((cell)=>{
+            var _cell_;
+            return cell.length === 1 && ((_cell_ = cell[0]) == null ? void 0 : _cell_.kind) === 'group' ? cell[0] : null;
+        });
+        if (cells.length >= 2 && groups.every((group)=>{
+            var _groups_;
+            return group && group.group === ((_groups_ = groups[0]) == null ? void 0 : _groups_.group) && group.columns === 1;
+        })) {
+            const first = groups[0];
+            return {
+                kind: 'group',
+                group: first.group,
+                columns: cells.length,
+                boxed: groups.every((group)=>group == null ? void 0 : group.boxed),
+                items: groups.flatMap((group)=>{
+                    var _ref;
+                    return (_ref = group == null ? void 0 : group.items) != null ? _ref : [];
+                })
+            };
+        }
+        return {
+            kind: 'row',
+            cols: siteImportTwelfths(weights),
+            cells: cells.map((nodes)=>({
+                    nodes
+                }))
+        };
+    }
+    /** The columns' relative widths: the grid template, the cells' own sizes, else equal shares. */ weightsOf(element, parts) {
+        const count = parts.length;
+        const template = siteImportGridColumns(this.style(element).get('grid-template-columns'));
+        if (template && template.length >= count) return template.slice(0, count);
+        const sized = parts.map((part)=>isElementPart(part) ? this.cellSize(part.element) : null);
+        if (sized.every((size)=>size !== null)) return sized;
+        return parts.map(()=>1);
+    }
+    /** A cell's size: a framework's column class, its width share or its flex grow. */ cellSize(element) {
+        var _ref, _ref1, _ref2;
+        var _this_elements_element, _style_get, _style_get1;
+        const classes = (_ref = (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.attrs.class) != null ? _ref : '';
+        let best = null;
+        for (const match of classes.matchAll(MUI_GRID_SIZE)){
+            var _BREAKPOINT_RANK_match_;
+            const rank = (_BREAKPOINT_RANK_match_ = BREAKPOINT_RANK[match[1]]) != null ? _BREAKPOINT_RANK_match_ : 0;
+            if (rank <= 3 && (!best || rank >= best.rank)) best = {
+                rank,
+                size: Number(match[2])
+            };
+        }
+        for (const match of classes.matchAll(BOOTSTRAP_COL)){
+            var _BREAKPOINT_RANK_match_1;
+            const rank = match[1] ? (_BREAKPOINT_RANK_match_1 = BREAKPOINT_RANK[match[1]]) != null ? _BREAKPOINT_RANK_match_1 : 0 : 0;
+            if (rank <= 3 && (!best || rank >= best.rank)) best = {
+                rank,
+                size: Number(match[2])
+            };
+        }
+        if (best) return best.size;
+        const style = this.style(element);
+        for (const property of [
+            'flex-basis',
+            'width',
+            'max-width'
+        ]){
+            var _ref3;
+            var _style_get2;
+            const percent = /^(-?[\d.]+)%$/.exec((_ref3 = (_style_get2 = style.get(property)) == null ? void 0 : _style_get2.trim()) != null ? _ref3 : '');
+            if (percent) return Number(percent[1]);
+        }
+        const grow = /^(\d+(?:\.\d+)?)(?:\s|$)/.exec((_ref1 = (_ref2 = (_style_get = style.get('flex')) == null ? void 0 : _style_get.trim()) != null ? _ref2 : (_style_get1 = style.get('flex-grow')) == null ? void 0 : _style_get1.trim()) != null ? _ref1 : '');
+        if (grow && Number(grow[1]) > 0) return Number(grow[1]);
+        return null;
+    }
+    /*---------------- groups ----------------*/ signature(element, range) {
+        const at = this.unwrap(element, range);
+        return this.parts(at, range).map((part)=>{
+            var _ref, _ref1;
+            var _this_elements_part_element, _this_block;
+            return isElementPart(part) ? (_ref = (_this_elements_part_element = this.elements[part.element]) == null ? void 0 : _this_elements_part_element.tag) != null ? _ref : '' : part.leaf.kind !== 'line' ? part.leaf.kind : (_ref1 = (_this_block = this.block(part.leaf)) == null ? void 0 : _this_block.kind) != null ? _ref1 : '';
+        }).join(',');
+    }
+    /** The kinds of an item's leaves in order, repeats folded: a looser likeness. */ kinds(element, range) {
+        const out = [];
+        for (const leaf of this.leaves(element)){
+            var _ref;
+            var _this_block;
+            if (!this.inRange(leaf, range)) continue;
+            const kind = leaf.kind !== 'line' ? leaf.kind : (_ref = (_this_block = this.block(leaf)) == null ? void 0 : _this_block.kind) != null ? _ref : '';
+            if (out[out.length - 1] !== kind) out.push(kind);
+        }
+        return out.join(',');
+    }
+    /** Runs of three or more siblings built alike (two, when a row draws them as boxes). */ groupRuns(element, parts, range) {
+        // A strip of short words side by side (a row of site kinds, a post's tags) is one group.
+        if (parts.length >= 4 && this.isRow(element) && parts.every((part)=>isElementPart(part) && this.isChip(part.element, range))) return [
+            {
+                start: 0,
+                end: parts.length
+            }
+        ];
+        const keys = parts.map((part)=>{
+            var _this_elements_part_element;
+            return isElementPart(part) && this.couldBeItem(part.element, range) ? `${(_this_elements_part_element = this.elements[part.element]) == null ? void 0 : _this_elements_part_element.tag}|${this.signature(part.element, range)}` : null;
+        });
+        const loose = parts.map((part)=>isElementPart(part) ? this.kinds(part.element, range) : null);
+        const runs = [];
+        const row = this.isRow(element);
+        for(let index = 0; index < parts.length;){
+            const key = keys[index];
+            const kind = loose[index];
+            if (key === null || key === undefined) {
+                index += 1;
+                continue;
+            }
+            let end = index + 1;
+            while(end < parts.length && keys[end] !== null && (keys[end] === key || loose[end] === kind && !!kind && kind.includes(',')))end += 1;
+            const count = end - index;
+            const boxed = count === 2 && row && parts.slice(index, end).every((part)=>isElementPart(part) && this.boxed(part.element));
+            // One element alone (a single list item) is not a group; a heading leaf is never an item.
+            const items = parts.slice(index, end);
+            const headings = items.every((part)=>{
+                var _ref;
+                var _this_elements_part_element;
+                return /^h[1-6]$/.test((_ref = (_this_elements_part_element = this.elements[part.element]) == null ? void 0 : _this_elements_part_element.tag) != null ? _ref : '');
+            });
+            if ((count >= 3 || boxed) && !headings) {
+                runs.push({
+                    start: index,
+                    end
+                });
+                index = end;
+            } else index += 1;
+        }
+        return runs;
+    }
+    /**
+   * Whether an element can be one item of a group: a list item, a disclosure,
+   * a figure, a picture, or a container of more than one thing. A run of
+   * plain paragraphs is prose, never a group.
+   */ couldBeItem(element, range) {
+        const node = this.elements[element];
+        if (!node) return false;
+        if (/^(?:li|dt|dd|details|figure|article)$/.test(node.tag)) return true;
+        const leaves = this.leaves(element).filter((leaf)=>this.inRange(leaf, range));
+        if (leaves.length && leaves.every((leaf)=>{
+            var _this_block;
+            return leaf.kind === 'line' && ((_this_block = this.block(leaf)) == null ? void 0 : _this_block.kind) === 'image';
+        })) return true;
+        return this.parts(this.unwrap(element, range), range).length >= 2;
+    }
+    /** One short line and nothing else: a chip, a tag, a strip's entry. */ isChip(element, range) {
+        const leaves = this.leaves(element).filter((leaf)=>this.inRange(leaf, range));
+        const lines = leaves.filter((leaf)=>leaf.kind === 'line');
+        if (lines.length !== 1) return false;
+        const block = this.block(lines[0]);
+        return !!block && block.kind !== 'image' && block.kind !== 'heading' && block.text.length <= 40;
+    }
+    boxed(element) {
+        let at = element;
+        for(let depth = 0; depth < 3 && at >= 0; depth += 1){
+            var _ref;
+            var _this_elements_at;
+            const style = this.style(at);
+            if (siteImportHasBorder(style) || siteImportHasShadow(style)) return true;
+            const fill = siteImportBackgroundOf(style).color;
+            if (fill && fill.a >= 0.5 && siteImportHex(fill) !== this.backgroundUnder(at)) return true;
+            const children = ((_ref = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.children) != null ? _ref : []).filter((child)=>this.leaves(child).length);
+            if (children.length !== 1) break;
+            at = children[0];
+        }
+        return false;
+    }
+    group(container, parts, range) {
+        const items = parts.map((part)=>this.item(part.element, range));
+        const chips = parts.length >= 4 && this.isRow(container) && parts.every((part)=>this.isChip(part.element, range));
+        const kind = chips ? 'logos' : this.groupKind(parts.map((part)=>part.element), items, range);
+        const columns = this.columnsOf(container, parts);
+        const boxed = parts.length > 0 && parts.filter((part)=>this.boxed(part.element)).length >= Math.ceil(parts.length / 2);
+        // A step's number and a stat's figure lead their item.
+        if (kind === 'steps' || kind === 'stats') {
+            for (const item of items){
+                var _item_title;
+                var _item_text;
+                const lead = (_item_title = item.title) != null ? _item_title : (_item_text = item.text) == null ? void 0 : _item_text[0];
+                const text = lead !== undefined ? this.lineText(lead) : '';
+                if (lead !== undefined && (kind === 'steps' ? STEP_NUMBER.test(text.trim()) : FIGURE.test(text.trim()) || text.length <= 14)) {
+                    item.figure = lead;
+                    if (item.title === lead) {
+                        var _ref;
+                        var _item_text1, _item_text2;
+                        delete item.title;
+                        const next = (_item_text1 = item.text) == null ? void 0 : _item_text1.find((ref)=>this.lineText(ref).length <= 80);
+                        if (next !== undefined && ((_ref = (_item_text2 = item.text) == null ? void 0 : _item_text2.length) != null ? _ref : 0) > 1) {
+                            item.title = next;
+                            dropLine(item, 'text', next);
+                        }
+                    } else dropLine(item, 'text', lead);
+                    if (item.text && !item.text.length) delete item.text;
+                }
+            }
+        }
+        if (kind === 'faq') {
+            for (const item of items){
+                var _item_text3;
+                const question = item.lines[0];
+                if (question === undefined || item.title === question) continue;
+                // The question names it; whatever named it before is its words.
+                if (item.title !== undefined) item.text = [
+                    item.title,
+                    ...(_item_text3 = item.text) != null ? _item_text3 : []
+                ].sort((a, b)=>item.lines.indexOf(a) - item.lines.indexOf(b));
+                item.title = question;
+                dropLine(item, 'text', question);
+                dropLine(item, 'link', question);
+                if (item.text && !item.text.length) delete item.text;
+                if (item.link && !item.link.length) delete item.link;
+            }
+        }
+        if (kind === 'pricing') {
+            for (const item of items){
+                const price = item.lines.find((ref)=>PRICE.test(this.lineText(ref)) && this.lineText(ref).length <= 24);
+                if (price === undefined || item.title === price) continue;
+                item.figure = price;
+                dropLine(item, 'text', price);
+                dropLine(item, 'list', price);
+                if (item.text && !item.text.length) delete item.text;
+                if (item.list && !item.list.length) delete item.list;
+            }
+        }
+        return {
+            kind: 'group',
+            group: kind,
+            columns,
+            boxed,
+            items
+        };
+    }
+    lineText(ref) {
+        const block = this.mainBlocks()[ref];
+        if (!block) return '';
+        return block.kind === 'image' ? block.alt : block.text;
+    }
+    /** One item's lines, each in exactly one of its parts. */ item(element, range) {
+        var _this_elements_element;
+        const leaves = this.leaves(element).filter((leaf)=>this.inRange(leaf, range));
+        const item = {
+            lines: []
+        };
+        const lines = leaves.filter((leaf)=>leaf.kind === 'line');
+        item.lines = lines.map((leaf)=>leaf.ref);
+        const firstLine = lines[0];
+        const leadIcon = leaves.find((leaf)=>leaf.kind === 'icon' && (!firstLine || leaf.order < firstLine.order + 1));
+        if (leadIcon) item.icon = leadIcon.ref;
+        // Bullet points: list items, and lines that sit in a repeated run inside the item (a plan's features).
+        const listed = new Set();
+        const own = ((_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.tag) === 'li';
+        if (!own) {
+            var _this_block;
+            for (const leaf of lines)if (((_this_block = this.block(leaf)) == null ? void 0 : _this_block.kind) === 'list-item') listed.add(leaf.ref);
+        }
+        const inner = this.unwrap(element, range);
+        for (const members of this.listRuns(inner, range, 4)){
+            for (const member of members)for (const leaf of this.leaves(member))if (leaf.kind === 'line' && this.inRange(leaf, range)) listed.add(leaf.ref);
+            const marks = members.map((member)=>{
+                var _this_leaves_find;
+                return (_this_leaves_find = this.leaves(member).find((leaf)=>leaf.kind === 'icon')) == null ? void 0 : _this_leaves_find.ref;
+            });
+            if (marks.length && marks.every((mark)=>mark !== undefined && mark === marks[0])) item.listIcon = marks[0];
+        }
+        if (item.icon !== undefined && item.icon === item.listIcon && !lines.length) delete item.icon;
+        const rest = lines.filter((leaf)=>!listed.has(leaf.ref));
+        const image = rest.find((leaf)=>{
+            var _this_block;
+            return ((_this_block = this.block(leaf)) == null ? void 0 : _this_block.kind) === 'image';
+        });
+        if (image) item.image = image.ref;
+        const words = rest.filter((leaf)=>leaf !== image);
+        // Its own call to action: the links and buttons that close it.
+        const trailing = [];
+        for(let index = words.length - 1; index >= 0; index -= 1){
+            const leaf = words[index];
+            const block = this.block(leaf);
+            if ((block == null ? void 0 : block.kind) === 'link' || this.buttonStyle(leaf)) trailing.unshift(leaf);
+            else break;
+        }
+        const body = words.slice(0, words.length - trailing.length);
+        let title = body.find((leaf)=>{
+            var _this_block;
+            return ((_this_block = this.block(leaf)) == null ? void 0 : _this_block.kind) === 'heading';
+        });
+        if (!title) {
+            const first = body[0];
+            const block = first ? this.block(first) : undefined;
+            if (first && (block == null ? void 0 : block.kind) === 'link' && body.length >= 2) title = first;
+            else if (first && block && block.kind !== 'image' && block.text.length <= 80 && block.text.split(/\s+/).length <= 12 && body.length >= 2) title = first;
+        }
+        if (!title && trailing.length === words.length && trailing.length >= 1 && words.length >= 2) {
+            // Only links: the first names the item.
+            title = trailing.shift();
+        }
+        if (title) item.title = title.ref;
+        const text = body.filter((leaf)=>leaf !== title).map((leaf)=>leaf.ref);
+        if (text.length) item.text = text;
+        if (listed.size) item.list = lines.filter((leaf)=>listed.has(leaf.ref)).map((leaf)=>leaf.ref);
+        if (trailing.length) item.link = trailing.map((leaf)=>leaf.ref);
+        const titleBlock = title ? this.block(title) : undefined;
+        if ((titleBlock == null ? void 0 : titleBlock.kind) === 'link') item.to = titleBlock.href;
+        else if (trailing.length === 1) {
+            const only = this.block(trailing[0]);
+            if ((only == null ? void 0 : only.kind) === 'link') item.to = only.href;
+        } else {
+            const wrap = this.wrapperOf(element, [
+                'a'
+            ], 0);
+            const href = wrap !== null ? this.anchorHref(wrap) : null;
+            if (href) item.to = href;
+        }
+        return item;
+    }
+    /**
+   * Runs of three or more one-line entries built alike anywhere inside an
+   * item (a plan's features, each a check mark and a line), each run its
+   * entries' elements. The item itself is never one of them.
+   */ listRuns(element, range, depth, root = true) {
+        const out = [];
+        const parts = this.parts(element, range);
+        const taken = new Set();
+        for (const run of this.groupRuns(element, parts, range)){
+            const members = parts.slice(run.start, run.end).map((part)=>part.element);
+            const oneLine = members.every((member)=>this.leaves(member).filter((leaf)=>leaf.kind === 'line' && this.inRange(leaf, range)).length === 1);
+            if (!oneLine || root && members.length === parts.length) continue;
+            out.push(members);
+            members.forEach((member)=>taken.add(member));
+        }
+        if (depth <= 0) return out;
+        for (const part of parts)if (isElementPart(part) && !taken.has(part.element)) out.push(...this.listRuns(part.element, range, depth - 1, false));
+        return out;
+    }
+    groupKind(elements, items, range) {
+        const count = items.length;
+        const share = (test)=>items.filter(test).length / Math.max(1, count);
+        const first = (item)=>{
+            var _item_lines_;
+            return this.lineText((_item_lines_ = item.lines[0]) != null ? _item_lines_ : -1).trim();
+        };
+        const blockKinds = (item)=>item.lines.map((ref)=>{
+                var _this_mainBlocks_ref;
+                return (_this_mainBlocks_ref = this.mainBlocks()[ref]) == null ? void 0 : _this_mainBlocks_ref.kind;
+            });
+        if (elements.some((element)=>{
+            var _this_elements_element;
+            return ((_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.tag) === 'details';
+        })) return 'faq';
+        if (share((item)=>item.lines.length === 0 || blockKinds(item).every((kind)=>kind === 'image')) === 1 && items.some((item)=>item.lines.length) && count >= 4) return 'logos';
+        if (share((item)=>blockKinds(item).includes('quote') || /^[“"«]/.test(first(item))) >= 0.6) return 'quotes';
+        if (share((item)=>item.lines.some((ref)=>PRICE.test(this.lineText(ref)) && this.lineText(ref).length <= 24) && (item.lines.some((ref)=>PERIOD.test(this.lineText(ref))) || !!item.link)) >= 0.6 && count >= 2) {
+            return 'pricing';
+        }
+        if (share((item)=>/\?\s*$/.test(first(item)) && item.lines.length >= 2) >= 0.6) return 'faq';
+        if (share((item)=>STEP_NUMBER.test(first(item)) && item.lines.length >= 2) >= 0.6) return 'steps';
+        if (share((item)=>item.lines.length >= 2 && item.lines.length <= 3 && first(item).length <= 14 && FIGURE.test(first(item))) >= 0.6) return 'stats';
+        const visual = share((item)=>item.icon !== undefined || item.image !== undefined);
+        const titled = share((item)=>{
+            var _ref;
+            var _item_text;
+            return item.title !== undefined && ((_ref = (_item_text = item.text) == null ? void 0 : _item_text.length) != null ? _ref : 0) > 0;
+        });
+        const boxed = elements.filter((element)=>this.boxed(element)).length >= Math.ceil(elements.length / 2);
+        if (visual >= 0.6 && titled >= 0.6 || boxed && share((item)=>item.lines.length >= 2) >= 0.6) return 'cards';
+        if (share((item)=>item.lines.length === 1) >= 0.8) return 'list';
+        if (titled >= 0.6) return 'cards';
+        void range;
+        return 'text';
+    }
+    /** How many columns a group's items sit in on a wide screen. */ columnsOf(container, parts) {
+        var _style_get, _ref, _style_get1;
+        var _this_elements_container;
+        const count = parts.length;
+        const style = this.style(container);
+        const display = (_style_get = style.get('display')) != null ? _style_get : '';
+        if (/\bgrid\b/.test(display)) {
+            const template = siteImportGridColumns(style.get('grid-template-columns'));
+            if (template) return Math.max(1, Math.min(count, template.length));
+            return 1;
+        }
+        const sizes = parts.map((part)=>this.cellSize(part.element));
+        const classes = (_ref = (_this_elements_container = this.elements[container]) == null ? void 0 : _this_elements_container.attrs.class) != null ? _ref : '';
+        if (/\bMuiGrid-container\b|(?:^|\s)row(?:\s|$)/.test(classes) && sizes[0]) {
+            return Math.max(1, Math.min(count, Math.round(12 / sizes[0])));
+        }
+        if (/\bflex\b/.test(display) && !/column/.test((_style_get1 = style.get('flex-direction')) != null ? _style_get1 : 'row')) {
+            var _this_style_get, _ref1;
+            var _parts_;
+            const width = sizes[0];
+            if (width && width <= 100 && /^(-?[\d.]+)%$/.test((_this_style_get = this.style((_ref1 = (_parts_ = parts[0]) == null ? void 0 : _parts_.element) != null ? _ref1 : -1).get('width')) != null ? _this_style_get : '')) return Math.max(1, Math.round(100 / width));
+            return Math.min(count, 4);
+        }
+        return 1;
+    }
+    /*---------------- tables and tabs ----------------*/ table(element, range) {
+        var _ref;
+        var _this_elements_rows_, _this_elements_this_elements_rows__parent, _this_elements_rows_1, _this_elements_rows_2;
+        const rows = [];
+        const visit = (at)=>{
+            var _ref;
+            var _this_elements_at;
+            for (const child of (_ref = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.children) != null ? _ref : []){
+                var _this_elements_child;
+                const tag = (_this_elements_child = this.elements[child]) == null ? void 0 : _this_elements_child.tag;
+                if (tag === 'tr') rows.push(child);
+                else if (tag === 'thead' || tag === 'tbody' || tag === 'tfoot') visit(child);
+            }
+        };
+        visit(element);
+        if (!rows.length) return null;
+        const out = rows.map((row)=>{
+            var _ref;
+            var _this_elements_row;
+            return ((_ref = (_this_elements_row = this.elements[row]) == null ? void 0 : _this_elements_row.children) != null ? _ref : []).filter((cell)=>{
+                var _ref;
+                var _this_elements_cell;
+                return /^t[dh]$/.test((_ref = (_this_elements_cell = this.elements[cell]) == null ? void 0 : _this_elements_cell.tag) != null ? _ref : '');
+            }).map((cell)=>this.refsIn(cell, range));
+        });
+        const header = ((_this_elements_rows_ = this.elements[rows[0]]) == null ? void 0 : _this_elements_rows_.parent) !== undefined && ((_this_elements_this_elements_rows__parent = this.elements[(_this_elements_rows_1 = this.elements[rows[0]]) == null ? void 0 : _this_elements_rows_1.parent]) == null ? void 0 : _this_elements_this_elements_rows__parent.tag) === 'thead' || ((_ref = (_this_elements_rows_2 = this.elements[rows[0]]) == null ? void 0 : _this_elements_rows_2.children) != null ? _ref : []).every((cell)=>{
+            var _this_elements_cell;
+            return ((_this_elements_cell = this.elements[cell]) == null ? void 0 : _this_elements_cell.tag) === 'th';
+        });
+        // A caption, or lines outside the rows, are not lost.
+        return {
+            kind: 'table',
+            header,
+            rows: tableRows(out.filter((row)=>row.some((cell)=>cell.length)))
+        };
+    }
+    refsIn(element, range) {
+        return this.leaves(element).filter((leaf)=>leaf.kind === 'line' && this.inRange(leaf, range)).map((leaf)=>leaf.ref);
+    }
+    /** Rows of short cells built alike, laid out as rows: a table drawn with a grid. */ gridTable(element, parts, range) {
+        var _cells_;
+        var _first_;
+        const rows = parts.filter(isElementPart).map((part)=>part.element);
+        if (rows.length < 3 || rows.length !== parts.length) return null;
+        const widths = rows.map((row)=>{
+            var _ref;
+            var _this_elements_row;
+            return ((_ref = (_this_elements_row = this.elements[row]) == null ? void 0 : _this_elements_row.children) != null ? _ref : []).length;
+        });
+        const common = mode(widths);
+        if (common < 2 || widths.filter((width)=>width === common).length < rows.length * 0.8) return null;
+        if (common === 2 && rows.length < 4) return null;
+        if (!rows.every((row)=>this.isRow(row))) return null;
+        const cells = rows.map((row)=>{
+            var _ref;
+            var _this_elements_row;
+            return ((_ref = (_this_elements_row = this.elements[row]) == null ? void 0 : _this_elements_row.children) != null ? _ref : []).map((cell)=>this.refsIn(cell, range));
+        });
+        // Cells are short and flat: a value, not a card. Two-cell rows are a label and its value.
+        const longest = common === 2 ? 60 : 120;
+        const flat = cells.every((row)=>row.every((cell)=>cell.length <= 2 && cell.every((ref)=>{
+                    var _this_mainBlocks_ref;
+                    return this.lineText(ref).length <= longest && ((_this_mainBlocks_ref = this.mainBlocks()[ref]) == null ? void 0 : _this_mainBlocks_ref.kind) !== 'image';
+                })));
+        if (!flat) return null;
+        // A label and its value: both cells hold words (an icon beside a line is a list, not a table).
+        if (common === 2 && cells.filter((row)=>row.length === 2 && row.every((cell)=>cell.length > 0)).length < rows.length * 0.8) return null;
+        // A comparison's first row names the columns over an empty corner.
+        const first = (_cells_ = cells[0]) != null ? _cells_ : [];
+        const header = common >= 3 && !((_first_ = first[0]) == null ? void 0 : _first_.length) && first.slice(1).every((cell)=>cell.length > 0);
+        return {
+            kind: 'table',
+            header,
+            rows: tableRows(cells)
+        };
+    }
+    /** Tab strips, each read at the lowest element holding it and its panels. */ tabStrips() {
+        if (this.tabsMemo) return this.tabsMemo;
+        const at = new Map();
+        const panels = this.elements.filter((node)=>node.attrs.role === 'tabpanel' && node.region === 'main').map((node)=>node.id);
+        const taken = new Set();
+        for (const strip of this.elements){
+            var _at_get;
+            if (strip.attrs.role !== 'tablist' || strip.region !== 'main') continue;
+            const tabs = this.findAll(strip.id, (node)=>node.attrs.role === 'tab');
+            if (tabs.length < 2) continue;
+            const found = tabs.map((tab)=>{
+                var _ref;
+                var _this_elements_tab;
+                const attrs = (_ref = (_this_elements_tab = this.elements[tab]) == null ? void 0 : _this_elements_tab.attrs) != null ? _ref : {};
+                const own = (id)=>id ? id.replace(/^tab-?/, '') : '';
+                const panel = panels.find((candidate)=>{
+                    var _ref;
+                    var _this_elements_candidate;
+                    if (taken.has(candidate)) return false;
+                    const panelAttrs = (_ref = (_this_elements_candidate = this.elements[candidate]) == null ? void 0 : _this_elements_candidate.attrs) != null ? _ref : {};
+                    return !!attrs.controls && panelAttrs.id === attrs.controls || !!attrs.id && panelAttrs.labelledby === attrs.id || !!attrs.id && !!panelAttrs.id && own(attrs.id) === panelAttrs.id.replace(/^tabpanel-?/, '');
+                });
+                if (panel !== undefined) taken.add(panel);
+                return panel != null ? panel : null;
+            });
+            // Panels the tabs do not name: the ones after the strip, in order.
+            const loose = panels.filter((panel)=>!taken.has(panel) && panel > strip.id);
+            const resolved = found.map((panel)=>{
+                if (panel !== null) return panel;
+                const next = loose.shift();
+                if (next !== undefined) taken.add(next);
+                return next != null ? next : null;
+            });
+            const members = [
+                strip.id,
+                ...resolved.filter((panel)=>panel !== null)
+            ];
+            const home = this.commonAncestor(members);
+            if (home === null) continue;
+            const list = (_at_get = at.get(home)) != null ? _at_get : [];
+            list.push({
+                strip: strip.id,
+                tabs,
+                panels: resolved
+            });
+            at.set(home, list);
+        }
+        this.tabsMemo = at;
+        return at;
+    }
+    commonAncestor(elements) {
+        var _ref;
+        var _this_elements_common;
+        const chains = elements.map((element)=>{
+            var _ref;
+            var _this_elements_at;
+            const chain = [];
+            for(let at = element; at >= 0; at = (_ref = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.parent) != null ? _ref : -1)chain.unshift(at);
+            return chain;
+        });
+        let common = null;
+        for(let depth = 0;; depth += 1){
+            var _chains_;
+            const step = (_chains_ = chains[0]) == null ? void 0 : _chains_[depth];
+            if (step === undefined || !chains.every((chain)=>chain[depth] === step)) break;
+            common = step;
+        }
+        // A strip with no panels is read where it sits: its parent holds it.
+        if (common !== null && elements.length === 1) common = (_ref = (_this_elements_common = this.elements[common]) == null ? void 0 : _this_elements_common.parent) != null ? _ref : null;
+        return common !== null && common >= 0 ? common : null;
+    }
+    readTabs(element, strips, range) {
+        const inside = new Set();
+        for (const strip of strips)for (const member of [
+            strip.strip,
+            ...strip.panels
+        ])if (member !== null) for (const leaf of this.leaves(member))inside.add(leaf.order);
+        const outside = (nodes)=>siteImportFilterNodes(nodes, (ref)=>{
+                const leaf = this.leaves(element).find((entry)=>entry.kind === 'line' && entry.ref === ref);
+                return !leaf || !inside.has(leaf.order);
+            });
+        const out = [];
+        const drawn = new Set();
+        for (const part of this.parts(element, range)){
+            if (!isElementPart(part)) {
+                if (!inside.has(part.leaf.order)) out.push(this.leafNode(part.leaf));
+                continue;
+            }
+            const strip = strips.find((entry)=>this.contains(part.element, entry.strip));
+            const panel = strips.some((entry)=>entry.panels.some((member)=>member !== null && this.contains(part.element, member)));
+            if (strip || panel) {
+                if (part.element !== (strip == null ? void 0 : strip.strip) && !strips.some((entry)=>entry.panels.includes(part.element))) out.push(...outside(this.read(part.element, range)));
+                if (strip && !drawn.has(strip)) {
+                    drawn.add(strip);
+                    out.push(this.tabsNode(strip, range));
+                }
+                continue;
+            }
+            out.push(...this.read(part.element, range));
+        }
+        return out;
+    }
+    tabsNode(strip, range) {
+        return {
+            kind: 'tabs',
+            tabs: strip.tabs.map((tab, index)=>{
+                var _strip_panels_index, _node_attrs_class, _this_refsIn_;
+                const node = this.elements[tab];
+                const panel = (_strip_panels_index = strip.panels[index]) != null ? _strip_panels_index : null;
+                const selected = /\b(?:Mui-selected|active|is-active|selected)\b/.test((_node_attrs_class = node.attrs.class) != null ? _node_attrs_class : '');
+                return _extends({
+                    label: (_this_refsIn_ = this.refsIn(tab, range)[0]) != null ? _this_refsIn_ : null
+                }, selected ? {
+                    selected: true
+                } : {}, {
+                    panel: panel !== null ? this.read(panel, range) : []
+                });
+            })
+        };
+    }
+    findRole(element, role, depth) {
+        const node = this.elements[element];
+        if (!node) return null;
+        if (node.attrs.role === role) return element;
+        if (depth <= 0) return null;
+        for (const child of node.children){
+            const found = this.findRole(child, role, depth - 1);
+            if (found !== null) return found;
+        }
+        return null;
+    }
+    findAll(element, test) {
+        var _ref;
+        var _this_elements_element;
+        const out = [];
+        const visit = (at)=>{
+            const node = this.elements[at];
+            if (!node) return;
+            if (test(node)) {
+                out.push(at);
+                return;
+            }
+            for (const child of node.children)visit(child);
+        };
+        for (const child of (_ref = (_this_elements_element = this.elements[element]) == null ? void 0 : _this_elements_element.children) != null ? _ref : [])visit(child);
+        return out;
+    }
+    contains(ancestor, element) {
+        var _ref;
+        var _this_elements_at;
+        for(let at = element; at >= 0; at = (_ref = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.parent) != null ? _ref : -1)if (at === ancestor) return true;
+        return false;
+    }
+    /*---------------- the hero ----------------*/ markHero(sections) {
+        var _hero_backdrop;
+        const mainBlocks = this.mainBlocks();
+        const hero = sections.find((section)=>section.lines.some((ref)=>{
+                var _mainBlocks_ref;
+                return ((_mainBlocks_ref = mainBlocks[ref]) == null ? void 0 : _mainBlocks_ref.kind) === 'heading' && mainBlocks[ref].level === 1;
+            }));
+        if (!hero) return;
+        let picture = null;
+        if (((_hero_backdrop = hero.backdrop) == null ? void 0 : _hero_backdrop.kind) === 'picture') picture = 'behind';
+        else {
+            const h1 = hero.lines.find((ref)=>{
+                var _mainBlocks_ref;
+                return ((_mainBlocks_ref = mainBlocks[ref]) == null ? void 0 : _mainBlocks_ref.kind) === 'heading' && mainBlocks[ref].level === 1;
+            });
+            const image = hero.lines.find((ref)=>{
+                var _mainBlocks_ref;
+                return ((_mainBlocks_ref = mainBlocks[ref]) == null ? void 0 : _mainBlocks_ref.kind) === 'image';
+            });
+            if (image !== undefined) {
+                const beside = (nodes)=>nodes.some((node)=>{
+                        if (node.kind !== 'row') return false;
+                        const cellOf = (ref)=>node.cells.findIndex((cell)=>this.linesOf(cell.nodes).includes(ref));
+                        const a = cellOf(h1);
+                        const b = cellOf(image);
+                        if (a >= 0 && b >= 0 && a !== b) return true;
+                        return node.cells.some((cell)=>beside(cell.nodes));
+                    });
+                if (beside(hero.nodes)) picture = 'beside';
+                else if (this.pictureBehind(image)) picture = 'behind';
+                else picture = hero.lines.indexOf(image) > hero.lines.indexOf(h1) ? 'below' : 'above';
+            }
+        }
+        hero.hero = {
+            picture
+        };
+    }
+    /** A picture laid over its section's whole area, behind the words. */ pictureBehind(ref) {
+        var _ref, _ref1;
+        var _this_elements_at;
+        const element = this.elements.find((node)=>node.blocks.some((index)=>this.mainIndex[index] === ref));
+        for(let at = (_ref = element == null ? void 0 : element.id) != null ? _ref : -1, depth = 0; at >= 0 && depth < 3; at = (_ref1 = (_this_elements_at = this.elements[at]) == null ? void 0 : _this_elements_at.parent) != null ? _ref1 : -1, depth += 1){
+            const position = this.style(at).get('position');
+            if (position === 'absolute' || position === 'fixed') return true;
+        }
+        return false;
+    }
+    linesOf(nodes) {
+        return siteImportLayoutLines(nodes);
+    }
+    constructor(structure, blocks, styles){
+        var _siteImportFontSizePx;
+        this.structure = structure;
+        this.blocks = blocks;
+        this.styles = styles;
+        /** Each element's leaves, its subtree's, in order (memoized). */ this.leafMemo = new Map();
+        /** Tab panels a tab strip has read already. */ this.usedPanels = new Set();
+        this.bodySize = 16;
+        this.mainBlocksMemo = null;
+        this.tabsMemo = null;
+        this.elements = structure.elements;
+        this.mainIndex = [];
+        let main = 0;
+        for (const block of blocks)this.mainIndex.push(block.region === 'main' ? main++ : -1);
+        this.own = this.elements.map(()=>[]);
+        structure.blockElement.forEach((element, index)=>{
+            var _this_mainIndex_index;
+            var _this_own_element;
+            const block = blocks[index];
+            const ref = (_this_mainIndex_index = this.mainIndex[index]) != null ? _this_mainIndex_index : -1;
+            if (!block || ref < 0 || !isLine(block)) return;
+            (_this_own_element = this.own[element]) == null ? void 0 : _this_own_element.push({
+                order: index,
+                kind: 'line',
+                ref,
+                element
+            });
+        });
+        for (const element of this.elements){
+            var _element_order, _element_order1;
+            var _this_own_element_id, _this_own_element_id1;
+            if (element.region !== 'main' || element.nav) continue;
+            if (element.icon !== undefined) (_this_own_element_id = this.own[element.id]) == null ? void 0 : _this_own_element_id.push({
+                order: (_element_order = element.order) != null ? _element_order : 0,
+                kind: 'icon',
+                ref: element.icon,
+                element: element.id
+            });
+            if (element.form !== undefined) (_this_own_element_id1 = this.own[element.id]) == null ? void 0 : _this_own_element_id1.push({
+                order: (_element_order1 = element.order) != null ? _element_order1 : 0,
+                kind: 'form',
+                ref: element.form,
+                element: element.id
+            });
+        }
+        const body = structure.body >= 0 ? structure.body : -2;
+        this.bodySize = (_siteImportFontSizePx = siteImportFontSizePx(styles.of(body))) != null ? _siteImportFontSizePx : 16;
+    }
+};
+/** Takes a line out of one of an item's lists; a list left empty goes, never left undefined (Firestore holds no undefined). */ function dropLine(item, key, ref) {
+    var _item_key;
+    const list = (_item_key = item[key]) == null ? void 0 : _item_key.filter((entry)=>entry !== ref);
+    if (list == null ? void 0 : list.length) item[key] = list;
+    else delete item[key];
+}
+/** Rows of cells of lines, as objects: a Firestore document holds no array inside an array. */ function tableRows(rows) {
+    return rows.map((row)=>({
+            cells: row.map((lines)=>({
+                    lines
+                }))
+        }));
+}
+function mode(values) {
+    var _counts_get, _ref;
+    var _sort_;
+    const counts = new Map();
+    for (const value of values)counts.set(value, ((_counts_get = counts.get(value)) != null ? _counts_get : 0) + 1);
+    return (_ref = (_sort_ = [
+        ...counts.entries()
+    ].sort((a, b)=>b[1] - a[1] || b[0] - a[0])[0]) == null ? void 0 : _sort_[0]) != null ? _ref : 0;
+}
+/** A solid background's band: near white is the page, light or tinted is soft, a strong color is the brand's, dark is dark. */ export function siteImportBandOfColor(color) {
+    const light = siteImportLuminance(color);
+    const saturation = siteImportSaturation(color);
+    if (saturation > 0.45 && light >= 0.06 && light < 0.75) return 'brand';
+    if (light < 0.3) return 'dark';
+    if (light >= 0.95) return 'plain';
+    return 'soft';
+}
+/**
+ * How the source draws an `<a>` or `<button>` as a button, or `null` when it
+ * draws it as a link: a framework's button class, a role, or a fill or a
+ * border with room around the words.
+ */ export function siteImportButtonStyleOf(element, style, under) {
+    var _element_attrs_class;
+    const classes = (_element_attrs_class = element.attrs.class) != null ? _element_attrs_class : '';
+    const fill = siteImportBackgroundOf(style);
+    const filled = !!fill.color && fill.color.a >= 0.5 && siteImportHex(fill.color) !== under || !!fill.gradient;
+    const bordered = siteImportHasBorder(style);
+    const padded = [
+        'padding',
+        'padding-left',
+        'padding-top'
+    ].some((property)=>{
+        const value = style.get(property);
+        return !!value && /[1-9]/.test(value);
+    });
+    const classed = BUTTON_CLASS.test(classes) || element.attrs.role === 'button';
+    if (!classed && !((filled || bordered) && padded)) return null;
+    if (TEXT_BUTTON_CLASS.test(classes)) return 'quiet';
+    if (filled || FILLED_CLASS.test(classes)) return 'primary';
+    if (bordered || OUTLINED_CLASS.test(classes)) return 'secondary';
+    return 'quiet';
+}
+/*------------------------------------------
+ * The look
+ *-----------------------------------------*/ /** Families a Google Fonts stylesheet address loads: `family=Roboto+Flex:wght@400` is "Roboto Flex". */ export function siteImportGoogleFamilies(urls) {
+    const families = [];
+    for (const raw of urls){
+        let url;
+        try {
+            url = new URL(raw);
+        } catch (unused) {
+            continue;
+        }
+        if (url.hostname !== 'fonts.googleapis.com') continue;
+        for (const value of url.searchParams.getAll('family')){
+            for (const entry of value.split('|')){
+                var _entry_split_;
+                const name = (_entry_split_ = entry.split(':')[0]) == null ? void 0 : _entry_split_.replace(/\+/g, ' ').trim();
+                if (name && !families.includes(name)) families.push(name);
+            }
+        }
+    }
+    return families;
+}
+/** The look facts of a page read with its structure, through its linked stylesheets' text. */ export function siteImportLookOf(page, stylesheets = []) {
+    if (!page.structure) return null;
+    const css = siteImportCssOf([
+        ...page.structure.styles,
+        ...stylesheets
+    ]);
+    return siteImportLookFacts(page.structure, siteImportStylesOf(page.structure, css), css.fontFaces);
+}
+/**
+ * The look facts of a page's markup and the stylesheets it links (AGL-4106),
+ * for the look pass, which reads the home page and its stylesheets itself.
+ */ export function siteImportLookOfHtml(html, pageUrl, stylesheets = []) {
+    let origin = '';
+    try {
+        origin = new URL(pageUrl).origin;
+    } catch (unused) {
+        return null;
+    }
+    const extract = extractSiteImportPage(html, pageUrl, (url)=>url.origin === origin, {
+        structure: true
+    });
+    return extract.structure ? siteImportLookOf({
+        structure: extract.structure
+    }, stylesheets) : null;
+}
+/**
+ * What the source's look is made of (AGL-4106): its fonts, its page's
+ * background and text, its filled buttons' fill, text and corners, its links'
+ * color and its header's background.
+ */ export function siteImportLookFacts(structure, styles, fontFaces = []) {
+    var _ref, _siteImportFontFamilies_, _elements_find, _siteImportFontFamilies_1, _siteImportBackgroundOf_color, _ref1, _ref2, _elements_find1, _ref3, _ref4, _ref5;
+    var _filter_sort_;
+    const { elements } = structure;
+    const body = structure.body >= 0 ? structure.body : -2;
+    const bodyStyle = styles.of(body);
+    const hexOf = (value)=>{
+        const color = siteImportColorOf(value);
+        return color && color.a >= 0.5 ? siteImportHex(color) : null;
+    };
+    const imports = structure.styles.flatMap((css)=>[
+            ...css.matchAll(/@import\s+(?:url\()?\s*["']?(https:\/\/fonts\.googleapis\.com\/[^"')\s;]+)/gi)
+        ].map((match)=>match[1]));
+    const google = siteImportGoogleFamilies([
+        ...structure.stylesheets,
+        ...imports
+    ]);
+    const bodyFamily = (_ref = (_siteImportFontFamilies_ = siteImportFontFamilies(bodyStyle.get('font-family'))[0]) != null ? _siteImportFontFamilies_ : siteImportFontFamilies(styles.of(-2).get('font-family'))[0]) != null ? _ref : null;
+    const heading = (_elements_find = elements.find((element)=>/^h[12]$/.test(element.tag) && element.region === 'main')) != null ? _elements_find : elements.find((element)=>/^h[1-3]$/.test(element.tag));
+    const headingFamily = heading ? (_siteImportFontFamilies_1 = siteImportFontFamilies(styles.of(heading.id).get('font-family'))[0]) != null ? _siteImportFontFamilies_1 : bodyFamily : bodyFamily;
+    const known = (family)=>family && (google.includes(family) || fontFaces.includes(family) || !/^(?:arial|helvetica|helvetica neue|segoe ui|roboto fallback|times new roman|georgia|verdana)$/i.test(family)) ? family : null;
+    const background = (_siteImportBackgroundOf_color = siteImportBackgroundOf(bodyStyle).color) != null ? _siteImportBackgroundOf_color : siteImportBackgroundOf(styles.of(-2)).color;
+    // Buttons, the page's own and its header's: the most used fill.
+    const fills = new Map();
+    const linkColors = new Map();
+    for (const element of elements){
+        var _ref6;
+        var _elements_at;
+        if (element.tag !== 'a' && element.tag !== 'button') continue;
+        if (element.region === 'footer') continue;
+        const style = styles.of(element.id);
+        let under = null;
+        for(let at = element.parent; at >= 0; at = (_ref6 = (_elements_at = elements[at]) == null ? void 0 : _elements_at.parent) != null ? _ref6 : -1){
+            const color = siteImportBackgroundOf(styles.of(at)).color;
+            if (color && color.a >= 0.5) {
+                under = siteImportHex(color);
+                break;
+            }
+        }
+        const kind = siteImportButtonStyleOf(element, style, under != null ? under : background ? siteImportHex(background) : '#ffffff');
+        if (kind === 'primary') {
+            var _fills_get;
+            const fill = siteImportBackgroundOf(style).color;
+            if (!fill) continue;
+            const hex = siteImportHex(fill);
+            const entry = (_fills_get = fills.get(hex)) != null ? _fills_get : {
+                count: 0,
+                text: hexOf(style.get('color')),
+                radius: []
+            };
+            entry.count += 1;
+            const radius = siteImportRadiusPx(style);
+            if (radius !== null) entry.radius.push(radius);
+            fills.set(hex, entry);
+        } else if (!kind && element.tag === 'a' && element.region === 'main') {
+            var _linkColors_get;
+            const color = hexOf(style.get('color'));
+            if (color) linkColors.set(color, ((_linkColors_get = linkColors.get(color)) != null ? _linkColors_get : 0) + 1);
+        }
+    }
+    const topFill = [
+        ...fills.entries()
+    ].sort((a, b)=>b[1].count - a[1].count)[0];
+    const radii = (_ref1 = topFill == null ? void 0 : topFill[1].radius) != null ? _ref1 : [];
+    const text = hexOf(bodyStyle.get('color'));
+    // The links' color: the most used one that is not the body text's.
+    const link = (_ref2 = (_filter_sort_ = [
+        ...linkColors.entries()
+    ].filter(([hex])=>hex !== text).sort((a, b)=>b[1] - a[1])[0]) == null ? void 0 : _filter_sort_[0]) != null ? _ref2 : null;
+    const header = (_elements_find1 = elements.find((element)=>element.tag === 'header' && element.region === 'header')) != null ? _elements_find1 : elements.find((element)=>element.attrs.role === 'banner');
+    let headerFill = null;
+    for(let at = (_ref3 = header == null ? void 0 : header.id) != null ? _ref3 : -1, depth = 0; at >= 0 && depth < 3; depth += 1){
+        var _ref7;
+        var _elements_at1;
+        const color = siteImportBackgroundOf(styles.of(at)).color;
+        if (color && color.a >= 0.5) {
+            headerFill = siteImportHex(color);
+            break;
+        }
+        const children = (_ref7 = (_elements_at1 = elements[at]) == null ? void 0 : _elements_at1.children) != null ? _ref7 : [];
+        at = children.length === 1 ? children[0] : -1;
+    }
+    return {
+        fonts: {
+            body: known(bodyFamily),
+            headings: known(headingFamily),
+            google
+        },
+        background: background ? siteImportHex(background) : null,
+        text,
+        buttonFill: (_ref4 = topFill == null ? void 0 : topFill[0]) != null ? _ref4 : null,
+        buttonText: (_ref5 = topFill == null ? void 0 : topFill[1].text) != null ? _ref5 : null,
+        buttonRadius: radii.length ? radii.sort((a, b)=>a - b)[Math.floor(radii.length / 2)] : null,
+        link,
+        header: headerFill
+    };
+}
+/** Counts a layout's sections, bands, rows, groups, pictures, icons and buttons. */ export function siteImportLayoutCounts(layout, blocks = []) {
+    const counts = {
+        sections: layout.sections.length,
+        bands: layout.sections.map((section)=>section.band),
+        rows: 0,
+        groups: {},
+        items: {},
+        tables: 0,
+        tabs: 0,
+        pictures: 0,
+        icons: 0,
+        buttons: 0,
+        forms: 0,
+        lines: 0
+    };
+    const main = blocks.filter((block)=>block.region === 'main');
+    const isPicture = (ref)=>{
+        var _main_ref;
+        return ((_main_ref = main[ref]) == null ? void 0 : _main_ref.kind) === 'image';
+    };
+    const visit = (nodes)=>{
+        for (const node of nodes){
+            switch(node.kind){
+                case 'line':
+                    if (node.button) counts.buttons += 1;
+                    break;
+                case 'picture':
+                    counts.pictures += 1;
+                    break;
+                case 'icon':
+                    counts.icons += 1;
+                    break;
+                case 'form':
+                    counts.forms += 1;
+                    break;
+                case 'row':
+                    if (node.cells.length >= 2) counts.rows += 1;
+                    for (const cell of node.cells)visit(cell.nodes);
+                    break;
+                case 'group':
+                    var _counts_groups_node_group, _counts_items_node_group;
+                    counts.groups[node.group] = ((_counts_groups_node_group = counts.groups[node.group]) != null ? _counts_groups_node_group : 0) + 1;
+                    counts.items[node.group] = ((_counts_items_node_group = counts.items[node.group]) != null ? _counts_items_node_group : 0) + node.items.length;
+                    for (const item of node.items){
+                        var _ref;
+                        var _item_list;
+                        if (item.icon !== undefined) counts.icons += 1;
+                        if (item.listIcon !== undefined) counts.icons += (_ref = (_item_list = item.list) == null ? void 0 : _item_list.length) != null ? _ref : 0;
+                        if (item.image !== undefined || main.length && item.lines.some(isPicture)) counts.pictures += 1;
+                    }
+                    break;
+                case 'table':
+                    counts.tables += 1;
+                    break;
+                case 'tabs':
+                    counts.tabs += 1;
+                    for (const tab of node.tabs)visit(tab.panel);
+                    break;
+                default:
+                    break;
+            }
+        }
+    };
+    for (const section of layout.sections){
+        visit(section.nodes);
+        counts.lines += section.lines.length;
+    }
+    return counts;
+}
+
+//# sourceMappingURL=site-import-layout.js.map