sagadeck 1.8.0 → 1.9.0

package/src/runtime/runtime.js

@@ -261,65 +261,8 @@
   }
 
   // ---------- cenas de aula: o clique da apresentação também é a etapa da explicação ----------
-  function kineticMorph(root, source, target) {
-    if (reducedMotion() || !source) return;
-    const word = $(".kinetic-word", target);
-    const sequence = $(".kinetic-sequence", root);
-    if (!word || !sequence || typeof word.animate !== "function") return;
-    const rootRect = root.getBoundingClientRect(), fromRect = source.rect, toRect = word.getBoundingClientRect();
-    if (!rootRect.width || !rootRect.height || !fromRect.width || !toRect.width) return;
-    const scaleX = root.offsetWidth / rootRect.width, scaleY = root.offsetHeight / rootRect.height;
-    const ghost = source.element.cloneNode(true);
-    ghost.classList.add("kinetic-morph");
-    ghost.removeAttribute("data-fit");
-    ghost.setAttribute("aria-hidden", "true");
-    const style = source.style;
-    Object.assign(ghost.style, {
-      position: "absolute",
-      left: `${(fromRect.left - rootRect.left) * scaleX}px`,
-      top: `${(fromRect.top - rootRect.top) * scaleY}px`,
-      width: `${fromRect.width * scaleX}px`,
-      height: "auto",
-      maxHeight: "none",
-      margin: "0",
-      overflow: "visible",
-      transform: "none",
-      transformOrigin: "top left",
-      zIndex: "4",
-      pointerEvents: "none",
-      fontFamily: style.fontFamily,
-      fontSize: style.fontSize,
-      fontWeight: style.fontWeight,
-      fontStyle: style.fontStyle,
-      lineHeight: style.lineHeight,
-      letterSpacing: style.letterSpacing,
-      textTransform: style.textTransform,
-      textAlign: style.textAlign,
-      color: style.color,
-      textShadow: style.textShadow,
-      background: style.background,
-      padding: style.padding,
-      borderRadius: style.borderRadius,
-      boxSizing: "border-box",
-    });
-    sequence.append(ghost);
-    const dx = (toRect.left - fromRect.left) * scaleX, dy = (toRect.top - fromRect.top) * scaleY;
-    const morphScale = Math.max(.72, Math.min(1.38, toRect.width / fromRect.width));
-    const animation = ghost.animate([
-      { opacity: .92, transform: "translate(0, 0) scale(1)", filter: "blur(0)" },
-      { opacity: .82, offset: .62, transform: `translate(${dx * .82}px, ${dy * .82}px) scale(${1 + (morphScale - 1) * .82})`, filter: "blur(0)" },
-      { opacity: 0, transform: `translate(${dx}px, ${dy}px) scale(${morphScale})`, filter: "blur(4px)" },
-    ], { duration: 720, easing: "cubic-bezier(.22,.78,.22,1)", fill: "both" });
-    animation.finished.then(() => ghost.remove(), () => ghost.remove());
-  }
-
   function renderLesson(root, requested) {
     const n = +root.dataset.lessonCount || 1, index = Math.max(0, Math.min(n - 1, +requested || 0));
-    const previous = Number(root.dataset.lessonIndex);
-    const oldPanel = root.dataset.lesson === "kinetic" && Number.isInteger(previous)
-      ? $(`[data-lesson-panel="${previous}"].active`, root) : null;
-    const oldWord = oldPanel && $(".kinetic-word", oldPanel);
-    const source = oldWord ? { element: oldWord, rect: oldWord.getBoundingClientRect(), style: getComputedStyle(oldWord) } : null;
     root.dataset.lessonIndex = String(index);
     // peças que acompanham o quadro sem serem painéis (carrossel): o CSS gira/desliza com --lesson-i e active/past
     root.style.setProperty("--lesson-i", String(index));
@@ -359,10 +302,6 @@
       }
     }
     if (root.dataset.lesson === "solution") window.SagadeckFit.fitSteps(root); // o quadro novo só mede agora, à vista
-    if (root.dataset.lesson === "kinetic") {
-      window.SagadeckFit.fitText(root);
-      if (previous !== index) kineticMorph(root, source, $(`[data-lesson-panel="${index}"]`, root));
-    }
   }
   function fitSpotlight(root) {
     const canvas = $(".spotlight-canvas", root), img = $(".spotlight-image img", root), regions = $(".spotlight-regions", root);
@@ -408,44 +347,6 @@
         hooks[si].leave.push(stop);
       });
       hooks[si].step.push((k) => { renderLesson(root, k); fitSpotlight(root); zoomSpotlight(root); });
