acai-ui 1.65.5

package/dist/index12.cjs

@@ -0,0 +1,606 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const useTela = require("./index71.cjs");
+const acaiUiIcon_vue_vue_type_script_setup_true_lang = require("./index23.cjs");
+const acaiUiPreferences = require("./index62.cjs");
+const acaiUiTooltip_vue_vue_type_script_setup_true_lang = require("./index38.cjs");
+;/* empty css          */
+const drawerSidebarHelper = require("./index189.cjs");
+const _hoisted_1 = ["aria-label", "aria-pressed"];
+const _hoisted_2 = {
+  key: 2,
+  class: "drawer-brand"
+};
+const _hoisted_3 = {
+  key: "corpo-pref",
+  class: "drawer-folha__painel"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "footer"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "footer__versao"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "footer__versao-rotulo"
+};
+const _hoisted_7 = { class: "footer__versao-numero" };
+const _hoisted_8 = ["aria-label", "aria-expanded"];
+const tituloPreferencias = "Preferências";
+const ALTURA_ACAO = 44;
+const ALTURA_HANDLE = 32;
+const RECUO_INTERNO = 46;
+const FOLGA_EXTERNA = 10;
+const CENTRO_PADRAO = 35;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "acai-ui-drawer",
+  props: /* @__PURE__ */ vue.mergeModels({
+    items: {},
+    activeKey: { default: "" },
+    width: { default: 320 },
+    breakpoint: { default: 1024 },
+    sheetBreakpoint: { default: 600 },
+    preferences: { type: Boolean, default: true },
+    version: { default: "" },
+    miniWidth: { default: 72 },
+    collapsible: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {},
+    "mini": { type: Boolean, ...{ default: false } },
+    "miniModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["item-click"], ["update:modelValue", "update:mini"]),
+  setup(__props, { emit: __emit }) {
+    const attrs = vue.useAttrs();
+    const props = __props;
+    const emit = __emit;
+    const aberto = vue.useModel(__props, "modelValue");
+    const mini = vue.useModel(__props, "mini");
+    const { largura: larguraTela, medido, abaixoDe } = useTela.useTela();
+    const estreito = abaixoDe(() => props.breakpoint);
+    const comportamento = vue.computed(
+      () => estreito.value ? "mobile" : "desktop"
+    );
+    const ehFolhaMobile = abaixoDe(() => props.sheetBreakpoint);
+    const vista = vue.ref("menu");
+    const nomeTransicao = vue.computed(
+      () => vista.value === "preferencias" ? "acai-vista-avanca" : "acai-vista-volta"
+    );
+    const estiloAcoes = vue.computed(() => ({
+      top: `${centroAncora.value - topoDrawer.value - ALTURA_ACAO / 2}px`
+    }));
+    vue.watch(ehFolhaMobile, (folha) => {
+      if (!folha) vista.value = "menu";
+    });
+    vue.watch(aberto, (estaAberto) => {
+      if (!estaAberto) vista.value = "menu";
+    });
+    const raiz = vue.computed(() => ehFolhaMobile.value ? quasar.QDialog : quasar.QDrawer);
+    const atributosRaiz = vue.computed(() => {
+      const modelo = {
+        modelValue: aberto.value,
+        "onUpdate:modelValue": (v) => {
+          aberto.value = v;
+        }
+      };
+      if (ehFolhaMobile.value) {
+        return {
+          ...modelo,
+          maximized: true,
+          transitionShow: "slide-up",
+          transitionHide: "slide-down",
+          class: "acai-drawer-folha"
+        };
+      }
+      return {
+        ...modelo,
+        ...attrs,
+        showIfAbove: true,
+        bordered: true,
+        breakpoint: props.breakpoint,
+        width: larguraEfetiva.value,
+        mini: miniAtivo.value,
+        miniWidth: props.miniWidth,
+        behavior: comportamento.value,
+        overlay: comportamento.value === "mobile"
+      };
+    });
+    const classesConteudo = vue.computed(() => ({
+      "drawer-container--mini": miniAtivo.value,
+      "drawer-container--collapsible": props.collapsible,
+      "drawer-container--mobile": comportamento.value === "mobile" && !ehFolhaMobile.value,
+      "drawer-container--folha": ehFolhaMobile.value,
+      // Sem o atalho de preferências sobra um botão só, e a quina reservada na
+      // marca encolhe junto.
+      "drawer-container--folha-uma-acao": ehFolhaMobile.value && !props.preferences
+    }));
+    const larguraEfetiva = vue.computed(
+      () => comportamento.value === "mobile" && medido.value ? Math.min(props.width, Math.max(larguraTela.value - 56, 240)) : props.width
+    );
+    const miniAtivo = vue.computed({
+      get: () => mini.value && comportamento.value === "desktop",
+      set: (v) => {
+        mini.value = v;
+      }
+    });
+    const anoAtual = (/* @__PURE__ */ new Date()).getFullYear();
+    const ehGrupo = (n) => "children" in n;
+    const ehFolha = (n) => "name" in n;
+    function temHref(no) {
+      return "href" in no && typeof no.href === "string" && no.href.length > 0;
+    }
+    const itensVisiveis = vue.computed(
+      () => drawerSidebarHelper.processarSidebar(props.items)
+    );
+    const ativo = (nome) => typeof nome === "string" && nome.length > 0 && nome === props.activeKey;
+    function temAtivo(no) {
+      if (temHref(no)) return false;
+      if (ehFolha(no)) return ativo(no.name);
+      if (ehGrupo(no)) return no.children.some((child) => temAtivo(child));
+      return false;
+    }
+    const expansaoAberta = vue.reactive({});
+    function abrirExpansoesDaRotaAtiva() {
+      for (const group of itensVisiveis.value) {
+        if (ehGrupo(group)) {
+          if (temAtivo(group)) {
+            expansaoAberta[group.expansionName] = true;
+            for (const child of group.children) {
+              if (ehGrupo(child) && temAtivo(child)) {
+                expansaoAberta[child.expansionName] = true;
+              }
+            }
+          }
+        }
+      }
+    }
+    vue.watch(
+      () => props.activeKey,
+      () => {
+        abrirExpansoesDaRotaAtiva();
+      },
+      { immediate: true }
+    );
+    const drawerRef = vue.ref(null);
+    const conteudoRef = vue.ref(null);
+    const centroAncora = vue.ref(CENTRO_PADRAO);
+    const topoDrawer = vue.ref(0);
+    function medirAncora() {
+      const el = conteudoRef.value;
+      if (!(el instanceof HTMLElement)) return;
+      const topo = el.getBoundingClientRect().top;
+      topoDrawer.value = topo;
+      const marca = el.querySelector(".drawer-brand");
+      if (!(marca instanceof HTMLElement)) {
+        centroAncora.value = topo + CENTRO_PADRAO;
+        return;
+      }
+      const primeiraLinha = marca.firstElementChild;
+      if (primeiraLinha instanceof HTMLElement) {
+        const r2 = primeiraLinha.getBoundingClientRect();
+        centroAncora.value = r2.top + r2.height / 2;
+        return;
+      }
+      const r = marca.getBoundingClientRect();
+      const cs = getComputedStyle(marca);
+      const padTopo = Number.parseFloat(cs.paddingTop) || 0;
+      const padBase = Number.parseFloat(cs.paddingBottom) || 0;
+      centroAncora.value = r.top + padTopo + (r.height - padTopo - padBase) / 2;
+    }
+    const estiloHandle = vue.computed(() => ({
+      // `top` posiciona a BORDA, então desconta metade da altura pra o CENTRO do
+      // handle bater com o centro da marca.
+      top: `${centroAncora.value - ALTURA_HANDLE / 2}px`,
+      // Recolhido: para FORA do trilho. Expandido: encostado na borda interna, na
+      // mesma linha da marca (ao lado do que o consumidor puser no slot #brand).
+      left: miniAtivo.value ? `${props.miniWidth + FOLGA_EXTERNA}px` : `${props.width - RECUO_INTERNO}px`
+    }));
+    const estiloFechar = vue.computed(() => ({
+      top: `${centroAncora.value - topoDrawer.value - ALTURA_HANDLE / 2}px`
+    }));
+    vue.onMounted(() => {
+      medirAncora();
+      window.addEventListener("resize", medirAncora);
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("resize", medirAncora);
+    });
+    vue.watch([miniAtivo, aberto, vista], () => {
+      void vue.nextTick(medirAncora);
+    });
+    function iconeDe(no) {
+      const icone = ehGrupo(no) ? no.iconExpansion : no.icon;
+      return icone ?? "label";
+    }
+    function rotuloDe(no) {
+      return ehGrupo(no) ? no.label ?? no.expansionName : no.label;
+    }
+    function aoClicarMini(no) {
+      if (ehGrupo(no)) {
+        expansaoAberta[no.expansionName] = true;
+        miniAtivo.value = false;
+        return;
+      }
+      aoClicarItem(no);
+    }
+    function ehUrlAbsoluta(url) {
+      return /^https?:\/\//i.test(url);
+    }
+    function construirUrl(no) {
+      return ehUrlAbsoluta(no.href) ? no.href : no.href.startsWith("/") ? no.href : `/${no.href}`;
+    }
+    function aoClicarItem(no) {
+      if (temHref(no)) {
+        const url = construirUrl(no);
+        window.open(url, "_blank", "noopener");
+        return;
+      }
+      if (ehFolha(no)) {
+        emit("item-click", no);
+      }
+    }
+    function chaveGrupo(n) {
+      return ehGrupo(n) ? `g:${n.expansionName}` : `f:${n.name ?? n.label}`;
+    }
+    function chaveFilho(n) {
+      return ehGrupo(n) ? `g:${n.expansionName}` : `f:${n.name ?? n.label}`;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(raiz.value), vue.mergeProps({
+          ref_key: "drawerRef",
+          ref: drawerRef
+        }, atributosRaiz.value), {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              ref_key: "conteudoRef",
+              ref: conteudoRef,
+              class: vue.normalizeClass(["drawer-container", classesConteudo.value])
+            }, [
+              vue.unref(ehFolhaMobile) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "drawer-folha__acoes",
+                style: vue.normalizeStyle(estiloAcoes.value)
+              }, [
+                __props.preferences ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "acai-drawer-acao",
+                  "aria-label": vista.value === "menu" ? tituloPreferencias : "Voltar ao menu",
+                  "aria-pressed": vista.value === "preferencias",
+                  onClick: _cache[0] || (_cache[0] = ($event) => vista.value = vista.value === "menu" ? "preferencias" : "menu")
+                }, [
+                  vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                    name: vista.value === "menu" ? "tune" : "menu",
+                    size: "20px",
+                    decorative: ""
+                  }, null, 8, ["name"])
+                ], 8, _hoisted_1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("button", {
+                  type: "button",
+                  class: "acai-drawer-acao",
+                  "aria-label": "Fechar menu",
+                  onClick: _cache[1] || (_cache[1] = ($event) => aberto.value = false)
+                }, [
+                  vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                    name: "close",
+                    size: "20px",
+                    decorative: ""
+                  })
+                ])
+              ], 4)) : vue.createCommentVNode("", true),
+              comportamento.value === "mobile" && !vue.unref(ehFolhaMobile) ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 1,
+                type: "button",
+                class: "acai-drawer-fechar",
+                style: vue.normalizeStyle(estiloFechar.value),
+                "aria-label": "Fechar menu",
+                onClick: _cache[2] || (_cache[2] = ($event) => aberto.value = false)
+              }, [
+                vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                  name: "close",
+                  size: "18px",
+                  decorative: ""
+                })
+              ], 4)) : vue.createCommentVNode("", true),
+              _ctx.$slots.brand ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                vue.renderSlot(_ctx.$slots, "brand", {
+                  mini: miniAtivo.value,
+                  vista: vista.value
+                })
+              ])) : vue.createCommentVNode("", true),
+              vue.createVNode(vue.Transition, {
+                name: nomeTransicao.value,
+                mode: "out-in"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.unref(ehFolhaMobile) && vista.value === "preferencias" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                    vue.createVNode(acaiUiPreferences, { embutido: "" })
+                  ])) : (vue.openBlock(), vue.createBlock(quasar.QScrollArea, {
+                    key: "corpo-menu",
+                    class: "drawer-scroll"
+                  }, {
+                    default: vue.withCtx(() => [
+                      miniAtivo.value ? (vue.openBlock(), vue.createBlock(quasar.QList, {
+                        key: 0,
+                        class: "drawer-mini-list"
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itensVisiveis.value, (no) => {
+                            return vue.openBlock(), vue.createBlock(quasar.QItem, {
+                              key: chaveGrupo(no),
+                              active: ehFolha(no) && ativo(no.name),
+                              "active-class": "item-ativo",
+                              clickable: "",
+                              class: "drawer-item drawer-mini-item",
+                              "aria-label": rotuloDe(no),
+                              onClick: ($event) => aoClicarMini(no)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                                  name: iconeDe(no)
+                                }, null, 8, ["name"]),
+                                vue.createVNode(acaiUiTooltip_vue_vue_type_script_setup_true_lang, { position: "right" }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createTextVNode(vue.toDisplayString(rotuloDe(no)), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1032, ["active", "aria-label", "onClick"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      })) : (vue.openBlock(), vue.createBlock(quasar.QList, { key: 1 }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itensVisiveis.value, (group) => {
+                            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                              key: chaveGrupo(group)
+                            }, [
+                              ehGrupo(group) ? (vue.openBlock(), vue.createBlock(quasar.QExpansionItem, {
+                                key: 0,
+                                "header-class": [
+                                  "header-expansao",
+                                  temAtivo(group) ? "expansion-ativo" : ""
+                                ],
+                                "expand-icon": "chevron_right",
+                                "expand-icon-class": "text-white",
+                                "model-value": expansaoAberta[group.expansionName] ?? false,
+                                "onUpdate:modelValue": (val) => expansaoAberta[group.expansionName] = val
+                              }, {
+                                header: vue.withCtx(() => [
+                                  vue.createVNode(quasar.QItemSection, { class: "content-header-itens" }, {
+                                    default: vue.withCtx(() => [
+                                      group.iconExpansion ? (vue.openBlock(), vue.createBlock(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                                        key: 0,
+                                        name: group.iconExpansion
+                                      }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                                      vue.createElementVNode("span", null, vue.toDisplayString(group.expansionName), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ]),
+                                default: vue.withCtx(() => [
+                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.children, (item) => {
+                                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                                      key: chaveFilho(item)
+                                    }, [
+                                      ehGrupo(item) ? (vue.openBlock(), vue.createBlock(quasar.QExpansionItem, {
+                                        key: 0,
+                                        label: item.expansionName,
+                                        "header-class": [
+                                          "header-expansao",
+                                          "content-sub-grupo",
+                                          temAtivo(item) ? "expansion-ativo" : ""
+                                        ],
+                                        "expand-icon": "chevron_right",
+                                        "expand-icon-class": "text-white",
+                                        "model-value": expansaoAberta[item.expansionName] ?? false,
+                                        "onUpdate:modelValue": (val) => expansaoAberta[item.expansionName] = val
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.children, (sub) => {
+                                            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                                              key: chaveFilho(sub)
+                                            }, [
+                                              ehFolha(sub) ? (vue.openBlock(), vue.createBlock(quasar.QItem, {
+                                                key: 0,
+                                                active: ativo(sub.name),
+                                                "active-class": "item-ativo",
+                                                clickable: "",
+                                                class: "drawer-item content-item sub-grupo",
+                                                onClick: ($event) => aoClicarItem(sub)
+                                              }, {
+                                                default: vue.withCtx(() => [
+                                                  vue.createVNode(quasar.QItemSection, null, {
+                                                    default: vue.withCtx(() => [
+                                                      vue.createVNode(quasar.QItemLabel, { style: { "font-size": "0.875rem" } }, {
+                                                        default: vue.withCtx(() => [
+                                                          vue.createTextVNode(vue.toDisplayString(sub.label), 1)
+                                                        ]),
+                                                        _: 2
+                                                      }, 1024),
+                                                      sub.caption ? (vue.openBlock(), vue.createBlock(quasar.QItemLabel, {
+                                                        key: 0,
+                                                        caption: ""
+                                                      }, {
+                                                        default: vue.withCtx(() => [
+                                                          vue.createTextVNode(vue.toDisplayString(sub.caption), 1)
+                                                        ]),
+                                                        _: 2
+                                                      }, 1024)) : vue.createCommentVNode("", true)
+                                                    ]),
+                                                    _: 2
+                                                  }, 1024),
+                                                  sub.badge !== void 0 ? (vue.openBlock(), vue.createBlock(quasar.QItemSection, {
+                                                    key: 0,
+                                                    side: ""
+                                                  }, {
+                                                    default: vue.withCtx(() => [
+                                                      vue.createVNode(quasar.QBadge, {
+                                                        class: "badge-lazy",
+                                                        label: sub.badge,
+                                                        color: "warning",
+                                                        "text-color": "dark",
+                                                        role: "status",
+                                                        "aria-label": `${sub.badge} notificações em ${sub.label}`
+                                                      }, null, 8, ["label", "aria-label"])
+                                                    ]),
+                                                    _: 2
+                                                  }, 1024)) : vue.createCommentVNode("", true)
+                                                ]),
+                                                _: 2
+                                              }, 1032, ["active", "onClick"])) : vue.createCommentVNode("", true)
+                                            ], 64);
+                                          }), 128))
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["label", "header-class", "model-value", "onUpdate:modelValue"])) : ehFolha(item) ? (vue.openBlock(), vue.createBlock(quasar.QItem, {
+                                        key: 1,
+                                        active: ativo(item.name),
+                                        "active-class": "item-ativo",
+                                        clickable: "",
+                                        class: "drawer-item content-item",
+                                        onClick: ($event) => aoClicarItem(item)
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createVNode(quasar.QItemSection, null, {
+                                            default: vue.withCtx(() => [
+                                              vue.createVNode(quasar.QItemLabel, null, {
+                                                default: vue.withCtx(() => [
+                                                  vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                                                ]),
+                                                _: 2
+                                              }, 1024),
+                                              item.caption ? (vue.openBlock(), vue.createBlock(quasar.QItemLabel, {
+                                                key: 0,
+                                                caption: ""
+                                              }, {
+                                                default: vue.withCtx(() => [
+                                                  vue.createTextVNode(vue.toDisplayString(item.caption), 1)
+                                                ]),
+                                                _: 2
+                                              }, 1024)) : vue.createCommentVNode("", true)
+                                            ]),
+                                            _: 2
+                                          }, 1024),
+                                          item.badge !== void 0 ? (vue.openBlock(), vue.createBlock(quasar.QItemSection, {
+                                            key: 0,
+                                            side: ""
+                                          }, {
+                                            default: vue.withCtx(() => [
+                                              vue.createVNode(quasar.QBadge, {
+                                                class: "badge-lazy",
+                                                label: item.badge,
+                                                color: "warning",
+                                                "text-color": "dark",
+                                                role: "status",
+                                                "aria-label": `${item.badge} notificações em ${item.label}`
+                                              }, null, 8, ["label", "aria-label"])
+                                            ]),
+                                            _: 2
+                                          }, 1024)) : vue.createCommentVNode("", true)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["active", "onClick"])) : vue.createCommentVNode("", true)
+                                    ], 64);
+                                  }), 128))
+                                ]),
+                                _: 2
+                              }, 1032, ["header-class", "model-value", "onUpdate:modelValue"])) : ehFolha(group) ? (vue.openBlock(), vue.createBlock(quasar.QItem, {
+                                key: 1,
+                                active: ativo(group.name),
+                                "active-class": "item-ativo",
+                                clickable: "",
+                                class: "drawer-item",
+                                onClick: ($event) => aoClicarItem(group)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(quasar.QItemSection, { class: "content-header-itens" }, {
+                                    default: vue.withCtx(() => [
+                                      group.icon ? (vue.openBlock(), vue.createBlock(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                                        key: 0,
+                                        name: group.icon
+                                      }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                                      vue.createElementVNode("span", null, vue.toDisplayString(group.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024),
+                                  group.badge !== void 0 ? (vue.openBlock(), vue.createBlock(quasar.QItemSection, {
+                                    key: 0,
+                                    side: ""
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createVNode(quasar.QBadge, {
+                                        label: group.badge,
+                                        color: "warning",
+                                        "text-color": "dark",
+                                        role: "status",
+                                        "aria-label": `${group.badge} notificações em ${group.label}`
+                                      }, null, 8, ["label", "aria-label"])
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : vue.createCommentVNode("", true)
+                                ]),
+                                _: 2
+                              }, 1032, ["active", "onClick"])) : vue.createCommentVNode("", true)
+                            ], 64);
+                          }), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ]),
+                    _: 1
+                  }))
+                ]),
+                _: 1
+              }, 8, ["name"]),
+              __props.version || _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                vue.renderSlot(_ctx.$slots, "footer", {
+                  mini: miniAtivo.value,
+                  vista: vista.value
+                }, () => [
+                  __props.version ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                    !miniAtivo.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " © " + vue.toDisplayString(vue.unref(anoAtual)) + " Açaí UI ", 1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("span", _hoisted_7, "v" + vue.toDisplayString(__props.version), 1)
+                  ])) : vue.createCommentVNode("", true)
+                ])
+              ])) : vue.createCommentVNode("", true)
+            ], 2)
+          ]),
+          _: 3
+        }, 16)),
+        __props.collapsible && comportamento.value === "desktop" && aberto.value ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 0,
+          type: "button",
+          class: vue.normalizeClass(["acai-drawer-handle", { "acai-drawer-handle--solto": miniAtivo.value }]),
+          style: vue.normalizeStyle(estiloHandle.value),
+          "aria-label": miniAtivo.value ? "Expandir menu" : "Recolher menu",
+          "aria-expanded": miniAtivo.value ? "false" : "true",
+          onClick: _cache[3] || (_cache[3] = ($event) => miniAtivo.value = !miniAtivo.value)
+        }, [
+          vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+            name: miniAtivo.value ? "arrow_forward" : "arrow_back",
+            size: "18px",
+            decorative: ""
+          }, null, 8, ["name"]),
+          vue.createVNode(acaiUiTooltip_vue_vue_type_script_setup_true_lang, { position: "right" }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(miniAtivo.value ? "Expandir menu" : "Recolher menu"), 1)
+            ]),
+            _: 1
+          })
+        ], 14, _hoisted_8)) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index12.cjs.map

package/dist/index12.cjs.map

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