acai-ui 1.65.5

package/dist/index209.mjs

@@ -0,0 +1,65 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
+import { caminhoMarcador } from "./index213.mjs";
+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__ */ defineComponent({
+  __name: "chart-legenda",
+  props: {
+    series: {},
+    posicao: { default: "bottom" }
+  },
+  emits: ["toggle"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function marcaLinha(serie) {
+      return caminhoMarcador(serie.marcador, 7, 7, 9);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(["acai-chart-legenda", `acai-chart-legenda--${__props.posicao}`])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.series, (serie) => {
+          return openBlock(), createElementBlock("li", {
+            key: serie.indice
+          }, [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["acai-chart-legenda__item", { "acai-chart-legenda__item--oculta": serie.oculta }]),
+              "aria-pressed": !serie.oculta,
+              onClick: ($event) => emit("toggle", serie.indice)
+            }, [
+              (openBlock(), createElementBlock("svg", _hoisted_2, [
+                serie.tipo !== "bar" ? (openBlock(), createElementBlock("path", {
+                  key: 0,
+                  d: marcaLinha(serie),
+                  fill: serie.cor
+                }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("rect", {
+                  key: 1,
+                  x: "1",
+                  y: "3.5",
+                  width: "12",
+                  height: "7",
+                  rx: "1.5",
+                  fill: serie.cor
+                }, null, 8, _hoisted_4))
+              ])),
+              createElementVNode("span", _hoisted_5, toDisplayString(serie.nome), 1)
+            ], 10, _hoisted_1)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index209.mjs.map

package/dist/index209.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index209.mjs","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":["_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","_openBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,OAAO;AAEb,aAAS,WAAW,OAAiC;AACnD,aAAO,gBAAgB,MAAM,UAAU,GAAG,GAAG,CAAC;AAAA,IAChD;;0BA5CEA,mBAyBK,MAAA;AAAA,QAzBD,OAAKC,eAAA,CAAC,sBAAoB,uBAAgC,QAAA,OAAO,EAAA,CAAA;AAAA,MAAA;0BACnED,mBAuBKE,UAAA,MAAAC,WAvBe,QAAA,QAAM,CAAf,UAAK;8BAAhBH,mBAuBK,MAAA;AAAA,YAvBwB,KAAK,MAAM;AAAA,UAAA;YAMtCI,mBAgBS,UAAA;AAAA,cAfP,MAAK;AAAA,cACL,OAAKH,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,aAAAL,mBAOM,OAPN,YAOM;AAAA,gBAFQ,MAAM,SAAI,sBAAtBA,mBAA6E,QAAA;AAAA;kBAA1C,GAAG,WAAW,KAAK;AAAA,kBAAI,MAAM,MAAM;AAAA,gBAAA,yCACtEA,mBAA8E,QAAA;AAAA;kBAAjE,GAAE;AAAA,kBAAI,GAAE;AAAA,kBAAM,OAAM;AAAA,kBAAK,QAAO;AAAA,kBAAI,IAAG;AAAA,kBAAO,MAAM,MAAM;AAAA,gBAAA;;cAEzEI,mBAA+D,QAA/D,YAA+DE,gBAApB,MAAM,IAAI,GAAA,CAAA;AAAA,YAAA;;;;;;;"}

package/dist/index21.cjs

@@ -0,0 +1,268 @@
+"use strict";
+const vue = require("vue");
+const acaiUiIcon_vue_vue_type_script_setup_true_lang = require("./index23.cjs");
+const acaiUiModal_vue_vue_type_script_setup_true_lang = require("./index24.cjs");
+;/* empty css          */
+const acaiUiTour_vue_vue_type_script_setup_true_lang = require("./index40.cjs");
+;/* empty css          */
+const useTourVisto = require("./index100.cjs");
+const useLeituraVoz = require("./index97.cjs");
+const usePreferencias = require("./index98.cjs");
+const geradorId = require("./index86.cjs");
+const _hoisted_1 = ["aria-label", "title"];
+const _hoisted_2 = {
+  key: 0,
+  class: "acaihelp__novo",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "acaihelp__vazio"
+};
+const _hoisted_4 = { class: "acaihelp__tour-icone" };
+const _hoisted_5 = { class: "acaihelp__tour-texto" };
+const _hoisted_6 = {
+  key: 2,
+  class: "acaihelp__topicos"
+};
+const _hoisted_7 = { class: "acaihelp__topico-titulo" };
+const _hoisted_8 = {
+  key: 0,
+  class: "acaihelp__topico-icone"
+};
+const _hoisted_9 = { class: "acaihelp__topico-corpo" };
+const _hoisted_10 = { class: "acaihelp__topico-texto" };
+const _hoisted_11 = ["aria-pressed", "aria-label", "onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-help",
+  props: {
+    content: {},
+    icon: { default: "help" },
+    ariaLabel: { default: "Ajuda" },
+    autoStart: { type: Boolean, default: false },
+    hideNewBadge: { type: Boolean, default: false },
+    hideAudio: { type: Boolean },
+    audioLang: {}
+  },
+  emits: ["open", "tour-start", "tour-finish", "tour-exit", "tour-step", "tour-step-skipped"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { jaViu, marcarVisto } = useTourVisto.useTourVisto();
+    const modalAberto = vue.ref(false);
+    const tourAtivo = vue.ref(false);
+    const gatilhoRef = vue.ref(null);
+    const tourRef = vue.ref(null);
+    const iconeGatilho = vue.computed(() => props.icon ?? "help");
+    const tituloModal = vue.computed(() => props.content.title || "Ajuda");
+    const tituloTour = vue.computed(() => {
+      var _a;
+      return ((_a = props.content.tour) == null ? void 0 : _a.title) || "Aprenda a usar";
+    });
+    const rotuloGatilho = vue.computed(() => props.ariaLabel || "Ajuda");
+    const temTopicos = vue.computed(() => {
+      var _a;
+      return (((_a = props.content.topics) == null ? void 0 : _a.length) ?? 0) > 0;
+    });
+    const temTour = vue.computed(() => {
+      var _a;
+      return (((_a = props.content.tour) == null ? void 0 : _a.steps.length) ?? 0) > 0;
+    });
+    const totalPassos = vue.computed(() => {
+      var _a;
+      return ((_a = props.content.tour) == null ? void 0 : _a.steps.length) ?? 0;
+    });
+    const { preferencias } = usePreferencias.usePreferencias();
+    const {
+      suportado: vozSuportada,
+      temVozPara,
+      vozes,
+      idLendo,
+      alternar: alternarFala,
+      parar: pararFala
+    } = useLeituraVoz.useLeituraVoz();
+    const idiomaFala = vue.computed(() => props.audioLang || "pt-BR");
+    const mostrarAudio = vue.computed(() => {
+      void vozes.value;
+      return vozSuportada.value && !props.hideAudio && preferencias.leituraVoz && temVozPara(idiomaFala.value);
+    });
+    const idBase = geradorId.gerarId("acai-voz", "help");
+    const idDoTopico = (indice) => `${idBase}:topico:${indice}`;
+    const lendoTopico = (indice) => idLendo.value === idDoTopico(indice);
+    function alternarTopico(indice, topico) {
+      alternarFala(`${topico.title}. ${topico.text}`, {
+        id: idDoTopico(indice),
+        lang: idiomaFala.value,
+        voz: preferencias.vozNome,
+        rate: preferencias.vozVelocidade
+      });
+    }
+    vue.watch(modalAberto, (aberto) => {
+      if (!aberto) pararFala();
+    });
+    vue.onBeforeUnmount(pararFala);
+    const mostrarPontoNovo = vue.computed(() => {
+      if (props.hideNewBadge || !temTour.value) return false;
+      return !jaViu(props.content.tour.id);
+    });
+    function abrirModal() {
+      modalAberto.value = true;
+      emits("open");
+    }
+    function iniciarTour() {
+      pararFala();
+      modalAberto.value = false;
+      void vue.nextTick(() => {
+        window.setTimeout(() => {
+          var _a;
+          (_a = gatilhoRef.value) == null ? void 0 : _a.focus({ preventScroll: true });
+          tourAtivo.value = true;
+          emits("tour-start");
+        }, 180);
+      });
+    }
+    function aoConcluirTour() {
+      marcarVisto(props.content.tour.id);
+      emits("tour-finish");
+    }
+    vue.onMounted(() => {
+      if (!props.autoStart || !temTour.value) return;
+      if (jaViu(props.content.tour.id)) return;
+      void vue.nextTick(() => {
+        tourAtivo.value = true;
+        emits("tour-start");
+      });
+    });
+    __expose({
+      abrirModal,
+      iniciarTour,
+      /** Fecha modal e tour de uma vez — útil ao trocar de rota. */
+      fechar: () => {
+        modalAberto.value = false;
+        tourAtivo.value = false;
+      },
+      proximo: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.proximo();
+      },
+      anterior: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.anterior();
+      },
+      irPara: (indice) => {
+        var _a;
+        return void ((_a = tourRef.value) == null ? void 0 : _a.irPara(indice));
+      },
+      sairTour: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.sair();
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("button", {
+          ref_key: "gatilhoRef",
+          ref: gatilhoRef,
+          type: "button",
+          class: vue.normalizeClass(["acaihelp__gatilho", { "acaihelp__gatilho--novo": mostrarPontoNovo.value }]),
+          "aria-label": rotuloGatilho.value,
+          title: rotuloGatilho.value,
+          onClick: abrirModal
+        }, [
+          vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+            name: iconeGatilho.value,
+            size: "md"
+          }, null, 8, ["name"]),
+          mostrarPontoNovo.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("", true)
+        ], 10, _hoisted_1),
+        vue.createVNode(acaiUiModal_vue_vue_type_script_setup_true_lang, {
+          modelValue: modalAberto.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalAberto.value = $event),
+          title: tituloModal.value,
+          "hide-actions": "",
+          "modal-class": "acaihelp__modal"
+        }, {
+          default: vue.withCtx(() => [
+            !temTopicos.value && !temTour.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, " Ainda não há conteúdo de ajuda para esta tela. ")) : vue.createCommentVNode("", true),
+            temTour.value ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "acaihelp__tour",
+              onClick: iniciarTour
+            }, [
+              vue.createElementVNode("span", _hoisted_4, [
+                vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                  name: "auto_stories",
+                  size: "md"
+                })
+              ]),
+              vue.createElementVNode("span", _hoisted_5, [
+                vue.createElementVNode("strong", null, vue.toDisplayString(tituloTour.value), 1),
+                vue.createElementVNode("small", null, " Passo a passo guiado pela tela — " + vue.toDisplayString(totalPassos.value) + " " + vue.toDisplayString(totalPassos.value === 1 ? "passo" : "passos") + ". ", 1)
+              ]),
+              vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                name: "arrow_forward",
+                size: "md"
+              })
+            ])) : vue.createCommentVNode("", true),
+            temTopicos.value ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.content.topics, (topico, indice) => {
+                return vue.openBlock(), vue.createElementBlock("li", {
+                  key: indice,
+                  class: "acaihelp__topico"
+                }, [
+                  vue.createElementVNode("details", null, [
+                    vue.createElementVNode("summary", _hoisted_7, [
+                      topico.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
+                        vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                          name: topico.icon,
+                          size: "md",
+                          decorative: ""
+                        }, null, 8, ["name"])
+                      ])) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("span", null, vue.toDisplayString(topico.title), 1)
+                    ]),
+                    vue.createElementVNode("div", _hoisted_9, [
+                      vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(topico.text), 1),
+                      mostrarAudio.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: "acaihelp__ouvir",
+                        "aria-pressed": lendoTopico(indice),
+                        "aria-label": `Ouvir: ${topico.title}`,
+                        onClick: ($event) => alternarTopico(indice, topico)
+                      }, [
+                        vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                          name: lendoTopico(indice) ? "stop" : "volume_up",
+                          size: "16px",
+                          decorative: ""
+                        }, null, 8, ["name"])
+                      ], 8, _hoisted_11)) : vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        temTour.value && tourAtivo.value ? (vue.openBlock(), vue.createBlock(acaiUiTour_vue_vue_type_script_setup_true_lang, {
+          key: 0,
+          ref_key: "tourRef",
+          ref: tourRef,
+          modelValue: tourAtivo.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tourAtivo.value = $event),
+          tour: __props.content.tour,
+          "hide-audio": __props.hideAudio,
+          "audio-lang": __props.audioLang,
+          onFinish: aoConcluirTour,
+          onExit: _cache[2] || (_cache[2] = ($event) => emits("tour-exit")),
+          onStep: _cache[3] || (_cache[3] = (indice) => emits("tour-step", indice)),
+          onStepSkipped: _cache[4] || (_cache[4] = (info) => emits("tour-step-skipped", info))
+        }, null, 8, ["modelValue", "tour", "hide-audio", "audio-lang"])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index21.cjs.map