-      if (root.dataset.lesson === "kinetic") {
-        let timer = null;
-        let enabled = root.dataset.kineticAutoplay === "true" && !reducedMotion() && +root.dataset.lessonCount > 1;
-        const toggle = $("[data-kinetic-toggle]", root);
-        const stop = () => { clearInterval(timer); timer = null; };
-        const updateToggle = () => {
-          if (!toggle) return;
-          toggle.textContent = enabled ? "Pausar" : "Reproduzir";
-          toggle.setAttribute("aria-label", enabled ? "Pausar sequência" : "Reproduzir sequência");
-          toggle.setAttribute("aria-pressed", String(enabled));
-        };
-        const start = () => {
-          if (!enabled || EXPORT || timer || +root.dataset.lessonIndex >= +root.dataset.lessonCount - 1) return;
-          const interval = Math.max(450, Math.min(5000, +root.dataset.kineticInterval || 1000));
-          timer = setInterval(() => {
-            const index = +root.dataset.lessonIndex || 0;
-            if (index >= +root.dataset.lessonCount - 1) { stop(); return; }
-            goto(si, index + 1);
-          }, interval);
-        };
-        toggle?.addEventListener("click", (event) => {
-          event.stopPropagation();
-          enabled = !enabled;
-          if (enabled && +root.dataset.lessonIndex >= +root.dataset.lessonCount - 1) goto(si, 0);
-          updateToggle();
-          if (enabled) start(); else stop();
-        });
-        hooks[si].enter.push(start);
-        hooks[si].leave.push(stop);
-        hooks[si].step.push((index) => {
-          if (index >= +root.dataset.lessonCount - 1 && enabled) {
-            stop();
-            enabled = false;
-            updateToggle();
-          }
-        });
-        updateToggle();
-      }
       root.addEventListener("click", (event) => {
         const button = event.target.closest("button");
         if (!button || !root.contains(button) || button.disabled) return;
@@ -660,6 +561,38 @@
     cmd("goto", [to, 0]);
   }, true);
 
+  // cartão que vira (data-flip) e botão + com balão (data-pop). Clique fora fecha os balões; sair do slide desvira e fecha.
+  const closePops = (root) => $$(".pop.open", root).forEach((p) => { p.classList.remove("open"); $(".pop-btn", p)?.setAttribute("aria-expanded", "false"); });
+  const flip = (c, on) => { c.classList.toggle("flipped", on); c.setAttribute("aria-pressed", String(on)); };
+  document.addEventListener("click", (e) => {
+    if (EXPORT || !e.target.closest) return;
+    const slide = e.target.closest(".slide");
+    if (!slide) return;
+    if (e.target.closest(".pop-card")) return;
+    const pop = e.target.closest("[data-pop]");
+    if (pop) {
+      e.stopPropagation();
+      const open = !pop.classList.contains("open");
+      closePops(slide);
+      pop.classList.toggle("open", open);
+      $(".pop-btn", pop)?.setAttribute("aria-expanded", String(open));
+      return;
+    }
+    closePops(slide);
+    const card = e.target.closest("[data-flip]");
+    if (card) { e.stopPropagation(); flip(card, !card.classList.contains("flipped")); }
+  });
+  document.addEventListener("keydown", (e) => {
+    const card = e.target.closest && e.target.closest("[data-flip]");
+    if (!card || (e.key !== "Enter" && e.key !== " ")) return;
+    e.preventDefault(); e.stopPropagation();
+    flip(card, !card.classList.contains("flipped"));
+  }, true);
+  slides.forEach((sl, si) => {
+    if (!sl.querySelector("[data-flip],[data-pop]")) return;
+    hooks[si].leave.push(() => { closePops(sl); $$("[data-flip].flipped", sl).forEach((c) => flip(c, false)); });
+  });
+
   function cmd(c, arg) {
     if (PRESENTER && window.opener && !window.opener.closed) { window.opener.postMessage({ sagadeck: DATA.id, type: "cmd", c, arg }, "*"); return; }
     local(c, arg);
@@ -793,6 +726,53 @@
     if (document.visibilityState === "visible") requestWakeLock();
   });
 
