29:null 2a:["$","title",null,{"children":"mtinput | Marc Thevenin | Observable"}] 2f:T7f7,cssToggle = html` `30:T20e1,function legend(domain, range, { width = "auto", swatchWidth = 30, swatchHeight = 14, shape = "rect", title = null, titleFontSize = null, subdomain = null, selectAll = true, lang = "fr", labels = {}, dashArray = null, symbol = null, vertical = false, interactive = true, scale = 1, fontSize = null, fontFamily = null } = {}) { const dict = { fr: { selectAll: "Tout sélectionner", deselectAll: "Tout désélectionner", title: "Cliquer pour afficher / masquer" }, en: { selectAll: "Select all", deselectAll: "Select none", title: "Click to show / hide" }, jp: { selectAll: "すべて選択", deselectAll: "すべて選択を解除", title: "クリックして表示／非表示にする" } }; const t = { ...(dict[lang] ?? dict.fr), ...labels }; const active = new Set(subdomain ?? domain); const root = html`

`; root.style.setProperty("--legend-scale", scale); if (fontSize !== null) root.style.setProperty("--legend-font-size", typeof fontSize === "number" ? `${fontSize}px` : fontSize); if (fontFamily !== null) root.style.setProperty("--legend-font-family", fontFamily); if (width !== "auto") root.style.width = `${width}px`; const scaledSwatchWidth = swatchWidth * scale; const scaledSwatchHeight = swatchHeight * scale; const showSelectAll = selectAll && interactive; if (title || showSelectAll) { const header = html`

`; if (title) { const titleEl = html`

${title}

`; if (titleFontSize !== null) { titleEl.style.fontSize = typeof titleFontSize === "number" ? `${titleFontSize}px` : titleFontSize; } header.appendChild(titleEl); } var selectAllBtn = null; if (showSelectAll) { selectAllBtn = html`