acai-ui 1.65.5

package/dist/index203.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index203.mjs","sources":["../src/components/chart/chart-cartesiano.vue"],"sourcesContent":["<template>\n  <g class=\"acai-chart-cartesiano\">\n    <!-- Grade primeiro: tudo o mais desenha por cima. -->\n    <g v-if=\"mostrarGrade\" class=\"acai-chart-cartesiano__grade\" aria-hidden=\"true\">\n      <line\n        v-for=\"tick in plano.ticks\"\n        :key=\"`g${tick.valor}`\"\n        :x1=\"plano.horizontal ? tick.posicao : plano.area.x\"\n        :y1=\"plano.horizontal ? plano.area.y : tick.posicao\"\n        :x2=\"plano.horizontal ? tick.posicao : plano.area.x + plano.area.largura\"\n        :y2=\"plano.horizontal ? plano.area.y + plano.area.altura : tick.posicao\"\n      />\n    </g>\n\n    <!-- Linha do zero mais forte que a grade: é a referência de leitura quando\n         há valor negativo. -->\n    <line\n      v-if=\"plano.zero !== null\"\n      class=\"acai-chart-cartesiano__zero\"\n      :x1=\"plano.horizontal ? plano.zero : plano.area.x\"\n      :y1=\"plano.horizontal ? plano.area.y : plano.zero\"\n      :x2=\"plano.horizontal ? plano.zero : plano.area.x + plano.area.largura\"\n      :y2=\"plano.horizontal ? plano.area.y + plano.area.altura : plano.zero\"\n    />\n\n    <!-- Rótulos do eixo de valor -->\n    <g class=\"acai-chart-cartesiano__ticks\" aria-hidden=\"true\">\n      <text\n        v-for=\"tick in plano.ticks\"\n        :key=\"`t${tick.valor}`\"\n        :x=\"plano.horizontal ? tick.posicao : plano.area.x - 8\"\n        :y=\"plano.horizontal ? plano.area.y + plano.area.altura + 14 : tick.posicao\"\n        :text-anchor=\"plano.horizontal ? 'middle' : 'end'\"\n        dominant-baseline=\"middle\"\n      >\n        {{ tick.rotulo }}\n      </text>\n    </g>\n\n    <!-- Rótulos do eixo de categoria -->\n    <g class=\"acai-chart-cartesiano__categorias\" aria-hidden=\"true\">\n      <text\n        v-for=\"(cat, i) in plano.categorias\"\n        :key=\"`c${i}`\"\n        :x=\"plano.horizontal ? plano.area.x - 8 : cat.centro\"\n        :y=\"plano.horizontal ? cat.centro : plano.area.y + plano.area.altura + 16\"\n        :text-anchor=\"ancoraCategoria\"\n        :dominant-baseline=\"plano.horizontal ? 'middle' : 'hanging'\"\n        :transform=\"transformeCategoria(cat)\"\n      >\n        <!-- Cada linha vira um tspan: `<text>` de SVG não quebra sozinho. -->\n        <tspan\n          v-for=\"(linha, l) in cat.linhas\"\n          :key=\"l\"\n          :x=\"plano.horizontal ? plano.area.x - 8 : cat.centro\"\n          :dy=\"l === 0 ? 0 : '1.15em'\"\n        >\n          {{ linha }}\n        </tspan>\n      </text>\n    </g>\n\n    <!-- Áreas antes das linhas, senão o preenchimento cobre o traço. -->\n    <g class=\"acai-chart-cartesiano__areas\">\n      <path\n        v-for=\"linha in plano.linhas\"\n        :key=\"`a${linha.chave}`\"\n        v-show=\"linha.dArea\"\n        :d=\"linha.dArea\"\n        :fill=\"linha.cor\"\n        opacity=\"0.18\"\n      />\n    </g>\n\n    <g class=\"acai-chart-cartesiano__barras\">\n      <path\n        v-for=\"barra in plano.barras\"\n        :key=\"barra.chave\"\n        :d=\"barra.d\"\n        :fill=\"barra.fantasma ? 'none' : barra.cor\"\n        :stroke=\"barra.fantasma ? barra.cor : 'none'\"\n        :stroke-width=\"barra.fantasma ? 1.5 : 0\"\n        :stroke-dasharray=\"barra.fantasma ? '4 3' : undefined\"\n        :class=\"{ 'acai-chart-cartesiano--apagado': apagada(barra.indiceSerie, barra.indicePonto) }\"\n      />\n      <!-- Hachura por CIMA da cor real, não no lugar dela: preserva colorBy. -->\n      <path\n        v-for=\"barra in plano.barras\"\n        v-show=\"padroes && !barra.fantasma\"\n        :key=\"`h${barra.chave}`\"\n        :d=\"barra.d\"\n        :fill=\"`url(#${idPadrao}-p${barra.indiceSerie % 5})`\"\n        :class=\"{ 'acai-chart-cartesiano--apagado': apagada(barra.indiceSerie, barra.indicePonto) }\"\n      />\n    </g>\n\n    <g class=\"acai-chart-cartesiano__linhas\">\n      <path\n        v-for=\"linha in plano.linhas\"\n        :key=\"linha.chave\"\n        :d=\"linha.d\"\n        fill=\"none\"\n        :stroke=\"linha.cor\"\n        stroke-width=\"2\"\n        stroke-linejoin=\"round\"\n        stroke-linecap=\"round\"\n        :stroke-dasharray=\"linha.tracejada ? '6 4' : undefined\"\n      />\n      <template v-for=\"linha in plano.linhas\" :key=\"`m${linha.chave}`\">\n        <path\n          v-for=\"marca in linha.marcadores\"\n          :key=\"`${linha.chave}-${marca.indicePonto}`\"\n          v-show=\"mostrarMarcadores\"\n          :d=\"marca.d\"\n          :fill=\"linha.cor\"\n          stroke=\"var(--acai-chart-surface)\"\n          stroke-width=\"1.5\"\n        />\n      </template>\n    </g>\n\n    <!-- Rótulo direto de valor por último: tem que ficar legível por cima. -->\n    <g class=\"acai-chart-cartesiano__valores\" aria-hidden=\"true\">\n      <text\n        v-for=\"barra in plano.barras\"\n        :key=\"`v${barra.chave}`\"\n        v-show=\"barra.rotulo\"\n        :x=\"barra.rotuloX\"\n        :y=\"barra.rotuloY\"\n        :text-anchor=\"plano.horizontal ? 'start' : 'middle'\"\n        dominant-baseline=\"middle\"\n      >\n        {{ barra.rotulo }}\n      </text>\n    </g>\n\n    <!-- Realce do ponto sob o foco de teclado / cursor. -->\n    <rect\n      v-if=\"realce\"\n      class=\"acai-chart-cartesiano__realce\"\n      :x=\"realce.x\"\n      :y=\"realce.y\"\n      :width=\"realce.largura\"\n      :height=\"realce.altura\"\n      rx=\"3\"\n    />\n  </g>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { CategoriaPlano, PlanoCartesiano } from './chart-plano'\n\nconst props = withDefaults(\n  defineProps<{\n    plano: PlanoCartesiano\n    // `| undefined` à mão em toda opcional: com `exactOptionalPropertyTypes`,\n    // repassar uma prop do pai que é `boolean | undefined` não compila contra\n    // um `?:` puro. Regra registrada no tsconfig da lib.\n    mostrarGrade?: boolean | undefined\n    /** Padrões de hachura ativos (acromatopsia / alto contraste / impressão). */\n    padroes?: boolean | undefined\n    /** Prefixo dos ids de `<pattern>`, vindo de `useId()` do pai. */\n    idPadrao?: string | undefined\n    /** Ponto sob foco de teclado ou cursor — desenha a faixa de realce. */\n    focado?: { indiceSerie: number; indicePonto: number } | null | undefined\n    /**\n     * Atenua as demais barras. Só no TECLADO: no hover isso faria o gráfico\n     * inteiro piscar a cada movimento do mouse, e o tooltip já diz onde se está.\n     */\n    atenuar?: boolean | undefined\n  }>(),\n  { mostrarGrade: true, padroes: false, idPadrao: '', focado: null, atenuar: false },\n)\n\n// Marcador em série longa vira sopa de círculos e mata a performance.\nconst mostrarMarcadores = computed(\n  () => (props.plano.categorias.length || 0) <= 50 && !props.plano.compacto,\n)\n\nconst ancoraCategoria = computed(() => {\n  if (props.plano.horizontal) return 'end'\n  return props.plano.rotacao === 0 ? 'middle' : 'end'\n})\n\nfunction transformeCategoria(cat: CategoriaPlano): string | undefined {\n  if (props.plano.horizontal || props.plano.rotacao === 0) return undefined\n  const y = props.plano.area.y + props.plano.area.altura + 12\n  return `rotate(${props.plano.rotacao} ${cat.centro} ${y})`\n}\n\nfunction apagada(indiceSerie: number, indicePonto: number): boolean {\n  if (!props.atenuar || !props.focado) return false\n  return props.focado.indiceSerie !== indiceSerie || props.focado.indicePonto !== indicePonto\n}\n\nconst realce = computed(() => {\n  if (!props.focado) return null\n  const cat = props.plano.categorias[props.focado.indicePonto]\n  if (!cat) return null\n  const a = props.plano.area\n  return props.plano.horizontal\n    ? { x: a.x, y: cat.inicio, largura: a.largura, altura: cat.largura }\n    : { x: cat.inicio, y: a.y, largura: cat.largura, altura: a.altura }\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-cartesiano {\n  &__grade line {\n    stroke: var(--acai-chart-grid);\n    stroke-width: 1;\n    shape-rendering: crispEdges;\n  }\n\n  &__zero {\n    stroke: var(--acai-chart-axis);\n    stroke-width: 1.5;\n    shape-rendering: crispEdges;\n  }\n\n  &__ticks text,\n  &__categorias text {\n    // rem e não atributo font-size: assim o texto segue a preferência de\n    // tamanho de fonte do usuário (html { font-size: X% }).\n    font-size: 0.75rem;\n    fill: var(--acai-chart-ink-muted);\n  }\n\n  &__valores text {\n    font-size: 0.6875rem;\n    font-weight: 600;\n    fill: var(--acai-chart-ink);\n  }\n\n  &__realce {\n    fill: var(--acai-control-on);\n    opacity: 0.1;\n    pointer-events: none;\n  }\n\n  // Ao focar um ponto, os demais recuam — sem sumir, senão perde-se o contexto.\n  &--apagado {\n    opacity: 0.35;\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_vShow","_normalizeClass"],"mappings":"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"}