+  // ---------- eco ambiente "rede": nós à deriva que se ligam por proximidade (canvas no tamanho lógico do slide) ----------
+  // Anda só no slide atual; parada (um quadro) com movimento reduzido e na exportação. Cores do tom: --hi e a 2ª da paleta.
+  function mountAmbientNet() {
+    slides.forEach((sl, si) => {
+      const cv = sl.dataset.ambient === "rede" && $(".ambient canvas", sl);
+      const g = cv && cv.getContext("2d");
+      if (!g) return;
+      const css = getComputedStyle(sl);
+      const hi = css.getPropertyValue("--hi").trim() || "#f0b24a";
+      const alt = css.getPropertyValue("--c-c2").trim() || hi;
+      cv.width = SW; cv.height = SH;
+      let seed = 7 + si * 131;
+      const rnd = () => ((seed = (seed * 16807) % 2147483647) / 2147483647);
+      const nodes = Array.from({ length: Math.round(SW * SH / 32000) }, () => ({
+        x: rnd() * SW, y: rnd() * SH, vx: (rnd() - 0.5) * 0.75, vy: (rnd() - 0.5) * 0.75, r: rnd() * 2.2 + 1, a: rnd() * 0.45 + 0.15,
+      }));
+      const LINK = 210;
+      const draw = (move) => {
+        g.clearRect(0, 0, SW, SH);
+        if (move) for (const n of nodes) {
+          n.x += n.vx; n.y += n.vy;
+          if (n.x < 0 || n.x > SW) n.vx *= -1;
+          if (n.y < 0 || n.y > SH) n.vy *= -1;
+        }
+        g.strokeStyle = hi; g.lineWidth = 1.3;
+        for (let a = 0; a < nodes.length; a++) for (let b = a + 1; b < nodes.length; b++) {
+          const d = Math.hypot(nodes[a].x - nodes[b].x, nodes[a].y - nodes[b].y);
+          if (d >= LINK) continue;
+          g.globalAlpha = 0.16 * (1 - d / LINK);
+          g.beginPath(); g.moveTo(nodes[a].x, nodes[a].y); g.lineTo(nodes[b].x, nodes[b].y); g.stroke();
+        }
+        for (const n of nodes) {
+          g.globalAlpha = n.a; g.fillStyle = n.a > 0.42 ? hi : alt;
+          g.beginPath(); g.arc(n.x, n.y, n.r, 0, Math.PI * 2); g.fill();
+        }
+        g.globalAlpha = 1;
+      };
+      let raf = 0, on = false;
+      const loop = () => { if (!on) return; if (!document.hidden) draw(true); raf = requestAnimationFrame(loop); };
+      const start = () => { if (on) return; if (EXPORT || reducedMotion()) return draw(false); on = true; raf = requestAnimationFrame(loop); };
+      const stop = () => { on = false; cancelAnimationFrame(raf); };
+      draw(false);
+      hooks[si].enter.push(start);
+      hooks[si].leave.push(stop);
+    });
+  }
+
   // ---------- inicialização ----------
   function parseHash() {
     const m = location.hash.match(/^#(\d+)(?:\.(\d+))?/);
@@ -803,6 +783,7 @@
     scale(); window.addEventListener("resize", scale);
     mountWidgets();
     mountLessons();
+    mountAmbientNet();
     initDrawing();
     requestWakeLock();
     document.addEventListener("keydown", onKey);
@@ -819,7 +800,7 @@
       const t = e.changedTouches[0], dx = t.clientX - tx, dy = t.clientY - ty, dt = Date.now() - tt;
       tx = ty = null;
       if (Math.abs(dx) > 50 && Math.abs(dx) > Math.abs(dy)) { cmd(dx < 0 ? "next" : "prev"); return; }
-      if (Math.abs(dx) < 12 && Math.abs(dy) < 12 && dt < 500 && !e.target.closest("a,button,input,textarea,select,[contenteditable],video,audio,iframe,.widget,.map-box,[data-goto]")) {
+      if (Math.abs(dx) < 12 && Math.abs(dy) < 12 && dt < 500 && !e.target.closest("a,button,input,textarea,select,[contenteditable],video,audio,iframe,.widget,.map-box,[data-goto],[data-flip],[data-pop]")) {
         const sel = typeof getSelection === "function" && getSelection();
         if (sel && !sel.isCollapsed) return; // selecionando texto: não avança
         cmd("next");

package/src/runtime/skins/caderno.css

@@ -0,0 +1,33 @@
+/* Caderno (visual thinking): papel claro, rabiscos de ícones em pastel nos cantos (ícones Lucide do pacote como
+   máscara), título em letra de mão alta com um traço de lápis embaixo, chapéu coral em serifada, frase em lilás,
+   cartões brancos com moldura grossa pastel (menta, lilás, amarelo, coral), botão + amarelo contornado */
+.th-caderno.tone-light{background-image:radial-gradient(circle at 18% 12%,#fff 0,transparent 42%),radial-gradient(circle at 86% 84%,#ebe7dc 0,transparent 46%)}
+.th-caderno .orn i{width:var(--s,92px);height:var(--s,92px);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;background:var(--c,#8E7896);transform:rotate(var(--r,0deg));opacity:.92}
+.th-caderno .orn i:nth-child(1){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-search%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22m21 21-4.34-4.34%22/%3E %3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3C/svg%3E");--c:#6FBF86;left:64px;top:80px;--r:-14deg}
+.th-caderno .orn i:nth-child(2){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-hourglass%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M5 22h14%22/%3E %3Cpath d=%22M5 2h14%22/%3E %3Cpath d=%22M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22%22/%3E %3Cpath d=%22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2%22/%3E%3C/svg%3E");--c:#D9B24C;right:84px;top:44px;--r:12deg;--s:84px}
+.th-caderno .orn i:nth-child(3){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-settings%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915%22/%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E");--c:#8E7896;right:70px;bottom:64px;--s:104px}
+.th-caderno .orn i:nth-child(4){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-pencil%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%22/%3E %3Cpath d=%22m15 5 4 4%22/%3E%3C/svg%3E");--c:#DE8178;left:70px;bottom:80px;--r:-24deg;--s:80px}
+.th-caderno.L-section-slide .orn i:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-wrench%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z%22/%3E%3C/svg%3E");--c:#8E7896;top:auto;bottom:150px;left:84px;--r:-30deg}
+.th-caderno.L-section-slide .orn i:nth-child(4){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-lightbulb%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E %3Cpath d=%22M9 18h6%22/%3E %3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E");--c:#D9B24C;left:auto;bottom:auto;top:90px;right:240px;--r:8deg}
+.th-caderno:not(.L-cover-slide):not(.L-section-slide):not(.L-end-slide) .orn :is(i:nth-child(1),i:nth-child(3),i:nth-child(4)){display:none}
+.th-caderno:not(.L-cover-slide):not(.L-section-slide):not(.L-end-slide) .orn i:nth-child(2){--s:62px;right:48px;top:34px;opacity:.75}
+.th-caderno .kicker{color:var(--em);font-size:40px}
+.th-caderno .L-cover:not(:has(.cv-fig)) .cv-main,.th-caderno .L-end:not(:has(.en-fig)) .en-main{text-align:center}
+.th-caderno .L-cover .ttl::after{content:"";display:block;height:5px;margin:16px auto 0;width:min(100%,1000px);border-radius:5px;background:var(--fg);transform:rotate(-.5deg);opacity:.85}
+.th-caderno .L-cover .sub{color:var(--c-c2)}
+.th-caderno .L-section:not(:has(.sc-fig)){flex-direction:column;justify-content:center;align-items:stretch;text-align:center;gap:6px}
+.th-caderno .sc-num{font-size:240px;color:var(--c-alert)}
+.th-caderno .L-statement .st-line{font-family:'Gelasio',Georgia,serif;font-weight:500;letter-spacing:0;color:var(--c-c2)}
+.th-caderno:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) .ttl mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--hi) 80%,transparent) 55% 92%,transparent 92%);color:inherit;padding:0 .08em}
+.th-caderno :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+1){--cc:#B5E3C3}
+.th-caderno :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+2){--cc:#8E7896}
+.th-caderno :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+3){--cc:#F0D488}
+.th-caderno :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+4){--cc:#DE8178}
+.th-caderno :is(.card:not(.card-hi),.stat-card,.step-card,.ps-panel){background:#fff;border:7px solid var(--cc,#B5E3C3);border-radius:32px;box-shadow:none}
+.th-caderno.tone-dark :is(.card:not(.card-hi),.stat-card,.step-card){background:var(--surface)}
+.th-caderno .card-hi{border-radius:32px;border:7px solid var(--fg)}
+.th-caderno .li-b{width:24px;height:24px;background:var(--cc,#F0D488);border:3px solid var(--fg)}
+.th-caderno .li-n{font-family:'Amatic SC',cursive;font-weight:700;color:var(--fg)}
+.th-caderno .q-mark{color:var(--c-c2)}
+.th-caderno .pop-btn{background:#F0D488;color:var(--c-ink);border:3px solid var(--c-ink);box-shadow:none}
+.th-caderno .flip-hint{background:color-mix(in srgb,var(--c-ink) 55%,transparent);color:#fff}

package/src/runtime/skins/cartaz.css

@@ -0,0 +1,27 @@
+/* Cartaz (protesto): papel cinza com grão, moldura preta grossa com filete branco na capa, título em faixa vermelha
+   torta com letra branca, chapéu como etiqueta amarela, seção em faixa vermelha com o número num disco amarelo,
+   cartões brancos girados como fotos coladas (moldura lavanda, menta, amarela, vermelha), destaque em vermelho */
+.th-cartaz.tone-light{background-image:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.55),transparent 58%),radial-gradient(ellipse at 82% 88%,rgba(0,0,0,.06),transparent 55%)}
+.th-cartaz.deco-grain::after{opacity:.13}
+.th-cartaz:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(1){display:block;inset:34px;border:16px solid var(--c-ink);box-shadow:inset 0 0 0 12px #fff}
+.th-cartaz :is(.L-cover,.L-end) .ttl{width:fit-content;max-width:100%;background:var(--c-accent);color:#fff;padding:.1em .32em .02em;transform:rotate(-2deg);box-shadow:8px 8px 0 rgba(0,0,0,.14)}
+.th-cartaz:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) :is(.L-cover,.L-end,.L-section) .ttl mark{color:var(--c-ink)}
+.th-cartaz .kicker{align-self:flex-start;width:fit-content;background:var(--c-alert);color:var(--c-ink);padding:6px 18px 2px;transform:rotate(-2deg);font-size:34px}
+.th-cartaz:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) :is(.ttl,.st-line,.q-text) mark{background:none;color:var(--c-accent);padding:0;margin:0}
+.th-cartaz .hd .ttl{border-left:18px solid var(--c-accent);padding-left:26px}
+.th-cartaz .L-section .ttl{width:fit-content;max-width:100%;background:var(--c-accent);color:#fff;padding:.1em .45em .02em;transform:rotate(-1.5deg)}
+.th-cartaz .sc-num{flex:none;width:320px;height:320px;border-radius:50%;display:grid;place-items:center;background:var(--c-alert);color:var(--c-ink);font-size:190px;line-height:1;transform:rotate(-8deg);padding-top:24px}
+.th-cartaz :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+1){--cc:#C3C7F0}
+.th-cartaz :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+2){--cc:#8CC8BF}
+.th-cartaz :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+3){--cc:#F2BE4E}
+.th-cartaz :is(.cards,.stats-grid,.steps,.list)>:nth-child(4n+4){--cc:#D9565B}
+.th-cartaz :is(.card:not(.card-hi),.stat-card,.step-card,.ps-panel){background:#fff;border:12px solid #fff;outline:7px solid var(--cc,#C3C7F0);border-radius:0;box-shadow:0 14px 28px rgba(0,0,0,.14)}
+.th-cartaz :is(.cards,.stats-grid,.steps)>:nth-child(odd){transform:rotate(-1.2deg)}
+.th-cartaz :is(.cards,.stats-grid,.steps)>:nth-child(even){transform:rotate(1deg)}
+.th-cartaz .card-hi{border-radius:0;box-shadow:0 14px 28px rgba(0,0,0,.14)}
+.th-cartaz .st-val{font-family:'Bebas Neue',sans-serif;font-weight:400;color:var(--c-accent)}
+.th-cartaz .li-n{font-family:'Bebas Neue',sans-serif;background:var(--cc,#C3C7F0);color:var(--c-ink);padding:6px 14px 0;transform:rotate(-3deg);min-width:0}
+.th-cartaz .li-b{border:0;border-radius:0;width:20px;height:20px;background:var(--c-accent);transform:rotate(45deg)}
+.th-cartaz .q-mark{color:var(--c-accent)}
+.th-cartaz .pop-btn{border-radius:4px;background:var(--c-alert);color:var(--c-ink);transform:rotate(-4deg);box-shadow:4px 4px 0 rgba(0,0,0,.18)}
+.th-cartaz .pop-card{border-radius:0;background:#fff;color:var(--c-ink);border:0;outline:6px solid var(--c-c4)}

package/src/runtime/skins/infografico.css

@@ -0,0 +1,29 @@
+/* Infográfico (dados chapados): capa azul com chão verde e nuvens brancas, título enorme em condensada, chapéu numa
+   caixa azul-clara; título dos slides em maiúsculas, chapéu numa tarja verde; números enormes; cartões e números de
+   lista com a cor do grupo (azul, verde, laranja, amarelo, azul-piscina), sem sombra nem degradê */
+.th-infografico.L-cover-slide,.th-infografico.L-end-slide{--bg:var(--c-accent);--fg:#fff;--muted:#E3EEF9;--hi:var(--c-c2);--em:var(--c-c4);--line:#6AA3D8;background-color:var(--c-accent)}
+.th-infografico:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(1){display:block;left:0;right:0;bottom:0;height:150px;background:var(--c-c2)}
+.th-infografico:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(2){display:block;right:170px;top:120px;width:260px;height:90px;border-radius:60px;background:#fff;opacity:.9;box-shadow:-70px 30px 0 -10px #fff,60px 34px 0 -6px #fff}
+.th-infografico:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(3){display:block;left:0;right:0;bottom:150px;height:14px;background:color-mix(in srgb,var(--c-c2) 70%,#fff)}
+.th-infografico :is(.L-cover,.L-end) .ttl{text-transform:uppercase}
+.th-infografico.L-cover-slide .kicker{background:#6AA3D8;color:#fff;padding:12px 22px;width:fit-content}
+.th-infografico .kicker{width:fit-content;background:var(--c-c2);color:#fff;padding:8px 20px}
+.th-infografico .hd .ttl{text-transform:uppercase}
+.th-infografico.L-section-slide .orn i:nth-child(1){display:block;left:0;right:0;bottom:0;height:120px;background:var(--c-c2)}
+.th-infografico .L-section .ttl{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:1.25em;text-transform:uppercase}
+.th-infografico .sc-num{color:var(--c-c4)}
+.th-infografico:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) .ttl mark{background:none;color:var(--em);padding:0;margin:0}
+.th-infografico :is(.cards,.stats-grid,.steps,.list)>:nth-child(5n+1){--cc:#3F86C9}
+.th-infografico :is(.cards,.stats-grid,.steps,.list)>:nth-child(5n+2){--cc:#8DC63F}
+.th-infografico :is(.cards,.stats-grid,.steps,.list)>:nth-child(5n+3){--cc:#EB6C35}
+.th-infografico :is(.cards,.stats-grid,.steps,.list)>:nth-child(5n+4){--cc:#F5C02F}
+.th-infografico :is(.cards,.stats-grid,.steps,.list)>:nth-child(5n+5){--cc:#3AAFC1}
+.th-infografico .stat-card.stat-card{background:var(--cc,#3F86C9);border:0;border-radius:var(--radius);--fg:#fff;--muted:rgba(255,255,255,.88);color:#fff}
+.th-infografico .st-val{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:150px;color:#fff;line-height:.9}
+.th-infografico :is(.card:not(.card-hi):not(.stat-card),.step-card,.ps-panel){background:var(--surface);border:0;border-top:14px solid var(--cc,#3F86C9);border-radius:var(--radius);box-shadow:none}
+.th-infografico .cd-num{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--cc,#3F86C9);color:#fff;font-size:64px}
+.th-infografico .li{align-items:center}
+.th-infografico .li-n{flex:none;width:84px;height:84px;min-width:0;border-radius:50%;display:grid;place-items:center;background:var(--cc,#3F86C9);color:#fff;font-family:'Bebas Neue',sans-serif;font-size:50px;padding-top:4px}
+.th-infografico .li-b{width:26px;height:26px;border:0;background:var(--cc,#3F86C9)}
+.th-infografico .q-mark{color:var(--c-c2)}
+.th-infografico .pop-btn{background:var(--c-c4);color:var(--c-ink)}

package/src/runtime/skins/lousa.css

@@ -0,0 +1,22 @@
+/* Lousa: quadro verde com marcas de giz apagado e poeira de giz, letra com halo de giz, título em giz amarelo com o
+   traço laranja embaixo, linha de giz amarelo sob o título dos slides, cartões contornados a giz com borda torta,
+   marcadores como pingos de giz e botão + laranja (como alfinete de mapa) */
+.th-lousa{background-image:radial-gradient(ellipse 60% 45% at 22% 28%,rgba(255,255,255,.075),transparent 70%),radial-gradient(ellipse 50% 40% at 78% 72%,rgba(255,255,255,.055),transparent 70%),radial-gradient(ellipse 120% 95% at 50% 50%,transparent 58%,rgba(0,0,0,.3))}
+.th-lousa::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")}
+.th-lousa .safe .t{text-shadow:0 0 1.5px rgba(255,255,255,.35),0 0 8px rgba(255,255,255,.07)}
+.th-lousa :is(.L-cover,.L-end,.L-section) .ttl{color:var(--c-accent)}
+.th-lousa .L-cover .ttl::after,.th-lousa .L-end .ttl::after{content:"";display:block;height:8px;margin-top:22px;width:min(115%,1150px);border-radius:8px;background:repeating-linear-gradient(90deg,var(--c-alert) 0 46px,color-mix(in srgb,var(--c-alert) 65%,transparent) 46px 52px);opacity:.9;transform:rotate(-.5deg)}
+.th-lousa .kicker{color:var(--fg);text-transform:none;letter-spacing:.01em;font-size:40px}
+.th-lousa .hd::after{content:"";height:5px;width:100%;border-radius:5px;background:color-mix(in srgb,var(--c-accent) 70%,transparent);opacity:.75;transform:rotate(-.2deg)}
+.th-lousa:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) mark{background:none;color:var(--c-accent);padding:0;margin:0}
+.th-lousa :is(.card:not(.card-hi),.stat-card,.step-card,.ps-panel,.cp-col:not(.hl)){background:rgba(255,255,255,.035);border:3px solid rgba(241,240,232,.72);border-radius:20px 28px 16px 24px/24px 16px 28px 20px;box-shadow:none}
+.th-lousa .card-hi{background:transparent;color:var(--c-ink);--fg:var(--c-ink);--muted:var(--c-muted);border:3px solid var(--c-accent);border-radius:20px 28px 16px 24px/24px 16px 28px 20px}
+.th-lousa .li-b{width:20px;height:20px;border:0;border-radius:46% 54% 42% 58%;background:var(--c-alert)}
+.th-lousa :is(.li-n,.st-val,.sc-num){color:var(--c-accent)}
+.th-lousa .q-mark{color:var(--c-alert)}
+.th-lousa .pop-btn{background:var(--c-alert);color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.25)}
+.th-lousa .pop-card{background:color-mix(in srgb,var(--bg) 92%,#fff);border:3px solid rgba(241,240,232,.6)}
+.th-lousa .orn i{-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;background:var(--c);opacity:.85}
+.th-lousa:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(1){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-lightbulb%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E %3Cpath d=%22M9 18h6%22/%3E %3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E");--c:var(--c-accent);width:120px;height:120px;right:150px;top:110px;transform:rotate(14deg)}
+.th-lousa:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(2){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-pencil%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%22/%3E %3Cpath d=%22m15 5 4 4%22/%3E%3C/svg%3E");--c:var(--c-ink);width:96px;height:96px;right:120px;bottom:110px;transform:rotate(-30deg)}
+.th-lousa.L-section-slide .orn i:nth-child(1){display:block;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Csvg class=%22lucide lucide-lightbulb%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E %3Cpath d=%22M9 18h6%22/%3E %3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E");--c:var(--c-accent);width:110px;height:110px;right:160px;top:120px;transform:rotate(14deg)}

package/src/runtime/skins/musgo.css

@@ -0,0 +1,42 @@
+/* Musgo: verde quase preto com grão, grade de pontos que some nas bordas (capa, seção, encerramento), luz âmbar no alto
+   da capa, chapéu em monoespaçada com fio âmbar, título em Fraunces com o destaque em âmbar itálico e a faixa que corre */
+.th-musgo.deco-grain::after{mix-blend-mode:screen;opacity:.06}
+.th-musgo .orn i:nth-child(1){display:block;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--fg) 17%,transparent) 1.6px,transparent 2px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%)}
+.th-musgo .orn i:nth-child(2){display:block;left:-10%;right:-10%;top:-35%;height:85%;background:radial-gradient(ellipse at 28% 45%,color-mix(in srgb,var(--hi) 10%,transparent),transparent 62%)}
+.th-musgo:not(.L-cover-slide):not(.L-section-slide):not(.L-end-slide) .orn i:nth-child(1),.th-musgo:not(.L-cover-slide):not(.L-end-slide) .orn i:nth-child(2){display:none}
+.th-musgo .kicker{display:flex;align-items:center;gap:22px;color:var(--hi);font-size:21px}
+.th-musgo .kicker::before{content:"";flex:none;width:64px;height:2px;background:color-mix(in srgb,var(--hi) 60%,transparent)}
+.th-musgo:not(.ms-sublinhado):not(.ms-cor):not(.ms-negrito):not(.ms-nenhum) :is(.ttl,.st-line) mark{background:none;color:var(--hi);font-style:italic;padding:0;margin:0}
+.th-musgo .L-cover .sub,.th-musgo .L-end .sub{max-width:1150px;line-height:1.5}
+/* seção (o separador de temas): número em monoespaçada entre fios, na mesma linha do chapéu; título grande embaixo */
+.th-musgo .L-section{display:grid;grid-template-columns:auto 1fr auto;align-content:center;align-items:center;column-gap:22px;row-gap:34px}
+.th-musgo .L-section .sc-text{display:contents}
+.th-musgo .L-section .sc-num{grid-column:1;grid-row:1;display:flex;align-items:center;gap:22px;font:500 26px/1 'IBM Plex Mono',monospace;letter-spacing:.25em;color:var(--hi)}
+.th-musgo .L-section .sc-num::before,.th-musgo .L-section .sc-num::after{content:"";flex:none;width:64px;height:2px;background:color-mix(in srgb,var(--hi) 60%,transparent)}
+.th-musgo .L-section .sc-num::after{width:28px}
+.th-musgo .L-section .kicker{grid-column:2;grid-row:1}
+.th-musgo .L-section:not(:has(.sc-num)) .kicker{grid-column:1/3}
+.th-musgo .L-section .sc-num~.sc-text .kicker::before{display:none}
+.th-musgo .L-section .sc-text>:not(.kicker){grid-column:1/3}
+.th-musgo .L-section .sub{max-width:1250px;line-height:1.5}
+.th-musgo .L-section .sc-fig{grid-column:3;grid-row:1/span 3}
+/* conteúdo: cartões vazados que sobem no mouse, números em monoespaçada âmbar, marcador em losango */
+.th-musgo :is(.card:not(.card-hi),.stat-card,.step-card,.cp-col:not(.hl),.ps-panel){background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid var(--line);border-radius:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,background-color .35s}
+.th-musgo :is(.card:not(.card-hi),.stat-card,.step-card):hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hi) 60%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent)}
+.th-musgo .card-hi{border-radius:18px}
+.th-musgo .st-lab{font-family:'Space Grotesk',sans-serif;font-weight:400;color:var(--muted)}
+.th-musgo .st-val{font-family:'IBM Plex Mono',monospace;font-weight:600;color:var(--hi);letter-spacing:-.02em}
+.th-musgo .li-n{font-family:'IBM Plex Mono',monospace;color:var(--hi)}
+.th-musgo .li-b{width:13px;height:13px;border:0;border-radius:0;background:var(--hi);transform:rotate(45deg)}
+.th-musgo .q-mark{color:var(--hi)}
+/* código numa janela: barra com as três bolinhas (ferrugem, âmbar, sálvia); o editor de código já tem a dele */
+.th-musgo .codewalk-editor{background:color-mix(in srgb,var(--surface) 45%,var(--bg));border-color:var(--line);box-shadow:0 30px 80px -30px #000000b3}
+.th-musgo .codewalk-bar{background:color-mix(in srgb,var(--surface) 90%,var(--bg));border-bottom-color:var(--line);color:var(--fg)}
+.th-musgo .codewalk-lights i:first-child{background:color-mix(in srgb,var(--c-alert) 75%,transparent)}.th-musgo .codewalk-lights i:nth-child(2){background:color-mix(in srgb,var(--c-accent) 75%,transparent)}.th-musgo .codewalk-lights i:last-child{background:color-mix(in srgb,var(--c-c2) 75%,transparent)}
+.th-musgo :is(.codewalk-language,.codewalk-footer){color:var(--muted)}.th-musgo .codewalk-footer{border-top-color:var(--line)}
+.th-musgo .code:not(.codewalk-editor .code){border:1px solid var(--line);border-radius:18px;padding-top:84px;background:radial-gradient(circle 9px at 38px 30px,color-mix(in srgb,var(--c-alert) 75%,transparent) 96%,transparent),radial-gradient(circle 9px at 66px 30px,color-mix(in srgb,var(--c-accent) 75%,transparent) 96%,transparent),radial-gradient(circle 9px at 94px 30px,color-mix(in srgb,var(--c-c2) 75%,transparent) 96%,transparent),linear-gradient(color-mix(in srgb,var(--surface) 90%,var(--bg)) 0 60px,var(--line) 60px 61px,color-mix(in srgb,var(--surface) 45%,var(--bg)) 61px);background-repeat:no-repeat}
+/* botões: âmbar cheio que sobe e clareia; o Voltar vazado com borda que acende */
+.th-musgo .api-run{border-radius:10px;font:600 26px 'Space Grotesk',sans-serif;box-shadow:none;transition:transform .2s,background-color .2s}
+.th-musgo .api-run:hover{transform:translateY(-2px);background:var(--fg);filter:none}
+.th-musgo .nav-back{border-radius:10px;background:transparent;border:1px solid var(--line);transition:border-color .2s,color .2s}
+.th-musgo .nav-back:hover{background:transparent;border-color:var(--hi);color:var(--hi)}

package/src/runtime/vendor/MAPLIBRE-LEAFLET-LICENSE.txt

@@ -0,0 +1,15 @@
+Copyright (c) 2021 MapLibre contributors
+
+Copyright (c) 2014, Mapbox
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/src/runtime/vendor/MAPLIBRE-LICENSE.txt

@@ -0,0 +1,116 @@
+Copyright (c) 2023, MapLibre contributors
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright notice,
+      this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright notice,
+      this list of conditions and the following disclaimer in the documentation
+      and/or other materials provided with the distribution.
+    * Neither the name of MapLibre GL JS nor the names of its contributors
+      may be used to endorse or promote products derived from this software
+      without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+-------------------------------------------------------------------------------
+
+Contains code from mapbox-gl-js v1.13 and earlier
+
+Version v1.13 of mapbox-gl-js and earlier are licensed under a BSD-3-Clause license
+
+Copyright (c) 2020, Mapbox
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice,
+  this list of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+* Neither the name of Mapbox GL JS nor the names of its contributors
+  may be used to endorse or promote products derived from this software
+  without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+-------------------------------------------------------------------------------
+
+Contains code from glfx.js
+
+Copyright (C) 2011 by Evan Wallace
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+Contains a portion of d3-color https://github.com/d3/d3-color
+
+Copyright 2010-2016 Mike Bostock
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the author nor the names of contributors may be used to
+  endorse or promote products derived from this software without specific prior
+  written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.