package/dist/index21.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index21.cjs","sources":["../src/components/help/acai-ui-help.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"gatilhoRef\"\n    type=\"button\"\n    class=\"acaihelp__gatilho\"\n    :class=\"{ 'acaihelp__gatilho--novo': mostrarPontoNovo }\"\n    :aria-label=\"rotuloGatilho\"\n    :title=\"rotuloGatilho\"\n    @click=\"abrirModal\"\n  >\n    <acai-ui-icon :name=\"iconeGatilho\" size=\"md\" />\n    <span v-if=\"mostrarPontoNovo\" class=\"acaihelp__novo\" aria-hidden=\"true\" />\n  </button>\n\n  <acai-ui-modal\n    v-model=\"modalAberto\"\n    :title=\"tituloModal\"\n    hide-actions\n    modal-class=\"acaihelp__modal\"\n  >\n    <p v-if=\"!temTopicos && !temTour\" class=\"acaihelp__vazio\">\n      Ainda não há conteúdo de ajuda para esta tela.\n    </p>\n\n    <!-- O tour vem PRIMEIRO: é a ação mais útil pra quem chegou perdido. -->\n    <!-- Tamanhos: `size` do AcaiUiIcon usa a escala de ESPAÇOS (MedidasKeys),\n         não camiseta — sm=8px some ao lado de texto; md=16px é o ponto certo. -->\n    <button v-if=\"temTour\" type=\"button\" class=\"acaihelp__tour\" @click=\"iniciarTour\">\n      <span class=\"acaihelp__tour-icone\">\n        <acai-ui-icon name=\"auto_stories\" size=\"md\" />\n      </span>\n      <span class=\"acaihelp__tour-texto\">\n        <strong>{{ tituloTour }}</strong>\n        <small>\n          Passo a passo guiado pela tela — {{ totalPassos }}\n          {{ totalPassos === 1 ? 'passo' : 'passos' }}.\n        </small>\n      </span>\n      <acai-ui-icon name=\"arrow_forward\" size=\"md\" />\n    </button>\n\n    <ul v-if=\"temTopicos\" class=\"acaihelp__topicos\">\n      <li v-for=\"(topico, indice) in content.topics\" :key=\"indice\" class=\"acaihelp__topico\">\n        <details>\n          <summary class=\"acaihelp__topico-titulo\">\n            <span v-if=\"topico.icon\" class=\"acaihelp__topico-icone\">\n              <acai-ui-icon :name=\"topico.icon\" size=\"md\" decorative />\n            </span>\n            <span>{{ topico.title }}</span>\n          </summary>\n          <!-- O botão fica no CORPO, nunca no <summary>: clique lá dentro\n               alterna o <details>, e o Space ficaria ambíguo entre abrir o\n               tópico e acionar o botão. -->\n          <div class=\"acaihelp__topico-corpo\">\n            <p class=\"acaihelp__topico-texto\">{{ topico.text }}</p>\n            <button\n              v-if=\"mostrarAudio\"\n              type=\"button\"\n              class=\"acaihelp__ouvir\"\n              :aria-pressed=\"lendoTopico(indice)\"\n              :aria-label=\"`Ouvir: ${topico.title}`\"\n              @click=\"alternarTopico(indice, topico)\"\n            >\n              <acai-ui-icon\n                :name=\"lendoTopico(indice) ? 'stop' : 'volume_up'\"\n                size=\"16px\"\n                decorative\n              />\n            </button>\n          </div>\n        </details>\n      </li>\n    </ul>\n  </acai-ui-modal>\n\n  <acai-ui-tour\n    v-if=\"temTour && tourAtivo\"\n    ref=\"tourRef\"\n    v-model=\"tourAtivo\"\n    :tour=\"content.tour!\"\n    :hide-audio=\"hideAudio\"\n    :audio-lang=\"audioLang\"\n    @finish=\"aoConcluirTour\"\n    @exit=\"emits('tour-exit')\"\n    @step=\"indice => emits('tour-step', indice)\"\n    @step-skipped=\"info => emits('tour-step-skipped', info)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport AcaiUiIcon from '../icon/acai-ui-icon.vue'\nimport AcaiUiModal from '../modal/acai-ui-modal.vue'\nimport AcaiUiTour from './acai-ui-tour.vue'\nimport { useTourVisto } from './use-tour-visto'\nimport { useLeituraVoz } from '../../hooks/use-leitura-voz'\nimport { usePreferencias } from '../../hooks/use-preferencias'\nimport { gerarId } from '../../utils/gerador-id'\nimport type { MaterialIconValues } from '../../constants/lista-icons'\nimport type { HelpProps, HelpTopic, TourSkip } from './acai-ui-help-interface'\n\nconst props = withDefaults(defineProps<HelpProps>(), {\n  icon: 'help',\n  ariaLabel: 'Ajuda',\n  autoStart: false,\n  hideNewBadge: false,\n})\n\nconst emits = defineEmits<{\n  (e: 'open'): void\n  (e: 'tour-start'): void\n  (e: 'tour-finish'): void\n  /** Saiu antes do fim (Esc ou X). */\n  (e: 'tour-exit'): void\n  /** Trocou de passo — índice 0-based. */\n  (e: 'tour-step', indice: number): void\n  /** Um passo não pôde ser mostrado. Repassa o `step-skipped` do tour. */\n  (e: 'tour-step-skipped', info: TourSkip): void\n}>()\n\nconst { jaViu, marcarVisto } = useTourVisto()\n\nconst modalAberto = ref(false)\nconst tourAtivo = ref(false)\nconst gatilhoRef = ref<HTMLElement | null>(null)\nconst tourRef = ref<InstanceType<typeof AcaiUiTour> | null>(null)\n\n// O `?? ` em vez de confiar só no withDefaults: o tipo da prop declara\n// `| undefined` explícito (exigência do exactOptionalPropertyTypes) e o\n// default não apaga esse `undefined` aos olhos do compilador.\nconst iconeGatilho = computed<MaterialIconValues>(() => props.icon ?? 'help')\n\nconst tituloModal = computed(() => props.content.title || 'Ajuda')\nconst tituloTour = computed(() => props.content.tour?.title || 'Aprenda a usar')\nconst rotuloGatilho = computed(() => props.ariaLabel || 'Ajuda')\n\nconst temTopicos = computed(() => (props.content.topics?.length ?? 0) > 0)\nconst temTour = computed(() => (props.content.tour?.steps.length ?? 0) > 0)\nconst totalPassos = computed(() => props.content.tour?.steps.length ?? 0)\n\n// ===================== Leitura em voz alta =====================\nconst { preferencias } = usePreferencias()\nconst {\n  suportado: vozSuportada,\n  temVozPara,\n  vozes,\n  idLendo,\n  alternar: alternarFala,\n  parar: pararFala,\n} = useLeituraVoz()\n\nconst idiomaFala = computed(() => props.audioLang || 'pt-BR')\n\n/**\n * Precedência: prop da tela > preferência do usuário > suporte do navegador >\n * existir voz do idioma. Sem voz do idioma, o motor leria português com fonemas\n * de outra língua — pior que não oferecer.\n */\nconst mostrarAudio = computed(() => {\n  void vozes.value // recalcula quando a lista de vozes chega\n  return (\n    vozSuportada.value &&\n    !props.hideAudio &&\n    preferencias.leituraVoz &&\n    temVozPara(idiomaFala.value)\n  )\n})\n\n// Id por INSTÂNCIA: duas ajudas na mesma tela não podem disputar o \"quem está\n// lendo\" só porque os dois têm um tópico 0.\nconst idBase = gerarId('acai-voz', 'help')\n\nconst idDoTopico = (indice: number): string => `${idBase}:topico:${indice}`\n\nconst lendoTopico = (indice: number): boolean => idLendo.value === idDoTopico(indice)\n\nfunction alternarTopico(indice: number, topico: HelpTopic): void {\n  // Título junto do texto: ouvindo sem olhar, a pergunta dá o contexto da resposta.\n  // Voz e velocidade vêm das preferências — a escolha é do usuário, não da tela.\n  alternarFala(`${topico.title}. ${topico.text}`, {\n    id: idDoTopico(indice),\n    lang: idiomaFala.value,\n    voz: preferencias.vozNome,\n    rate: preferencias.vozVelocidade,\n  })\n}\n\n// Fechou o modal ou saiu do componente, a voz para: continuar falando um texto\n// que não está mais na tela é desorientador.\nwatch(modalAberto, (aberto) => {\n  if (!aberto) pararFala()\n})\n\nonBeforeUnmount(pararFala)\n\n/** Ponto discreto no \"?\" enquanto o usuário nunca concluiu o tour desta tela. */\nconst mostrarPontoNovo = computed(() => {\n  if (props.hideNewBadge || !temTour.value) return false\n  return !jaViu(props.content.tour!.id)\n})\n\nfunction abrirModal(): void {\n  modalAberto.value = true\n  emits('open')\n}\n\nfunction iniciarTour(): void {\n  // O tour tem o botão de ouvir dele; a fala do tópico não pode atravessar.\n  pararFala()\n  modalAberto.value = false\n  // Espera o q-dialog fechar: com o modal ainda montado, o backdrop dele fica\n  // por cima do recorte e o primeiro passo aparece apagado.\n  void nextTick(() => {\n    window.setTimeout(() => {\n      // Foco explícito no \"?\" antes de abrir: é dele que o tour tira o\n      // `focoAnterior` pra devolver no fim (eMAG 4.3). Deixar por conta do\n      // q-dialog daria `<body>` conforme o timing.\n      gatilhoRef.value?.focus({ preventScroll: true })\n      tourAtivo.value = true\n      emits('tour-start')\n    }, 180)\n  })\n}\n\nfunction aoConcluirTour(): void {\n  marcarVisto(props.content.tour!.id)\n  emits('tour-finish')\n}\n\nonMounted(() => {\n  if (!props.autoStart || !temTour.value) return\n  if (jaViu(props.content.tour!.id)) return\n  // Só depois da tela pintar — senão os alvos ainda não estão no DOM.\n  void nextTick(() => {\n    tourAtivo.value = true\n    emits('tour-start')\n  })\n})\n\n// O controle do tour é repassado aqui porque é o `<acai-ui-help>` (e o `help`\n// do `<acai-ui-container>`) que instancia o `<acai-ui-tour>` — sem isto o\n// consumidor não tem como dirigir o tour que ele mesmo mandou abrir.\n// Todos são no-op quando não há tour em andamento.\ndefineExpose({\n  abrirModal,\n  iniciarTour,\n  /** Fecha modal e tour de uma vez — útil ao trocar de rota. */\n  fechar: (): void => {\n    modalAberto.value = false\n    tourAtivo.value = false\n  },\n  proximo: (): void => tourRef.value?.proximo(),\n  anterior: (): void => tourRef.value?.anterior(),\n  irPara: (indice: number): void => void tourRef.value?.irPara(indice),\n  sairTour: (): void => tourRef.value?.sair(),\n})\n</script>\n\n<style lang=\"scss\" src=\"./acai-ui-help-styles.scss\" />\n"],"names":["useTourVisto","ref","computed","usePreferencias","useLeituraVoz","gerarId","watch","onBeforeUnmount","nextTick","onMounted","_createElementVNode","_normalizeClass","_createVNode","AcaiUiIcon","_openBlock","_createElementBlock","AcaiUiModal","_toDisplayString","_Fragment","_createBlock","AcaiUiTour"],"mappings":"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"}