package/dist/index205.cjs

@@ -0,0 +1,112 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { class: "acai-chart-gauge" };
+const _hoisted_2 = ["d", "stroke", "stroke-width"];
+const _hoisted_3 = ["d", "stroke-width"];
+const _hoisted_4 = ["d", "stroke", "stroke-width"];
+const _hoisted_5 = ["d"];
+const _hoisted_6 = ["d"];
+const _hoisted_7 = ["d", "fill"];
+const _hoisted_8 = ["d"];
+const _hoisted_9 = {
+  key: 6,
+  class: "acai-chart-gauge__escala",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = ["x", "y"];
+const _hoisted_11 = ["x", "y"];
+const _hoisted_12 = {
+  class: "acai-chart-gauge__centro",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = ["x", "y"];
+const _hoisted_14 = ["x", "y"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "chart-gauge",
+  props: {
+    plano: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const progressoEspessura = vue.computed(
+      () => props.plano.faixas.length > 0 ? Math.max(4, props.plano.espessura * 0.45) : props.plano.espessura
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("g", _hoisted_1, [
+        __props.plano.faixas.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.plano.faixas, (faixa) => {
+          return vue.openBlock(), vue.createElementBlock("path", {
+            key: faixa.chave,
+            class: "acai-chart-gauge__arco",
+            d: faixa.d,
+            stroke: faixa.cor,
+            "stroke-width": __props.plano.espessura
+          }, null, 8, _hoisted_2);
+        }), 128)) : (vue.openBlock(), vue.createElementBlock("path", {
+          key: 1,
+          class: "acai-chart-gauge__arco acai-chart-gauge__trilho",
+          d: __props.plano.dTrilho,
+          "stroke-width": __props.plano.espessura
+        }, null, 8, _hoisted_3)),
+        __props.plano.dProgresso ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 2,
+          class: vue.normalizeClass(["acai-chart-gauge__arco acai-chart-gauge__progresso", { "acai-chart-gauge__progresso--sobre-faixas": __props.plano.faixas.length > 0 }]),
+          d: __props.plano.dProgresso,
+          stroke: __props.plano.cor,
+          "stroke-width": progressoEspessura.value
+        }, null, 10, _hoisted_4)) : vue.createCommentVNode("", true),
+        __props.plano.dMarcadorValor ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          vue.createElementVNode("path", {
+            class: "acai-chart-gauge__marcador-halo",
+            d: __props.plano.dMarcadorValor
+          }, null, 8, _hoisted_5),
+          vue.createElementVNode("path", {
+            class: "acai-chart-gauge__marcador",
+            d: __props.plano.dMarcadorValor
+          }, null, 8, _hoisted_6)
+        ], 64)) : vue.createCommentVNode("", true),
+        __props.plano.dPonteiro ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 4,
+          class: "acai-chart-gauge__ponteiro",
+          d: __props.plano.dPonteiro,
+          fill: __props.plano.cor
+        }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true),
+        __props.plano.dEixoPonteiro ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 5,
+          class: "acai-chart-gauge__eixo",
+          d: __props.plano.dEixoPonteiro
+        }, null, 8, _hoisted_8)) : vue.createCommentVNode("", true),
+        __props.plano.mostrarEscala ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_9, [
+          vue.createElementVNode("text", {
+            x: __props.plano.minX,
+            y: __props.plano.rotulosY,
+            "text-anchor": "middle"
+          }, vue.toDisplayString(__props.plano.minFormatado), 9, _hoisted_10),
+          vue.createElementVNode("text", {
+            x: __props.plano.maxX,
+            y: __props.plano.rotulosY,
+            "text-anchor": "middle"
+          }, vue.toDisplayString(__props.plano.maxFormatado), 9, _hoisted_11)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("g", _hoisted_12, [
+          vue.createElementVNode("text", {
+            class: "acai-chart-gauge__valor",
+            x: __props.plano.textoX,
+            y: __props.plano.textoY,
+            "text-anchor": "middle",
+            "dominant-baseline": "auto"
+          }, vue.toDisplayString(__props.plano.valorFormatado), 9, _hoisted_13),
+          __props.plano.legenda ? (vue.openBlock(), vue.createElementBlock("text", {
+            key: 0,
+            class: "acai-chart-gauge__legenda",
+            x: __props.plano.textoX,
+            y: __props.plano.legendaY,
+            "text-anchor": "middle",
+            "dominant-baseline": "auto"
+          }, vue.toDisplayString(__props.plano.legenda), 9, _hoisted_14)) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index205.cjs.map

package/dist/index205.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index205.cjs","sources":["../src/components/chart/chart-gauge.vue"],"sourcesContent":["<template>\n  <g class=\"acai-chart-gauge\">\n    <!--\n      Trilho: as faixas de threshold quando pedidas, senão um arco neutro só.\n      O trilho existe mesmo com valor nulo — é o que diz \"a escala vai até aqui\",\n      e sem ele um valor baixo pareceria um gráfico quebrado.\n    -->\n    <template v-if=\"plano.faixas.length > 0\">\n      <path\n        v-for=\"faixa in plano.faixas\"\n        :key=\"faixa.chave\"\n        class=\"acai-chart-gauge__arco\"\n        :d=\"faixa.d\"\n        :stroke=\"faixa.cor\"\n        :stroke-width=\"plano.espessura\"\n      />\n    </template>\n    <path\n      v-else\n      class=\"acai-chart-gauge__arco acai-chart-gauge__trilho\"\n      :d=\"plano.dTrilho\"\n      :stroke-width=\"plano.espessura\"\n    />\n\n    <path\n      v-if=\"plano.dProgresso\"\n      class=\"acai-chart-gauge__arco acai-chart-gauge__progresso\"\n      :class=\"{ 'acai-chart-gauge__progresso--sobre-faixas': plano.faixas.length > 0 }\"\n      :d=\"plano.dProgresso\"\n      :stroke=\"plano.cor\"\n      :stroke-width=\"progressoEspessura\"\n    />\n\n    <!--\n      Halo primeiro, traço depois: o marcador tem que ser legível sobre verde,\n      amarelo ou vermelho, e escolher tinta clara ou escura por faixa não escala.\n      Mesma solução do rótulo interno da pizza.\n    -->\n    <template v-if=\"plano.dMarcadorValor\">\n      <path class=\"acai-chart-gauge__marcador-halo\" :d=\"plano.dMarcadorValor\" />\n      <path class=\"acai-chart-gauge__marcador\" :d=\"plano.dMarcadorValor\" />\n    </template>\n\n    <path v-if=\"plano.dPonteiro\" class=\"acai-chart-gauge__ponteiro\" :d=\"plano.dPonteiro\" :fill=\"plano.cor\" />\n    <path v-if=\"plano.dEixoPonteiro\" class=\"acai-chart-gauge__eixo\" :d=\"plano.dEixoPonteiro\" />\n\n    <!--\n      Rótulos das pontas. Sem eles o arco não tem escala: 40% preenchido pode ser\n      40 de 100 ou 400 de 1000, e o leitor não tem como saber.\n    -->\n    <g v-if=\"plano.mostrarEscala\" class=\"acai-chart-gauge__escala\" aria-hidden=\"true\">\n      <text :x=\"plano.minX\" :y=\"plano.rotulosY\" text-anchor=\"middle\">{{ plano.minFormatado }}</text>\n      <text :x=\"plano.maxX\" :y=\"plano.rotulosY\" text-anchor=\"middle\">{{ plano.maxFormatado }}</text>\n    </g>\n\n    <!-- Número dentro do SVG de propósito: overlay HTML não entra no export. -->\n    <g class=\"acai-chart-gauge__centro\" aria-hidden=\"true\">\n      <text\n        class=\"acai-chart-gauge__valor\"\n        :x=\"plano.textoX\"\n        :y=\"plano.textoY\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"auto\"\n      >\n        {{ plano.valorFormatado }}\n      </text>\n      <text\n        v-if=\"plano.legenda\"\n        class=\"acai-chart-gauge__legenda\"\n        :x=\"plano.textoX\"\n        :y=\"plano.legendaY\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"auto\"\n      >\n        {{ plano.legenda }}\n      </text>\n    </g>\n  </g>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { PlanoGauge } from './chart-plano'\n\nconst props = defineProps<{ plano: PlanoGauge }>()\n\n/**\n * Sobre as faixas coloridas o progresso desenha mais FINO, centrado no mesmo\n * raio: com a espessura cheia ele cobriria as faixas e a escala de risco que\n * elas mostram desapareceria justo no trecho que interessa.\n */\nconst progressoEspessura = computed(() =>\n  props.plano.faixas.length > 0 ? Math.max(4, props.plano.espessura * 0.45) : props.plano.espessura,\n)\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-gauge {\n  &__arco {\n    fill: none;\n    // Ponta redonda: é o que dá o acabamento de medidor. Em valor muito baixo o\n    // cap ainda desenha um pinguinho — melhor que o arco sumir.\n    stroke-linecap: round;\n  }\n\n  &__trilho {\n    stroke: var(--acai-chart-track);\n  }\n\n  &__marcador-halo {\n    fill: none;\n    stroke: var(--acai-chart-surface);\n    stroke-width: 5;\n    stroke-linecap: round;\n  }\n\n  &__marcador {\n    fill: none;\n    stroke: var(--acai-chart-ink);\n    stroke-width: 2.5;\n    stroke-linecap: round;\n  }\n\n  &__ponteiro {\n    stroke: var(--acai-chart-surface);\n    stroke-width: 1;\n  }\n\n  &__eixo {\n    fill: var(--acai-chart-surface);\n    stroke: var(--acai-chart-axis);\n    stroke-width: 1.5;\n  }\n\n  &__escala text {\n    // rem e não atributo: acompanha a preferência de tamanho de fonte.\n    font-size: 0.6875rem;\n    fill: var(--acai-chart-ink-muted);\n  }\n\n  &__valor {\n    font-size: 1.75rem;\n    font-weight: 700;\n    fill: var(--acai-chart-ink);\n  }\n\n  &__legenda {\n    font-size: 0.75rem;\n    fill: var(--acai-chart-ink-muted);\n  }\n}\n</style>\n"],"names":["computed","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,UAAM,QAAQ;AAOd,UAAM,qBAAqBA,IAAAA;AAAAA,MAAS,MAClC,MAAM,MAAM,OAAO,SAAS,IAAI,KAAK,IAAI,GAAG,MAAM,MAAM,YAAY,IAAI,IAAI,MAAM,MAAM;AAAA,IAAA;;AA3FxF,aAAAC,cAAA,GAAAC,uBA4EI,KA5EJ,YA4EI;AAAA,QAtEc,QAAA,MAAM,OAAO,SAAM,KACjCD,IAAAA,UAAA,IAAA,GAAAC,IAAAA,mBAOEC,IAAAA,UAAA,EAAA,KAAA,KAAAC,IAAAA,WANgB,QAAA,MAAM,SAAf,UAAK;kCADdF,IAAAA,mBAOE,QAAA;AAAA,YALC,KAAK,MAAM;AAAA,YACZ,OAAM;AAAA,YACL,GAAG,MAAM;AAAA,YACT,QAAQ,MAAM;AAAA,YACd,gBAAc,QAAA,MAAM;AAAA,UAAA;sCAGzBA,IAAAA,mBAKE,QAAA;AAAA;UAHA,OAAM;AAAA,UACL,GAAG,QAAA,MAAM;AAAA,UACT,gBAAc,QAAA,MAAM;AAAA,QAAA;QAIf,QAAA,MAAM,+BADdA,IAAAA,mBAOE,QAAA;AAAA;UALA,2BAAM,sDAAoD,EAAA,6CACH,cAAM,OAAO,SAAM,EAAA,CAAA,CAAA;AAAA,UACzE,GAAG,QAAA,MAAM;AAAA,UACT,QAAQ,QAAA,MAAM;AAAA,UACd,gBAAc,mBAAA;AAAA,QAAA;QAQD,QAAA,MAAM,mCAAtBA,IAAAA,mBAGWC,cAAA,EAAA,KAAA,KAAA;AAAA,UAFTE,IAAAA,mBAA0E,QAAA;AAAA,YAApE,OAAM;AAAA,YAAmC,GAAG,QAAA,MAAM;AAAA,UAAA;UACxDA,IAAAA,mBAAqE,QAAA;AAAA,YAA/D,OAAM;AAAA,YAA8B,GAAG,QAAA,MAAM;AAAA,UAAA;;QAGzC,QAAA,MAAM,8BAAlBH,IAAAA,mBAAyG,QAAA;AAAA;UAA5E,OAAM;AAAA,UAA8B,GAAG,QAAA,MAAM;AAAA,UAAY,MAAM,QAAA,MAAM;AAAA,QAAA;QACtF,QAAA,MAAM,kCAAlBA,IAAAA,mBAA2F,QAAA;AAAA;UAA1D,OAAM;AAAA,UAA0B,GAAG,QAAA,MAAM;AAAA,QAAA;QAMjE,QAAA,MAAM,iBAAfD,IAAAA,aAAAC,IAAAA,mBAGI,KAHJ,YAGI;AAAA,UAFFG,IAAAA,mBAA8F,QAAA;AAAA,YAAvF,GAAG,QAAA,MAAM;AAAA,YAAO,GAAG,QAAA,MAAM;AAAA,YAAU,eAAY;AAAA,UAAA,GAAYC,IAAAA,gBAAA,QAAA,MAAM,YAAY,GAAA,GAAA,WAAA;AAAA,UACpFD,IAAAA,mBAA8F,QAAA;AAAA,YAAvF,GAAG,QAAA,MAAM;AAAA,YAAO,GAAG,QAAA,MAAM;AAAA,YAAU,eAAY;AAAA,UAAA,GAAYC,IAAAA,gBAAA,QAAA,MAAM,YAAY,GAAA,GAAA,WAAA;AAAA,QAAA;QAItFD,IAAAA,mBAoBI,KApBJ,aAoBI;AAAA,UAnBFA,IAAAA,mBAQO,QAAA;AAAA,YAPL,OAAM;AAAA,YACL,GAAG,QAAA,MAAM;AAAA,YACT,GAAG,QAAA,MAAM;AAAA,YACV,eAAY;AAAA,YACZ,qBAAkB;AAAA,UAAA,GAEfC,IAAAA,gBAAA,QAAA,MAAM,cAAc,GAAA,GAAA,WAAA;AAAA,UAGjB,QAAA,MAAM,4BADdJ,IAAAA,mBASO,QAAA;AAAA;YAPL,OAAM;AAAA,YACL,GAAG,QAAA,MAAM;AAAA,YACT,GAAG,QAAA,MAAM;AAAA,YACV,eAAY;AAAA,YACZ,qBAAkB;AAAA,UAAA,GAEfI,IAAAA,gBAAA,QAAA,MAAM,OAAO,GAAA,GAAA,WAAA;;;;;;;"}

package/dist/index205.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "acai-chart-gauge" };
+const _hoisted_2 = ["d", "stroke", "stroke-width"];
+const _hoisted_3 = ["d", "stroke-width"];
+const _hoisted_4 = ["d", "stroke", "stroke-width"];
+const _hoisted_5 = ["d"];
+const _hoisted_6 = ["d"];
+const _hoisted_7 = ["d", "fill"];
+const _hoisted_8 = ["d"];
+const _hoisted_9 = {
+  key: 6,
+  class: "acai-chart-gauge__escala",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = ["x", "y"];
+const _hoisted_11 = ["x", "y"];
+const _hoisted_12 = {
+  class: "acai-chart-gauge__centro",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = ["x", "y"];
+const _hoisted_14 = ["x", "y"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "chart-gauge",
+  props: {
+    plano: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const progressoEspessura = computed(
+      () => props.plano.faixas.length > 0 ? Math.max(4, props.plano.espessura * 0.45) : props.plano.espessura
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("g", _hoisted_1, [
+        __props.plano.faixas.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.plano.faixas, (faixa) => {
+          return openBlock(), createElementBlock("path", {
+            key: faixa.chave,
+            class: "acai-chart-gauge__arco",
+            d: faixa.d,
+            stroke: faixa.cor,
+            "stroke-width": __props.plano.espessura
+          }, null, 8, _hoisted_2);
+        }), 128)) : (openBlock(), createElementBlock("path", {
+          key: 1,
+          class: "acai-chart-gauge__arco acai-chart-gauge__trilho",
+          d: __props.plano.dTrilho,
+          "stroke-width": __props.plano.espessura
+        }, null, 8, _hoisted_3)),
+        __props.plano.dProgresso ? (openBlock(), createElementBlock("path", {
+          key: 2,
+          class: normalizeClass(["acai-chart-gauge__arco acai-chart-gauge__progresso", { "acai-chart-gauge__progresso--sobre-faixas": __props.plano.faixas.length > 0 }]),
+          d: __props.plano.dProgresso,
+          stroke: __props.plano.cor,
+          "stroke-width": progressoEspessura.value
+        }, null, 10, _hoisted_4)) : createCommentVNode("", true),
+        __props.plano.dMarcadorValor ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          createElementVNode("path", {
+            class: "acai-chart-gauge__marcador-halo",
+            d: __props.plano.dMarcadorValor
+          }, null, 8, _hoisted_5),
+          createElementVNode("path", {
+            class: "acai-chart-gauge__marcador",
+            d: __props.plano.dMarcadorValor
+          }, null, 8, _hoisted_6)
+        ], 64)) : createCommentVNode("", true),
+        __props.plano.dPonteiro ? (openBlock(), createElementBlock("path", {
+          key: 4,
+          class: "acai-chart-gauge__ponteiro",
+          d: __props.plano.dPonteiro,
+          fill: __props.plano.cor
+        }, null, 8, _hoisted_7)) : createCommentVNode("", true),
+        __props.plano.dEixoPonteiro ? (openBlock(), createElementBlock("path", {
+          key: 5,
+          class: "acai-chart-gauge__eixo",
+          d: __props.plano.dEixoPonteiro
+        }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+        __props.plano.mostrarEscala ? (openBlock(), createElementBlock("g", _hoisted_9, [
+          createElementVNode("text", {
+            x: __props.plano.minX,
+            y: __props.plano.rotulosY,
+            "text-anchor": "middle"
+          }, toDisplayString(__props.plano.minFormatado), 9, _hoisted_10),
+          createElementVNode("text", {
+            x: __props.plano.maxX,
+            y: __props.plano.rotulosY,
+            "text-anchor": "middle"
+          }, toDisplayString(__props.plano.maxFormatado), 9, _hoisted_11)
+        ])) : createCommentVNode("", true),
+        createElementVNode("g", _hoisted_12, [
+          createElementVNode("text", {
+            class: "acai-chart-gauge__valor",
+            x: __props.plano.textoX,
+            y: __props.plano.textoY,
+            "text-anchor": "middle",
+            "dominant-baseline": "auto"
+          }, toDisplayString(__props.plano.valorFormatado), 9, _hoisted_13),
+          __props.plano.legenda ? (openBlock(), createElementBlock("text", {
+            key: 0,
+            class: "acai-chart-gauge__legenda",
+            x: __props.plano.textoX,
+            y: __props.plano.legendaY,
+            "text-anchor": "middle",
+            "dominant-baseline": "auto"
+          }, toDisplayString(__props.plano.legenda), 9, _hoisted_14)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index205.mjs.map

package/dist/index205.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index205.mjs","sources":["../src/components/chart/chart-gauge.vue"],"sourcesContent":["<template>\n  <g class=\"acai-chart-gauge\">\n    <!--\n      Trilho: as faixas de threshold quando pedidas, senão um arco neutro só.\n      O trilho existe mesmo com valor nulo — é o que diz \"a escala vai até aqui\",\n      e sem ele um valor baixo pareceria um gráfico quebrado.\n    -->\n    <template v-if=\"plano.faixas.length > 0\">\n      <path\n        v-for=\"faixa in plano.faixas\"\n        :key=\"faixa.chave\"\n        class=\"acai-chart-gauge__arco\"\n        :d=\"faixa.d\"\n        :stroke=\"faixa.cor\"\n        :stroke-width=\"plano.espessura\"\n      />\n    </template>\n    <path\n      v-else\n      class=\"acai-chart-gauge__arco acai-chart-gauge__trilho\"\n      :d=\"plano.dTrilho\"\n      :stroke-width=\"plano.espessura\"\n    />\n\n    <path\n      v-if=\"plano.dProgresso\"\n      class=\"acai-chart-gauge__arco acai-chart-gauge__progresso\"\n      :class=\"{ 'acai-chart-gauge__progresso--sobre-faixas': plano.faixas.length > 0 }\"\n      :d=\"plano.dProgresso\"\n      :stroke=\"plano.cor\"\n      :stroke-width=\"progressoEspessura\"\n    />\n\n    <!--\n      Halo primeiro, traço depois: o marcador tem que ser legível sobre verde,\n      amarelo ou vermelho, e escolher tinta clara ou escura por faixa não escala.\n      Mesma solução do rótulo interno da pizza.\n    -->\n    <template v-if=\"plano.dMarcadorValor\">\n      <path class=\"acai-chart-gauge__marcador-halo\" :d=\"plano.dMarcadorValor\" />\n      <path class=\"acai-chart-gauge__marcador\" :d=\"plano.dMarcadorValor\" />\n    </template>\n\n    <path v-if=\"plano.dPonteiro\" class=\"acai-chart-gauge__ponteiro\" :d=\"plano.dPonteiro\" :fill=\"plano.cor\" />\n    <path v-if=\"plano.dEixoPonteiro\" class=\"acai-chart-gauge__eixo\" :d=\"plano.dEixoPonteiro\" />\n\n    <!--\n      Rótulos das pontas. Sem eles o arco não tem escala: 40% preenchido pode ser\n      40 de 100 ou 400 de 1000, e o leitor não tem como saber.\n    -->\n    <g v-if=\"plano.mostrarEscala\" class=\"acai-chart-gauge__escala\" aria-hidden=\"true\">\n      <text :x=\"plano.minX\" :y=\"plano.rotulosY\" text-anchor=\"middle\">{{ plano.minFormatado }}</text>\n      <text :x=\"plano.maxX\" :y=\"plano.rotulosY\" text-anchor=\"middle\">{{ plano.maxFormatado }}</text>\n    </g>\n\n    <!-- Número dentro do SVG de propósito: overlay HTML não entra no export. -->\n    <g class=\"acai-chart-gauge__centro\" aria-hidden=\"true\">\n      <text\n        class=\"acai-chart-gauge__valor\"\n        :x=\"plano.textoX\"\n        :y=\"plano.textoY\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"auto\"\n      >\n        {{ plano.valorFormatado }}\n      </text>\n      <text\n        v-if=\"plano.legenda\"\n        class=\"acai-chart-gauge__legenda\"\n        :x=\"plano.textoX\"\n        :y=\"plano.legendaY\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"auto\"\n      >\n        {{ plano.legenda }}\n      </text>\n    </g>\n  </g>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { PlanoGauge } from './chart-plano'\n\nconst props = defineProps<{ plano: PlanoGauge }>()\n\n/**\n * Sobre as faixas coloridas o progresso desenha mais FINO, centrado no mesmo\n * raio: com a espessura cheia ele cobriria as faixas e a escala de risco que\n * elas mostram desapareceria justo no trecho que interessa.\n */\nconst progressoEspessura = computed(() =>\n  props.plano.faixas.length > 0 ? Math.max(4, props.plano.espessura * 0.45) : props.plano.espessura,\n)\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-gauge {\n  &__arco {\n    fill: none;\n    // Ponta redonda: é o que dá o acabamento de medidor. Em valor muito baixo o\n    // cap ainda desenha um pinguinho — melhor que o arco sumir.\n    stroke-linecap: round;\n  }\n\n  &__trilho {\n    stroke: var(--acai-chart-track);\n  }\n\n  &__marcador-halo {\n    fill: none;\n    stroke: var(--acai-chart-surface);\n    stroke-width: 5;\n    stroke-linecap: round;\n  }\n\n  &__marcador {\n    fill: none;\n    stroke: var(--acai-chart-ink);\n    stroke-width: 2.5;\n    stroke-linecap: round;\n  }\n\n  &__ponteiro {\n    stroke: var(--acai-chart-surface);\n    stroke-width: 1;\n  }\n\n  &__eixo {\n    fill: var(--acai-chart-surface);\n    stroke: var(--acai-chart-axis);\n    stroke-width: 1.5;\n  }\n\n  &__escala text {\n    // rem e não atributo: acompanha a preferência de tamanho de fonte.\n    font-size: 0.6875rem;\n    fill: var(--acai-chart-ink-muted);\n  }\n\n  &__valor {\n    font-size: 1.75rem;\n    font-weight: 700;\n    fill: var(--acai-chart-ink);\n  }\n\n  &__legenda {\n    font-size: 0.75rem;\n    fill: var(--acai-chart-ink-muted);\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,UAAM,QAAQ;AAOd,UAAM,qBAAqB;AAAA,MAAS,MAClC,MAAM,MAAM,OAAO,SAAS,IAAI,KAAK,IAAI,GAAG,MAAM,MAAM,YAAY,IAAI,IAAI,MAAM,MAAM;AAAA,IAAA;;AA3FxF,aAAAA,UAAA,GAAAC,mBA4EI,KA5EJ,YA4EI;AAAA,QAtEc,QAAA,MAAM,OAAO,SAAM,KACjCD,UAAA,IAAA,GAAAC,mBAOEC,UAAA,EAAA,KAAA,KAAAC,WANgB,QAAA,MAAM,SAAf,UAAK;8BADdF,mBAOE,QAAA;AAAA,YALC,KAAK,MAAM;AAAA,YACZ,OAAM;AAAA,YACL,GAAG,MAAM;AAAA,YACT,QAAQ,MAAM;AAAA,YACd,gBAAc,QAAA,MAAM;AAAA,UAAA;kCAGzBA,mBAKE,QAAA;AAAA;UAHA,OAAM;AAAA,UACL,GAAG,QAAA,MAAM;AAAA,UACT,gBAAc,QAAA,MAAM;AAAA,QAAA;QAIf,QAAA,MAAM,2BADdA,mBAOE,QAAA;AAAA;UALA,uBAAM,sDAAoD,EAAA,6CACH,cAAM,OAAO,SAAM,EAAA,CAAA,CAAA;AAAA,UACzE,GAAG,QAAA,MAAM;AAAA,UACT,QAAQ,QAAA,MAAM;AAAA,UACd,gBAAc,mBAAA;AAAA,QAAA;QAQD,QAAA,MAAM,+BAAtBA,mBAGWC,UAAA,EAAA,KAAA,KAAA;AAAA,UAFTE,mBAA0E,QAAA;AAAA,YAApE,OAAM;AAAA,YAAmC,GAAG,QAAA,MAAM;AAAA,UAAA;UACxDA,mBAAqE,QAAA;AAAA,YAA/D,OAAM;AAAA,YAA8B,GAAG,QAAA,MAAM;AAAA,UAAA;;QAGzC,QAAA,MAAM,0BAAlBH,mBAAyG,QAAA;AAAA;UAA5E,OAAM;AAAA,UAA8B,GAAG,QAAA,MAAM;AAAA,UAAY,MAAM,QAAA,MAAM;AAAA,QAAA;QACtF,QAAA,MAAM,8BAAlBA,mBAA2F,QAAA;AAAA;UAA1D,OAAM;AAAA,UAA0B,GAAG,QAAA,MAAM;AAAA,QAAA;QAMjE,QAAA,MAAM,iBAAfD,aAAAC,mBAGI,KAHJ,YAGI;AAAA,UAFFG,mBAA8F,QAAA;AAAA,YAAvF,GAAG,QAAA,MAAM;AAAA,YAAO,GAAG,QAAA,MAAM;AAAA,YAAU,eAAY;AAAA,UAAA,GAAYC,gBAAA,QAAA,MAAM,YAAY,GAAA,GAAA,WAAA;AAAA,UACpFD,mBAA8F,QAAA;AAAA,YAAvF,GAAG,QAAA,MAAM;AAAA,YAAO,GAAG,QAAA,MAAM;AAAA,YAAU,eAAY;AAAA,UAAA,GAAYC,gBAAA,QAAA,MAAM,YAAY,GAAA,GAAA,WAAA;AAAA,QAAA;QAItFD,mBAoBI,KApBJ,aAoBI;AAAA,UAnBFA,mBAQO,QAAA;AAAA,YAPL,OAAM;AAAA,YACL,GAAG,QAAA,MAAM;AAAA,YACT,GAAG,QAAA,MAAM;AAAA,YACV,eAAY;AAAA,YACZ,qBAAkB;AAAA,UAAA,GAEfC,gBAAA,QAAA,MAAM,cAAc,GAAA,GAAA,WAAA;AAAA,UAGjB,QAAA,MAAM,wBADdJ,mBASO,QAAA;AAAA;YAPL,OAAM;AAAA,YACL,GAAG,QAAA,MAAM;AAAA,YACT,GAAG,QAAA,MAAM;AAAA,YACV,eAAY;AAAA,YACZ,qBAAkB;AAAA,UAAA,GAEfI,gBAAA,QAAA,MAAM,OAAO,GAAA,GAAA,WAAA;;;;;;"}

package/dist/index207.cjs

@@ -0,0 +1,112 @@
+"use strict";
+const vue = require("vue");
+const chartRotulos = require("./index215.cjs");
+const _hoisted_1 = { class: "acai-chart-pizza" };
+const _hoisted_2 = ["d", "fill"];
+const _hoisted_3 = ["d", "fill"];
+const _hoisted_4 = ["d"];
+const _hoisted_5 = {
+  class: "acai-chart-pizza__guias",
+  "aria-hidden": "true"
+};
+const _hoisted_6 = ["d"];
+const _hoisted_7 = {
+  class: "acai-chart-pizza__rotulos",
+  "aria-hidden": "true"
+};
+const _hoisted_8 = ["x", "y", "text-anchor"];
+const _hoisted_9 = ["x"];
+const _hoisted_10 = ["x"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "chart-pizza",
+  props: {
+    plano: {},
+    padroes: { type: Boolean, default: false },
+    idPadrao: { default: "" },
+    focado: { default: null },
+    atenuar: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const externas = vue.computed(() => props.plano.fatias.filter((f) => f.linhaGuia));
+    const fatiaFocada = vue.computed(() => {
+      if (!props.focado) return null;
+      return props.plano.fatias.find((f) => {
+        var _a;
+        return f.indicePonto === ((_a = props.focado) == null ? void 0 : _a.indicePonto);
+      }) ?? null;
+    });
+    function apagada(indicePonto) {
+      if (!props.atenuar || !props.focado) return false;
+      return props.focado.indicePonto !== indicePonto;
+    }
+    function encurtar(rotulo) {
+      return chartRotulos.truncarRotulo(rotulo, props.plano.compacto ? 10 : 16);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("g", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.plano.fatias, (fatia) => {
+          return vue.openBlock(), vue.createElementBlock("g", {
+            key: fatia.chave
+          }, [
+            vue.createElementVNode("path", {
+              d: fatia.d,
+              fill: fatia.cor,
+              class: vue.normalizeClass({ "acai-chart-pizza--apagada": apagada(fatia.indicePonto) }),
+              stroke: "var(--acai-chart-surface)",
+              "stroke-width": "1.5"
+            }, null, 10, _hoisted_2),
+            vue.withDirectives(vue.createElementVNode("path", {
+              d: fatia.d,
+              fill: `url(#${__props.idPadrao}-p${fatia.indicePonto % 5})`,
+              class: vue.normalizeClass({ "acai-chart-pizza--apagada": apagada(fatia.indicePonto) })
+            }, null, 10, _hoisted_3), [
+              [vue.vShow, __props.padroes]
+            ])
+          ]);
+        }), 128)),
+        fatiaFocada.value ? (vue.openBlock(), vue.createElementBlock("path", {
+          key: 0,
+          class: "acai-chart-pizza__realce",
+          d: fatiaFocada.value.d
+        }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("g", _hoisted_5, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(externas.value, (fatia) => {
+            return vue.openBlock(), vue.createElementBlock("path", {
+              key: `g${fatia.chave}`,
+              d: fatia.linhaGuia
+            }, null, 8, _hoisted_6);
+          }), 128))
+        ]),
+        vue.createElementVNode("g", _hoisted_7, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.plano.fatias, (fatia) => {
+            return vue.openBlock(), vue.createElementBlock("text", {
+              key: `r${fatia.chave}`,
+              x: fatia.rotuloX,
+              y: fatia.rotuloY,
+              "text-anchor": fatia.ancora,
+              class: vue.normalizeClass(fatia.dentro ? "acai-chart-pizza__rotulo--dentro" : "acai-chart-pizza__rotulo--fora"),
+              "dominant-baseline": "middle"
+            }, [
+              fatia.dentro ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(fatia.percentual), 1)
+              ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createElementVNode("tspan", {
+                  x: fatia.rotuloX,
+                  dy: "-0.55em"
+                }, vue.toDisplayString(encurtar(fatia.rotulo)), 9, _hoisted_9),
+                vue.createElementVNode("tspan", {
+                  x: fatia.rotuloX,
+                  dy: "1.15em",
+                  class: "acai-chart-pizza__pct"
+                }, vue.toDisplayString(fatia.valorFormatado) + " · " + vue.toDisplayString(fatia.percentual), 9, _hoisted_10)
+              ], 64))
+            ], 10, _hoisted_8);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index207.cjs.map

package/dist/index207.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index207.cjs","sources":["../src/components/chart/chart-pizza.vue"],"sourcesContent":["<template>\n  <g class=\"acai-chart-pizza\">\n    <g v-for=\"fatia in plano.fatias\" :key=\"fatia.chave\">\n      <path\n        :d=\"fatia.d\"\n        :fill=\"fatia.cor\"\n        :class=\"{ 'acai-chart-pizza--apagada': apagada(fatia.indicePonto) }\"\n        stroke=\"var(--acai-chart-surface)\"\n        stroke-width=\"1.5\"\n      />\n      <!-- Hachura por CIMA da cor real, pra não substituir o colorBy. -->\n      <path\n        v-show=\"padroes\"\n        :d=\"fatia.d\"\n        :fill=\"`url(#${idPadrao}-p${fatia.indicePonto % 5})`\"\n        :class=\"{ 'acai-chart-pizza--apagada': apagada(fatia.indicePonto) }\"\n      />\n    </g>\n\n    <!-- Realce: anel por fora da fatia focada. Deslocar a fatia mexeria na\n         geometria de todas as outras e faria o gráfico \"pular\". -->\n    <path\n      v-if=\"fatiaFocada\"\n      class=\"acai-chart-pizza__realce\"\n      :d=\"fatiaFocada.d\"\n    />\n\n    <!--\n      Rótulos por último, sempre por cima. Em pizza eles NÃO são enfeite: como\n      só 2 a 4 cores se separam entre TODOS os pares (e aqui toda fatia toca\n      todas), o rótulo é o canal primário de leitura.\n    -->\n    <g class=\"acai-chart-pizza__guias\" aria-hidden=\"true\">\n      <path v-for=\"fatia in externas\" :key=\"`g${fatia.chave}`\" :d=\"fatia.linhaGuia\" />\n    </g>\n\n    <g class=\"acai-chart-pizza__rotulos\" aria-hidden=\"true\">\n      <text\n        v-for=\"fatia in plano.fatias\"\n        :key=\"`r${fatia.chave}`\"\n        :x=\"fatia.rotuloX\"\n        :y=\"fatia.rotuloY\"\n        :text-anchor=\"fatia.ancora\"\n        :class=\"fatia.dentro ? 'acai-chart-pizza__rotulo--dentro' : 'acai-chart-pizza__rotulo--fora'\"\n        dominant-baseline=\"middle\"\n      >\n        <template v-if=\"fatia.dentro\">{{ fatia.percentual }}</template>\n        <template v-else>\n          <tspan :x=\"fatia.rotuloX\" dy=\"-0.55em\">{{ encurtar(fatia.rotulo) }}</tspan>\n          <!-- Valor + percentual: só a porcentagem esconde a grandeza, e num\n               relatório de governo o número absoluto é o que se confere. -->\n          <tspan :x=\"fatia.rotuloX\" dy=\"1.15em\" class=\"acai-chart-pizza__pct\">\n            {{ fatia.valorFormatado }} · {{ fatia.percentual }}\n          </tspan>\n        </template>\n      </text>\n    </g>\n  </g>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { truncarRotulo } from './chart-rotulos'\nimport type { PlanoPizza } from './chart-plano'\n\nconst props = withDefaults(\n  defineProps<{\n    plano: PlanoPizza\n    padroes?: boolean | undefined\n    idPadrao?: string | undefined\n    focado?: { indiceSerie: number; indicePonto: number } | null | undefined\n    atenuar?: boolean | undefined\n  }>(),\n  { padroes: false, idPadrao: '', focado: null, atenuar: false },\n)\n\nconst externas = computed(() => props.plano.fatias.filter((f) => f.linhaGuia))\n\nconst fatiaFocada = computed(() => {\n  if (!props.focado) return null\n  return props.plano.fatias.find((f) => f.indicePonto === props.focado?.indicePonto) ?? null\n})\n\nfunction apagada(indicePonto: number): boolean {\n  if (!props.atenuar || !props.focado) return false\n  return props.focado.indicePonto !== indicePonto\n}\n\n// Nome de município não cabe ao lado da fatia; cortar é melhor que sobrepor.\nfunction encurtar(rotulo: string): string {\n  return truncarRotulo(rotulo, props.plano.compacto ? 10 : 16)\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-pizza {\n  &__guias path {\n    fill: none;\n    stroke: var(--acai-chart-axis);\n    stroke-width: 1;\n  }\n\n  &__rotulos text {\n    // rem, não atributo: acompanha a preferência de tamanho de fonte.\n    font-size: 0.75rem;\n    fill: var(--acai-chart-ink);\n  }\n\n  &__rotulo--dentro {\n    font-weight: 700;\n    // Contorno na cor da superfície: o percentual fica legível sobre QUALQUER\n    // cor de fatia, sem precisar decidir texto claro ou escuro por fatia.\n    paint-order: stroke;\n    stroke: var(--acai-chart-surface);\n    stroke-width: 3px;\n    stroke-linejoin: round;\n  }\n\n  &__pct {\n    fill: var(--acai-chart-ink-muted);\n  }\n\n  &__realce {\n    fill: none;\n    stroke: var(--acai-control-on);\n    stroke-width: 3;\n    pointer-events: none;\n  }\n\n  &--apagada {\n    opacity: 0.35;\n  }\n}\n</style>\n"],"names":["computed","truncarRotulo","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/index207.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, withDirectives, vShow, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { truncarRotulo } from "./index215.mjs";
+const _hoisted_1 = { class: "acai-chart-pizza" };
+const _hoisted_2 = ["d", "fill"];
+const _hoisted_3 = ["d", "fill"];
+const _hoisted_4 = ["d"];
+const _hoisted_5 = {
+  class: "acai-chart-pizza__guias",
+  "aria-hidden": "true"
+};
+const _hoisted_6 = ["d"];
+const _hoisted_7 = {
+  class: "acai-chart-pizza__rotulos",
+  "aria-hidden": "true"
+};
+const _hoisted_8 = ["x", "y", "text-anchor"];
+const _hoisted_9 = ["x"];
+const _hoisted_10 = ["x"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "chart-pizza",
+  props: {
+    plano: {},
+    padroes: { type: Boolean, default: false },
+    idPadrao: { default: "" },
+    focado: { default: null },
+    atenuar: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const externas = computed(() => props.plano.fatias.filter((f) => f.linhaGuia));
+    const fatiaFocada = computed(() => {
+      if (!props.focado) return null;
+      return props.plano.fatias.find((f) => {
+        var _a;
+        return f.indicePonto === ((_a = props.focado) == null ? void 0 : _a.indicePonto);
+      }) ?? null;
+    });
+    function apagada(indicePonto) {
+      if (!props.atenuar || !props.focado) return false;
+      return props.focado.indicePonto !== indicePonto;
+    }
+    function encurtar(rotulo) {
+      return truncarRotulo(rotulo, props.plano.compacto ? 10 : 16);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("g", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.plano.fatias, (fatia) => {
+          return openBlock(), createElementBlock("g", {
+            key: fatia.chave
+          }, [
+            createElementVNode("path", {
+              d: fatia.d,
+              fill: fatia.cor,
+              class: normalizeClass({ "acai-chart-pizza--apagada": apagada(fatia.indicePonto) }),
+              stroke: "var(--acai-chart-surface)",
+              "stroke-width": "1.5"
+            }, null, 10, _hoisted_2),
+            withDirectives(createElementVNode("path", {
+              d: fatia.d,
+              fill: `url(#${__props.idPadrao}-p${fatia.indicePonto % 5})`,
+              class: normalizeClass({ "acai-chart-pizza--apagada": apagada(fatia.indicePonto) })
+            }, null, 10, _hoisted_3), [
+              [vShow, __props.padroes]
+            ])
+          ]);
+        }), 128)),
+        fatiaFocada.value ? (openBlock(), createElementBlock("path", {
+          key: 0,
+          class: "acai-chart-pizza__realce",
+          d: fatiaFocada.value.d
+        }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+        createElementVNode("g", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(externas.value, (fatia) => {
+            return openBlock(), createElementBlock("path", {
+              key: `g${fatia.chave}`,
+              d: fatia.linhaGuia
+            }, null, 8, _hoisted_6);
+          }), 128))
+        ]),
+        createElementVNode("g", _hoisted_7, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.plano.fatias, (fatia) => {
+            return openBlock(), createElementBlock("text", {
+              key: `r${fatia.chave}`,
+              x: fatia.rotuloX,
+              y: fatia.rotuloY,
+              "text-anchor": fatia.ancora,
+              class: normalizeClass(fatia.dentro ? "acai-chart-pizza__rotulo--dentro" : "acai-chart-pizza__rotulo--fora"),
+              "dominant-baseline": "middle"
+            }, [
+              fatia.dentro ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(fatia.percentual), 1)
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createElementVNode("tspan", {
+                  x: fatia.rotuloX,
+                  dy: "-0.55em"
+                }, toDisplayString(encurtar(fatia.rotulo)), 9, _hoisted_9),
+                createElementVNode("tspan", {
+                  x: fatia.rotuloX,
+                  dy: "1.15em",
+                  class: "acai-chart-pizza__pct"
+                }, toDisplayString(fatia.valorFormatado) + " · " + toDisplayString(fatia.percentual), 9, _hoisted_10)
+              ], 64))
+            ], 10, _hoisted_8);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index207.mjs.map

package/dist/index207.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index207.mjs","sources":["../src/components/chart/chart-pizza.vue"],"sourcesContent":["<template>\n  <g class=\"acai-chart-pizza\">\n    <g v-for=\"fatia in plano.fatias\" :key=\"fatia.chave\">\n      <path\n        :d=\"fatia.d\"\n        :fill=\"fatia.cor\"\n        :class=\"{ 'acai-chart-pizza--apagada': apagada(fatia.indicePonto) }\"\n        stroke=\"var(--acai-chart-surface)\"\n        stroke-width=\"1.5\"\n      />\n      <!-- Hachura por CIMA da cor real, pra não substituir o colorBy. -->\n      <path\n        v-show=\"padroes\"\n        :d=\"fatia.d\"\n        :fill=\"`url(#${idPadrao}-p${fatia.indicePonto % 5})`\"\n        :class=\"{ 'acai-chart-pizza--apagada': apagada(fatia.indicePonto) }\"\n      />\n    </g>\n\n    <!-- Realce: anel por fora da fatia focada. Deslocar a fatia mexeria na\n         geometria de todas as outras e faria o gráfico \"pular\". -->\n    <path\n      v-if=\"fatiaFocada\"\n      class=\"acai-chart-pizza__realce\"\n      :d=\"fatiaFocada.d\"\n    />\n\n    <!--\n      Rótulos por último, sempre por cima. Em pizza eles NÃO são enfeite: como\n      só 2 a 4 cores se separam entre TODOS os pares (e aqui toda fatia toca\n      todas), o rótulo é o canal primário de leitura.\n    -->\n    <g class=\"acai-chart-pizza__guias\" aria-hidden=\"true\">\n      <path v-for=\"fatia in externas\" :key=\"`g${fatia.chave}`\" :d=\"fatia.linhaGuia\" />\n    </g>\n\n    <g class=\"acai-chart-pizza__rotulos\" aria-hidden=\"true\">\n      <text\n        v-for=\"fatia in plano.fatias\"\n        :key=\"`r${fatia.chave}`\"\n        :x=\"fatia.rotuloX\"\n        :y=\"fatia.rotuloY\"\n        :text-anchor=\"fatia.ancora\"\n        :class=\"fatia.dentro ? 'acai-chart-pizza__rotulo--dentro' : 'acai-chart-pizza__rotulo--fora'\"\n        dominant-baseline=\"middle\"\n      >\n        <template v-if=\"fatia.dentro\">{{ fatia.percentual }}</template>\n        <template v-else>\n          <tspan :x=\"fatia.rotuloX\" dy=\"-0.55em\">{{ encurtar(fatia.rotulo) }}</tspan>\n          <!-- Valor + percentual: só a porcentagem esconde a grandeza, e num\n               relatório de governo o número absoluto é o que se confere. -->\n          <tspan :x=\"fatia.rotuloX\" dy=\"1.15em\" class=\"acai-chart-pizza__pct\">\n            {{ fatia.valorFormatado }} · {{ fatia.percentual }}\n          </tspan>\n        </template>\n      </text>\n    </g>\n  </g>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { truncarRotulo } from './chart-rotulos'\nimport type { PlanoPizza } from './chart-plano'\n\nconst props = withDefaults(\n  defineProps<{\n    plano: PlanoPizza\n    padroes?: boolean | undefined\n    idPadrao?: string | undefined\n    focado?: { indiceSerie: number; indicePonto: number } | null | undefined\n    atenuar?: boolean | undefined\n  }>(),\n  { padroes: false, idPadrao: '', focado: null, atenuar: false },\n)\n\nconst externas = computed(() => props.plano.fatias.filter((f) => f.linhaGuia))\n\nconst fatiaFocada = computed(() => {\n  if (!props.focado) return null\n  return props.plano.fatias.find((f) => f.indicePonto === props.focado?.indicePonto) ?? null\n})\n\nfunction apagada(indicePonto: number): boolean {\n  if (!props.atenuar || !props.focado) return false\n  return props.focado.indicePonto !== indicePonto\n}\n\n// Nome de município não cabe ao lado da fatia; cortar é melhor que sobrepor.\nfunction encurtar(rotulo: string): string {\n  return truncarRotulo(rotulo, props.plano.compacto ? 10 : 16)\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-pizza {\n  &__guias path {\n    fill: none;\n    stroke: var(--acai-chart-axis);\n    stroke-width: 1;\n  }\n\n  &__rotulos text {\n    // rem, não atributo: acompanha a preferência de tamanho de fonte.\n    font-size: 0.75rem;\n    fill: var(--acai-chart-ink);\n  }\n\n  &__rotulo--dentro {\n    font-weight: 700;\n    // Contorno na cor da superfície: o percentual fica legível sobre QUALQUER\n    // cor de fatia, sem precisar decidir texto claro ou escuro por fatia.\n    paint-order: stroke;\n    stroke: var(--acai-chart-surface);\n    stroke-width: 3px;\n    stroke-linejoin: round;\n  }\n\n  &__pct {\n    fill: var(--acai-chart-ink-muted);\n  }\n\n  &__realce {\n    fill: none;\n    stroke: var(--acai-control-on);\n    stroke-width: 3;\n    pointer-events: none;\n  }\n\n  &--apagada {\n    opacity: 0.35;\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,UAAM,QAAQ;AAWd,UAAM,WAAW,SAAS,MAAM,MAAM,MAAM,OAAO,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC;AAE7E,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,aAAO,MAAM,MAAM,OAAO,KAAK,CAAC;;AAAM,iBAAE,kBAAgB,WAAM,WAAN,mBAAc;AAAA,OAAW,KAAK;AAAA,IACxF,CAAC;AAED,aAAS,QAAQ,aAA8B;AAC7C,UAAI,CAAC,MAAM,WAAW,CAAC,MAAM,OAAQ,QAAO;AAC5C,aAAO,MAAM,OAAO,gBAAgB;AAAA,IACtC;AAGA,aAAS,SAAS,QAAwB;AACxC,aAAO,cAAc,QAAQ,MAAM,MAAM,WAAW,KAAK,EAAE;AAAA,IAC7D;;AA1FE,aAAAA,UAAA,GAAAC,mBAwDI,KAxDJ,YAwDI;AAAA,SAvDFD,UAAA,IAAA,GAAAC,mBAeIC,UAAA,MAAAC,WAfe,QAAA,MAAM,SAAf,UAAK;8BAAfF,mBAeI,KAAA;AAAA,YAf8B,KAAK,MAAM;AAAA,UAAA;YAC3CG,mBAME,QAAA;AAAA,cALC,GAAG,MAAM;AAAA,cACT,MAAM,MAAM;AAAA,cACZ,OAAKC,eAAA,EAAA,6BAAiC,QAAQ,MAAM,WAAW,GAAA;AAAA,cAChE,QAAO;AAAA,cACP,gBAAa;AAAA,YAAA;2BAGfD,mBAKE,QAAA;AAAA,cAHC,GAAG,MAAM;AAAA,cACT,MAAI,QAAU,QAAA,QAAQ,KAAK,MAAM,cAAW,CAAA;AAAA,cAC5C,OAAKC,eAAA,EAAA,6BAAiC,QAAQ,MAAM,WAAW,GAAA;AAAA,YAAA;sBAHxD,QAAA,OAAO;AAAA,YAAA;;;QAUX,YAAA,sBADRJ,mBAIE,QAAA;AAAA;UAFA,OAAM;AAAA,UACL,GAAG,YAAA,MAAY;AAAA,QAAA;QAQlBG,mBAEI,KAFJ,YAEI;AAAA,4BADFH,mBAAgFC,UAAA,MAAAC,WAA1D,SAAA,OAAQ,CAAjB,UAAK;gCAAlBF,mBAAgF,QAAA;AAAA,cAA/C,KAAG,IAAM,MAAM,KAAK;AAAA,cAAK,GAAG,MAAM;AAAA,YAAA;;;QAGrEG,mBAoBI,KApBJ,YAoBI;AAAA,WAnBFJ,UAAA,IAAA,GAAAC,mBAkBOC,UAAA,MAAAC,WAjBW,QAAA,MAAM,SAAf,UAAK;gCADdF,mBAkBO,QAAA;AAAA,cAhBJ,KAAG,IAAM,MAAM,KAAK;AAAA,cACpB,GAAG,MAAM;AAAA,cACT,GAAG,MAAM;AAAA,cACT,eAAa,MAAM;AAAA,cACnB,OAAKI,eAAE,MAAM,SAAM,qCAAA,gCAAA;AAAA,cACpB,qBAAkB;AAAA,YAAA;cAEF,MAAM,uBAAtBJ,mBAA+DC,UAAA,EAAA,KAAA,KAAA;AAAA,gBAA9BI,gBAAAC,gBAAA,MAAM,UAAU,GAAA,CAAA;AAAA,cAAA,wBACjDN,mBAOWC,UAAA,EAAA,KAAA,KAAA;AAAA,gBANTE,mBAA2E,SAAA;AAAA,kBAAnE,GAAG,MAAM;AAAA,kBAAS,IAAG;AAAA,gBAAA,mBAAa,SAAS,MAAM,MAAM,CAAA,GAAA,GAAA,UAAA;AAAA,gBAG/DA,mBAEQ,SAAA;AAAA,kBAFA,GAAG,MAAM;AAAA,kBAAS,IAAG;AAAA,kBAAS,OAAM;AAAA,gBAAA,GACvCG,gBAAA,MAAM,cAAc,IAAG,QAAGA,gBAAG,MAAM,UAAU,GAAA,GAAA,WAAA;AAAA,cAAA;;;;;;;;"}

package/dist/index209.cjs

@@ -0,0 +1,64 @@
+"use strict";
+const vue = require("vue");
+const chartCaminhos = require("./index213.cjs");
+const _hoisted_1 = ["aria-pressed", "onClick"];
+const _hoisted_2 = {
+  class: "acai-chart-legenda__marca",
+  viewBox: "0 0 14 14",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+const _hoisted_3 = ["d", "fill"];
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = { class: "acai-chart-legenda__texto" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "chart-legenda",
+  props: {
+    series: {},
+    posicao: { default: "bottom" }
+  },
+  emits: ["toggle"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function marcaLinha(serie) {
+      return chartCaminhos.caminhoMarcador(serie.marcador, 7, 7, 9);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("ul", {
+        class: vue.normalizeClass(["acai-chart-legenda", `acai-chart-legenda--${__props.posicao}`])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.series, (serie) => {
+          return vue.openBlock(), vue.createElementBlock("li", {
+            key: serie.indice
+          }, [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: vue.normalizeClass(["acai-chart-legenda__item", { "acai-chart-legenda__item--oculta": serie.oculta }]),
+              "aria-pressed": !serie.oculta,
+              onClick: ($event) => emit("toggle", serie.indice)
+            }, [
+              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, [
+                serie.tipo !== "bar" ? (vue.openBlock(), vue.createElementBlock("path", {
+                  key: 0,
+                  d: marcaLinha(serie),
+                  fill: serie.cor
+                }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("rect", {
+                  key: 1,
+                  x: "1",
+                  y: "3.5",
+                  width: "12",
+                  height: "7",
+                  rx: "1.5",
+                  fill: serie.cor
+                }, null, 8, _hoisted_4))
+              ])),
+              vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(serie.nome), 1)
+            ], 10, _hoisted_1)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index209.cjs.map

package/dist/index209.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index209.cjs","sources":["../src/components/chart/chart-legenda.vue"],"sourcesContent":["<template>\n  <ul class=\"acai-chart-legenda\" :class=\"`acai-chart-legenda--${posicao}`\">\n    <li v-for=\"serie in series\" :key=\"serie.indice\">\n      <!--\n        Botão de verdade, não div com @click: precisa de foco, Enter/Espaço e\n        anúncio de estado de graça. `aria-pressed` é o que diz ao leitor de tela\n        que a série está ligada ou desligada.\n      -->\n      <button\n        type=\"button\"\n        class=\"acai-chart-legenda__item\"\n        :class=\"{ 'acai-chart-legenda__item--oculta': serie.oculta }\"\n        :aria-pressed=\"!serie.oculta\"\n        @click=\"emit('toggle', serie.indice)\"\n      >\n        <svg class=\"acai-chart-legenda__marca\" viewBox=\"0 0 14 14\" aria-hidden=\"true\" focusable=\"false\">\n          <!--\n            A MESMA forma do gráfico, não um quadradinho genérico: é o que liga\n            a legenda à linha desenhada quando a cor não basta (eMAG 4.2).\n          -->\n          <path v-if=\"serie.tipo !== 'bar'\" :d=\"marcaLinha(serie)\" :fill=\"serie.cor\" />\n          <rect v-else x=\"1\" y=\"3.5\" width=\"12\" height=\"7\" rx=\"1.5\" :fill=\"serie.cor\" />\n        </svg>\n        <span class=\"acai-chart-legenda__texto\">{{ serie.nome }}</span>\n      </button>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { caminhoMarcador } from './chart-caminhos'\nimport type { SerieNormalizada } from './acai-ui-chart-interface'\n\nwithDefaults(\n  defineProps<{\n    series: SerieNormalizada[]\n    posicao?: 'bottom' | 'right'\n  }>(),\n  { posicao: 'bottom' },\n)\n\nconst emit = defineEmits<{ toggle: [indiceSerie: number] }>()\n\nfunction marcaLinha(serie: SerieNormalizada): string {\n  return caminhoMarcador(serie.marcador, 7, 7, 9)\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.acai-chart-legenda {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 16px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  &--right {\n    flex-direction: column;\n    flex-wrap: nowrap;\n  }\n\n  &__item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 2px 4px;\n    border: 0;\n    border-radius: 4px;\n    background: none;\n    color: var(--acai-chart-ink-muted);\n    font: inherit;\n    font-size: 0.75rem;\n    line-height: 1.4;\n    cursor: pointer;\n\n    &:hover {\n      background: var(--acai-surface-hover);\n    }\n\n    // Não remover: foco visível é requisito (eMAG 4.3).\n    &:focus-visible {\n      outline: 2px solid var(--acai-control-on);\n      outline-offset: 2px;\n    }\n\n    // Série desligada continua legível — some a cor, não o texto.\n    &--oculta {\n      opacity: 0.45;\n\n      .acai-chart-legenda__texto {\n        text-decoration: line-through;\n      }\n    }\n  }\n\n  &__marca {\n    flex: 0 0 14px;\n    width: 14px;\n    height: 14px;\n  }\n}\n</style>\n"],"names":["caminhoMarcador","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","_openBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,OAAO;AAEb,aAAS,WAAW,OAAiC;AACnD,aAAOA,cAAAA,gBAAgB,MAAM,UAAU,GAAG,GAAG,CAAC;AAAA,IAChD;;8BA5CEC,IAAAA,mBAyBK,MAAA;AAAA,QAzBD,OAAKC,IAAAA,eAAA,CAAC,sBAAoB,uBAAgC,QAAA,OAAO,EAAA,CAAA;AAAA,MAAA;8BACnED,IAAAA,mBAuBKE,IAAAA,UAAA,MAAAC,IAAAA,WAvBe,QAAA,QAAM,CAAf,UAAK;kCAAhBH,IAAAA,mBAuBK,MAAA;AAAA,YAvBwB,KAAK,MAAM;AAAA,UAAA;YAMtCI,IAAAA,mBAgBS,UAAA;AAAA,cAfP,MAAK;AAAA,cACL,OAAKH,IAAAA,eAAA,CAAC,4BAA0B,EAAA,oCACc,MAAM,OAAA,CAAM,CAAA;AAAA,cACzD,gBAAY,CAAG,MAAM;AAAA,cACrB,SAAK,CAAA,WAAE,KAAI,UAAW,MAAM,MAAM;AAAA,YAAA;eAEnCI,IAAAA,aAAAL,IAAAA,mBAOM,OAPN,YAOM;AAAA,gBAFQ,MAAM,SAAI,0BAAtBA,IAAAA,mBAA6E,QAAA;AAAA;kBAA1C,GAAG,WAAW,KAAK;AAAA,kBAAI,MAAM,MAAM;AAAA,gBAAA,6CACtEA,IAAAA,mBAA8E,QAAA;AAAA;kBAAjE,GAAE;AAAA,kBAAI,GAAE;AAAA,kBAAM,OAAM;AAAA,kBAAK,QAAO;AAAA,kBAAI,IAAG;AAAA,kBAAO,MAAM,MAAM;AAAA,gBAAA;;cAEzEI,IAAAA,mBAA+D,QAA/D,YAA+DE,IAAAA,gBAApB,MAAM,IAAI,GAAA,CAAA;AAAA,YAAA;;;;;;;;"}