acai-ui 1.65.5

package/dist/index144.mjs

@@ -0,0 +1,400 @@
+import { defineComponent, useModel, computed, watch, onBeforeUnmount, onMounted, openBlock, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, unref, normalizeClass, createTextVNode, Fragment, renderList, normalizeStyle, createVNode, withDirectives, vModelSelect, mergeModels } from "vue";
+import { QDrawer } from "quasar";
+import { usePreferencias } from "./index98.mjs";
+import { useTela } from "./index71.mjs";
+import { useLeituraVoz } from "./index97.mjs";
+import { gerarId } from "./index86.mjs";
+import _sfc_main$1 from "./index23.mjs";
+import AcaiUiToggle from "./index68.mjs";
+const _hoisted_1 = { class: "acaipref" };
+const _hoisted_2 = {
+  key: 0,
+  class: "acaipref__cab"
+};
+const _hoisted_3 = { class: "acaipref__corpo" };
+const _hoisted_4 = { class: "acaipref-bloco" };
+const _hoisted_5 = { class: "acaipref-campo" };
+const _hoisted_6 = { class: "acaipref-seg" };
+const _hoisted_7 = { class: "acaipref-bloco" };
+const _hoisted_8 = { class: "acaipref-campo" };
+const _hoisted_9 = { class: "acaipref-seg" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "acaipref-cvd-bloco" };
+const _hoisted_12 = {
+  class: "acaipref-cvd",
+  role: "radiogroup",
+  "aria-label": "Modo daltônico"
+};
+const _hoisted_13 = ["aria-checked", "onClick"];
+const _hoisted_14 = { class: "acaipref-cvd__nome" };
+const _hoisted_15 = {
+  class: "acaipref-cvd__swatches",
+  "aria-hidden": "true"
+};
+const _hoisted_16 = { class: "acaipref-campo" };
+const _hoisted_17 = { class: "acaipref-campo" };
+const _hoisted_18 = {
+  key: 0,
+  class: "acaipref-campo"
+};
+const _hoisted_19 = {
+  key: 0,
+  class: "acaipref-campo acaipref-campo--col"
+};
+const _hoisted_20 = ["for"];
+const _hoisted_21 = ["id"];
+const _hoisted_22 = ["value", "title"];
+const _hoisted_23 = { class: "acaipref-campo acaipref-campo--col" };
+const _hoisted_24 = {
+  class: "acaipref-seg",
+  role: "radiogroup",
+  "aria-label": "Velocidade da fala"
+};
+const _hoisted_25 = ["aria-checked", "onClick"];
+const _hoisted_26 = { class: "acaipref-campo" };
+const _hoisted_27 = ["aria-pressed"];
+const LARGURA_PADRAO = 360;
+const FAIXA_BACKDROP = 56;
+const ID_TESTE_VOZ = "acai-preferencias:teste-voz";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-preferences",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "Preferências" },
+    embutido: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const aberto = useModel(__props, "modelValue");
+    const { largura: larguraTela, medido } = useTela();
+    const larguraEfetiva = computed(
+      () => medido.value ? Math.min(LARGURA_PADRAO, Math.max(larguraTela.value - FAIXA_BACKDROP, 240)) : LARGURA_PADRAO
+    );
+    const raiz = computed(() => props.embutido ? "div" : QDrawer);
+    const atributosRaiz = computed(
+      () => props.embutido ? { class: "acaipref-embutido" } : {
+        modelValue: aberto.value,
+        "onUpdate:modelValue": (v) => {
+          aberto.value = v;
+        },
+        side: "right",
+        overlay: true,
+        bordered: true,
+        width: larguraEfetiva.value,
+        class: "acaipref-drawer"
+      }
+    );
+    const { preferencias } = usePreferencias();
+    const {
+      suportado: vozSuportada,
+      vozesPara,
+      vozes,
+      idLendo,
+      alternar: alternarFala,
+      parar: pararFala
+    } = useLeituraVoz();
+    const idSeletorVoz = gerarId("acaipref-voz", "select");
+    const vozesDoIdioma = computed(() => {
+      void vozes.value;
+      return vozesPara("pt-BR");
+    });
+    const velocidades = [
+      { valor: 0.6, rotulo: "Devagar" },
+      { valor: 1, rotulo: "Normal" },
+      { valor: 1.6, rotulo: "Rápida" }
+    ];
+    const testando = computed(() => idLendo.value === ID_TESTE_VOZ);
+    function testarVoz() {
+      alternarFala("Esta é a voz que vai ler os textos de ajuda do sistema.", {
+        id: ID_TESTE_VOZ,
+        voz: preferencias.vozNome,
+        rate: preferencias.vozVelocidade
+      });
+    }
+    watch(
+      () => [preferencias.vozNome, preferencias.vozVelocidade, preferencias.leituraVoz],
+      () => pararFala()
+    );
+    onBeforeUnmount(pararFala);
+    const fontes = [
+      { v: 87.5, cls: "fs-1" },
+      { v: 100, cls: "fs-2" },
+      { v: 112.5, cls: "fs-3" },
+      { v: 125, cls: "fs-4" }
+    ];
+    const opcoesDaltonismo = [
+      { valor: "padrao", rotulo: "Padrão", cores: ["#38904c", "#f0c065", "#b52232", "#1a4a8c"] },
+      { valor: "protanopia", rotulo: "Protanopia", cores: ["#0072b2", "#f0b000", "#e8590c", "#7a52a0"] },
+      { valor: "deuteranopia", rotulo: "Deuteranopia", cores: ["#0072b2", "#e69f00", "#d55e00", "#7a52a0"] },
+      { valor: "tritanopia", rotulo: "Tritanopia", cores: ["#009e73", "#ee7733", "#cc3311", "#0077bb"] },
+      { valor: "acromatopsia", rotulo: "Acromatopsia", cores: ["#808080", "#6b6b6b", "#3d3d3d", "#565656"] }
+    ];
+    function aoTeclar(e) {
+      if (e.key === "Escape" && aberto.value) aberto.value = false;
+    }
+    onMounted(() => window.addEventListener("keydown", aoTeclar));
+    onBeforeUnmount(() => window.removeEventListener("keydown", aoTeclar));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(raiz.value), normalizeProps(guardReactiveProps(atributosRaiz.value)), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            !__props.embutido ? (openBlock(), createElementBlock("header", _hoisted_2, [
+              _cache[8] || (_cache[8] = createElementVNode("svg", {
+                class: "acaipref-icon",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", { d: "M4 6h10M18 6h2M4 12h2M10 12h10M4 18h8M16 18h4" }),
+                createElementVNode("circle", {
+                  cx: "16",
+                  cy: "6",
+                  r: "2"
+                }),
+                createElementVNode("circle", {
+                  cx: "8",
+                  cy: "12",
+                  r: "2"
+                }),
+                createElementVNode("circle", {
+                  cx: "14",
+                  cy: "18",
+                  r: "2"
+                })
+              ], -1)),
+              createElementVNode("h2", null, toDisplayString(__props.title), 1),
+              createElementVNode("button", {
+                class: "acaipref-btn",
+                type: "button",
+                "aria-label": "Fechar",
+                onClick: _cache[0] || (_cache[0] = ($event) => aberto.value = false)
+              }, [..._cache[7] || (_cache[7] = [
+                createElementVNode("svg", {
+                  class: "acaipref-icon",
+                  viewBox: "0 0 24 24"
+                }, [
+                  createElementVNode("path", { d: "M18 6 6 18M6 6l12 12" })
+                ], -1)
+              ])])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("section", _hoisted_4, [
+                _cache[12] || (_cache[12] = createElementVNode("div", { class: "acaipref-bloco__rot" }, "Aparência", -1)),
+                createElementVNode("div", _hoisted_5, [
+                  _cache[11] || (_cache[11] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Tema"),
+                    createElementVNode("span", { class: "d" }, "Claro ou escuro")
+                  ], -1)),
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode("button", {
+                      type: "button",
+                      class: normalizeClass({ on: unref(preferencias).tema === "claro" }),
+                      onClick: _cache[1] || (_cache[1] = ($event) => unref(preferencias).tema = "claro")
+                    }, [..._cache[9] || (_cache[9] = [
+                      createElementVNode("span", { class: "acaipref-seg__c" }, [
+                        createElementVNode("svg", {
+                          class: "acaipref-icon sm",
+                          viewBox: "0 0 24 24"
+                        }, [
+                          createElementVNode("circle", {
+                            cx: "12",
+                            cy: "12",
+                            r: "4.5"
+                          }),
+                          createElementVNode("path", { d: "M12 2v2M12 20v2M4 12H2M22 12h-2M5 5 4 4M19 5l1-1M5 19l-1 1M19 19l1 1" })
+                        ]),
+                        createTextVNode(" Claro ")
+                      ], -1)
+                    ])], 2),
+                    createElementVNode("button", {
+                      type: "button",
+                      class: normalizeClass({ on: unref(preferencias).tema === "escuro" }),
+                      onClick: _cache[2] || (_cache[2] = ($event) => unref(preferencias).tema = "escuro")
+                    }, [..._cache[10] || (_cache[10] = [
+                      createElementVNode("span", { class: "acaipref-seg__c" }, [
+                        createElementVNode("svg", {
+                          class: "acaipref-icon sm",
+                          viewBox: "0 0 24 24"
+                        }, [
+                          createElementVNode("path", { d: "M21 12.8A8.5 8.5 0 1 1 11.2 3 6.6 6.6 0 0 0 21 12.8Z" })
+                        ]),
+                        createTextVNode(" Escuro ")
+                      ], -1)
+                    ])], 2)
+                  ])
+                ])
+              ]),
+              createElementVNode("section", _hoisted_7, [
+                _cache[22] || (_cache[22] = createElementVNode("div", { class: "acaipref-bloco__rot" }, "Acessibilidade", -1)),
+                createElementVNode("div", _hoisted_8, [
+                  _cache[13] || (_cache[13] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Tamanho da fonte"),
+                    createElementVNode("span", { class: "d" }, "Ajusta todo o sistema")
+                  ], -1)),
+                  createElementVNode("div", _hoisted_9, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(fontes, (op) => {
+                      return createElementVNode("button", {
+                        key: op.v,
+                        type: "button",
+                        class: normalizeClass(["fs-a", op.cls, { on: unref(preferencias).tamanhoFonte === op.v }]),
+                        onClick: ($event) => unref(preferencias).tamanhoFonte = op.v
+                      }, "A", 10, _hoisted_10);
+                    }), 64))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_11, [
+                  _cache[14] || (_cache[14] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Modo daltônico"),
+                    createElementVNode("span", { class: "d" }, "Cores de status distinguíveis")
+                  ], -1)),
+                  createElementVNode("div", _hoisted_12, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(opcoesDaltonismo, (op) => {
+                      return createElementVNode("button", {
+                        key: op.valor,
+                        type: "button",
+                        class: normalizeClass(["acaipref-cvd__op", { on: unref(preferencias).daltonismo === op.valor }]),
+                        role: "radio",
+                        "aria-checked": unref(preferencias).daltonismo === op.valor,
+                        onClick: ($event) => unref(preferencias).daltonismo = op.valor
+                      }, [
+                        createElementVNode("span", _hoisted_14, toDisplayString(op.rotulo), 1),
+                        createElementVNode("span", _hoisted_15, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(op.cores, (cor) => {
+                            return openBlock(), createElementBlock("span", {
+                              key: cor,
+                              class: "acaipref-swatch",
+                              style: normalizeStyle({
+                                display: "inline-block",
+                                width: "20px",
+                                height: "20px",
+                                borderRadius: "6px",
+                                background: cor,
+                                boxShadow: "0 0 0 1.5px rgba(255, 255, 255, 0.18)"
+                              })
+                            }, null, 4);
+                          }), 128))
+                        ])
+                      ], 10, _hoisted_13);
+                    }), 64))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_16, [
+                  _cache[15] || (_cache[15] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Alto contraste"),
+                    createElementVNode("span", { class: "d" }, "Reforça bordas e textos")
+                  ], -1)),
+                  createVNode(AcaiUiToggle, {
+                    modelValue: unref(preferencias).altoContraste,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(preferencias).altoContraste = $event),
+                    "aria-label": "Alto contraste"
+                  }, null, 8, ["modelValue"])
+                ]),
+                createElementVNode("div", _hoisted_17, [
+                  _cache[16] || (_cache[16] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Reduzir animações"),
+                    createElementVNode("span", { class: "d" }, "Menos movimento na tela")
+                  ], -1)),
+                  createVNode(AcaiUiToggle, {
+                    modelValue: unref(preferencias).reduzirAnimacoes,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(preferencias).reduzirAnimacoes = $event),
+                    "aria-label": "Reduzir animações"
+                  }, null, 8, ["modelValue"])
+                ]),
+                unref(vozSuportada) ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                  _cache[17] || (_cache[17] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                    createElementVNode("span", { class: "t" }, "Leitura em voz alta"),
+                    createElementVNode("span", { class: "d" }, "Botões para ouvir os textos da ajuda")
+                  ], -1)),
+                  createVNode(AcaiUiToggle, {
+                    modelValue: unref(preferencias).leituraVoz,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(preferencias).leituraVoz = $event),
+                    "aria-label": "Leitura em voz alta"
+                  }, null, 8, ["modelValue"])
+                ])) : createCommentVNode("", true),
+                unref(vozSuportada) && unref(preferencias).leituraVoz ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  vozesDoIdioma.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                    createElementVNode("label", {
+                      class: "acaipref-campo__txt",
+                      for: unref(idSeletorVoz)
+                    }, [..._cache[18] || (_cache[18] = [
+                      createElementVNode("span", { class: "t" }, "Voz", -1),
+                      createElementVNode("span", { class: "d" }, "Vozes instaladas neste computador", -1)
+                    ])], 8, _hoisted_20),
+                    withDirectives(createElementVNode("select", {
+                      id: unref(idSeletorVoz),
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(preferencias).vozNome = $event),
+                      class: "acaipref-select"
+                    }, [
+                      _cache[19] || (_cache[19] = createElementVNode("option", { value: "" }, "Automática", -1)),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(vozesDoIdioma.value, (voz, indice) => {
+                        return openBlock(), createElementBlock("option", {
+                          key: voz.name,
+                          value: voz.name,
+                          title: voz.name
+                        }, " Voz " + toDisplayString(indice + 1), 9, _hoisted_22);
+                      }), 128))
+                    ], 8, _hoisted_21), [
+                      [vModelSelect, unref(preferencias).vozNome]
+                    ])
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_23, [
+                    _cache[20] || (_cache[20] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                      createElementVNode("span", { class: "t" }, "Velocidade da fala"),
+                      createElementVNode("span", { class: "d" }, "Mais devagar ajuda a acompanhar")
+                    ], -1)),
+                    createElementVNode("div", _hoisted_24, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(velocidades, (op) => {
+                        return createElementVNode("button", {
+                          key: op.valor,
+                          type: "button",
+                          class: normalizeClass(["acaipref-seg__op", { on: unref(preferencias).vozVelocidade === op.valor }]),
+                          role: "radio",
+                          "aria-checked": unref(preferencias).vozVelocidade === op.valor,
+                          onClick: ($event) => unref(preferencias).vozVelocidade = op.valor
+                        }, toDisplayString(op.rotulo), 11, _hoisted_25);
+                      }), 64))
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_26, [
+                    _cache[21] || (_cache[21] = createElementVNode("span", { class: "acaipref-campo__txt" }, [
+                      createElementVNode("span", { class: "t" }, "Testar"),
+                      createElementVNode("span", { class: "d" }, "Ouça como ficou")
+                    ], -1)),
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "acaipref-testar",
+                      "aria-pressed": testando.value,
+                      onClick: testarVoz
+                    }, [
+                      createVNode(_sfc_main$1, {
+                        name: testando.value ? "stop" : "volume_up",
+                        size: "md",
+                        decorative: ""
+                      }, null, 8, ["name"]),
+                      createTextVNode(" " + toDisplayString(testando.value ? "Parar" : "Ouvir"), 1)
+                    ], 8, _hoisted_27)
+                  ])
+                ], 64)) : createCommentVNode("", true)
+              ])
+            ]),
+            _cache[23] || (_cache[23] = createElementVNode("footer", { class: "acaipref__pe" }, [
+              createElementVNode("svg", {
+                class: "acaipref-icon sm",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", { d: "M12 3 4 6v6c0 4.5 3.4 7.9 8 9 4.6-1.1 8-4.5 8-9V6z" })
+              ]),
+              createTextVNode(" Preferências salvas neste dispositivo. ")
+            ], -1))
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index144.mjs.map

package/dist/index144.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index144.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}