package/dist/index21.mjs

@@ -0,0 +1,269 @@
+import { defineComponent, ref, computed, watch, onBeforeUnmount, onMounted, nextTick, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, createVNode, createCommentVNode, withCtx, toDisplayString, renderList, createBlock } from "vue";
+import _sfc_main$1 from "./index23.mjs";
+import _sfc_main$2 from "./index24.mjs";
+/* empty css         */
+import _sfc_main$3 from "./index40.mjs";
+/* empty css         */
+import { useTourVisto } from "./index100.mjs";
+import { useLeituraVoz } from "./index97.mjs";
+import { usePreferencias } from "./index98.mjs";
+import { gerarId } from "./index86.mjs";
+const _hoisted_1 = ["aria-label", "title"];
+const _hoisted_2 = {
+  key: 0,
+  class: "acaihelp__novo",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "acaihelp__vazio"
+};
+const _hoisted_4 = { class: "acaihelp__tour-icone" };
+const _hoisted_5 = { class: "acaihelp__tour-texto" };
+const _hoisted_6 = {
+  key: 2,
+  class: "acaihelp__topicos"
+};
+const _hoisted_7 = { class: "acaihelp__topico-titulo" };
+const _hoisted_8 = {
+  key: 0,
+  class: "acaihelp__topico-icone"
+};
+const _hoisted_9 = { class: "acaihelp__topico-corpo" };
+const _hoisted_10 = { class: "acaihelp__topico-texto" };
+const _hoisted_11 = ["aria-pressed", "aria-label", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-help",
+  props: {
+    content: {},
+    icon: { default: "help" },
+    ariaLabel: { default: "Ajuda" },
+    autoStart: { type: Boolean, default: false },
+    hideNewBadge: { type: Boolean, default: false },
+    hideAudio: { type: Boolean },
+    audioLang: {}
+  },
+  emits: ["open", "tour-start", "tour-finish", "tour-exit", "tour-step", "tour-step-skipped"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { jaViu, marcarVisto } = useTourVisto();
+    const modalAberto = ref(false);
+    const tourAtivo = ref(false);
+    const gatilhoRef = ref(null);
+    const tourRef = ref(null);
+    const iconeGatilho = computed(() => props.icon ?? "help");
+    const tituloModal = computed(() => props.content.title || "Ajuda");
+    const tituloTour = computed(() => {
+      var _a;
+      return ((_a = props.content.tour) == null ? void 0 : _a.title) || "Aprenda a usar";
+    });
+    const rotuloGatilho = computed(() => props.ariaLabel || "Ajuda");
+    const temTopicos = computed(() => {
+      var _a;
+      return (((_a = props.content.topics) == null ? void 0 : _a.length) ?? 0) > 0;
+    });
+    const temTour = computed(() => {
+      var _a;
+      return (((_a = props.content.tour) == null ? void 0 : _a.steps.length) ?? 0) > 0;
+    });
+    const totalPassos = computed(() => {
+      var _a;
+      return ((_a = props.content.tour) == null ? void 0 : _a.steps.length) ?? 0;
+    });
+    const { preferencias } = usePreferencias();
+    const {
+      suportado: vozSuportada,
+      temVozPara,
+      vozes,
+      idLendo,
+      alternar: alternarFala,
+      parar: pararFala
+    } = useLeituraVoz();
+    const idiomaFala = computed(() => props.audioLang || "pt-BR");
+    const mostrarAudio = computed(() => {
+      void vozes.value;
+      return vozSuportada.value && !props.hideAudio && preferencias.leituraVoz && temVozPara(idiomaFala.value);
+    });
+    const idBase = gerarId("acai-voz", "help");
+    const idDoTopico = (indice) => `${idBase}:topico:${indice}`;
+    const lendoTopico = (indice) => idLendo.value === idDoTopico(indice);
+    function alternarTopico(indice, topico) {
+      alternarFala(`${topico.title}. ${topico.text}`, {
+        id: idDoTopico(indice),
+        lang: idiomaFala.value,
+        voz: preferencias.vozNome,
+        rate: preferencias.vozVelocidade
+      });
+    }
+    watch(modalAberto, (aberto) => {
+      if (!aberto) pararFala();
+    });
+    onBeforeUnmount(pararFala);
+    const mostrarPontoNovo = computed(() => {
+      if (props.hideNewBadge || !temTour.value) return false;
+      return !jaViu(props.content.tour.id);
+    });
+    function abrirModal() {
+      modalAberto.value = true;
+      emits("open");
+    }
+    function iniciarTour() {
+      pararFala();
+      modalAberto.value = false;
+      void nextTick(() => {
+        window.setTimeout(() => {
+          var _a;
+          (_a = gatilhoRef.value) == null ? void 0 : _a.focus({ preventScroll: true });
+          tourAtivo.value = true;
+          emits("tour-start");
+        }, 180);
+      });
+    }
+    function aoConcluirTour() {
+      marcarVisto(props.content.tour.id);
+      emits("tour-finish");
+    }
+    onMounted(() => {
+      if (!props.autoStart || !temTour.value) return;
+      if (jaViu(props.content.tour.id)) return;
+      void nextTick(() => {
+        tourAtivo.value = true;
+        emits("tour-start");
+      });
+    });
+    __expose({
+      abrirModal,
+      iniciarTour,
+      /** Fecha modal e tour de uma vez — útil ao trocar de rota. */
+      fechar: () => {
+        modalAberto.value = false;
+        tourAtivo.value = false;
+      },
+      proximo: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.proximo();
+      },
+      anterior: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.anterior();
+      },
+      irPara: (indice) => {
+        var _a;
+        return void ((_a = tourRef.value) == null ? void 0 : _a.irPara(indice));
+      },
+      sairTour: () => {
+        var _a;
+        return (_a = tourRef.value) == null ? void 0 : _a.sair();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("button", {
+          ref_key: "gatilhoRef",
+          ref: gatilhoRef,
+          type: "button",
+          class: normalizeClass(["acaihelp__gatilho", { "acaihelp__gatilho--novo": mostrarPontoNovo.value }]),
+          "aria-label": rotuloGatilho.value,
+          title: rotuloGatilho.value,
+          onClick: abrirModal
+        }, [
+          createVNode(_sfc_main$1, {
+            name: iconeGatilho.value,
+            size: "md"
+          }, null, 8, ["name"]),
+          mostrarPontoNovo.value ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)
+        ], 10, _hoisted_1),
+        createVNode(_sfc_main$2, {
+          modelValue: modalAberto.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalAberto.value = $event),
+          title: tituloModal.value,
+          "hide-actions": "",
+          "modal-class": "acaihelp__modal"
+        }, {
+          default: withCtx(() => [
+            !temTopicos.value && !temTour.value ? (openBlock(), createElementBlock("p", _hoisted_3, " Ainda não há conteúdo de ajuda para esta tela. ")) : createCommentVNode("", true),
+            temTour.value ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "acaihelp__tour",
+              onClick: iniciarTour
+            }, [
+              createElementVNode("span", _hoisted_4, [
+                createVNode(_sfc_main$1, {
+                  name: "auto_stories",
+                  size: "md"
+                })
+              ]),
+              createElementVNode("span", _hoisted_5, [
+                createElementVNode("strong", null, toDisplayString(tituloTour.value), 1),
+                createElementVNode("small", null, " Passo a passo guiado pela tela — " + toDisplayString(totalPassos.value) + " " + toDisplayString(totalPassos.value === 1 ? "passo" : "passos") + ". ", 1)
+              ]),
+              createVNode(_sfc_main$1, {
+                name: "arrow_forward",
+                size: "md"
+              })
+            ])) : createCommentVNode("", true),
+            temTopicos.value ? (openBlock(), createElementBlock("ul", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.content.topics, (topico, indice) => {
+                return openBlock(), createElementBlock("li", {
+                  key: indice,
+                  class: "acaihelp__topico"
+                }, [
+                  createElementVNode("details", null, [
+                    createElementVNode("summary", _hoisted_7, [
+                      topico.icon ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                        createVNode(_sfc_main$1, {
+                          name: topico.icon,
+                          size: "md",
+                          decorative: ""
+                        }, null, 8, ["name"])
+                      ])) : createCommentVNode("", true),
+                      createElementVNode("span", null, toDisplayString(topico.title), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_9, [
+                      createElementVNode("p", _hoisted_10, toDisplayString(topico.text), 1),
+                      mostrarAudio.value ? (openBlock(), createElementBlock("button", {
+                        key: 0,
+                        type: "button",
+                        class: "acaihelp__ouvir",
+                        "aria-pressed": lendoTopico(indice),
+                        "aria-label": `Ouvir: ${topico.title}`,
+                        onClick: ($event) => alternarTopico(indice, topico)
+                      }, [
+                        createVNode(_sfc_main$1, {
+                          name: lendoTopico(indice) ? "stop" : "volume_up",
+                          size: "16px",
+                          decorative: ""
+                        }, null, 8, ["name"])
+                      ], 8, _hoisted_11)) : createCommentVNode("", true)
+                    ])
+                  ])
+                ]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        temTour.value && tourAtivo.value ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 0,
+          ref_key: "tourRef",
+          ref: tourRef,
+          modelValue: tourAtivo.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tourAtivo.value = $event),
+          tour: __props.content.tour,
+          "hide-audio": __props.hideAudio,
+          "audio-lang": __props.audioLang,
+          onFinish: aoConcluirTour,
+          onExit: _cache[2] || (_cache[2] = ($event) => emits("tour-exit")),
+          onStep: _cache[3] || (_cache[3] = (indice) => emits("tour-step", indice)),
+          onStepSkipped: _cache[4] || (_cache[4] = (info) => emits("tour-step-skipped", info))
+        }, null, 8, ["modelValue", "tour", "hide-audio", "audio-lang"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index21.mjs.map