acai-ui 1.65.5

package/dist/index26.cjs

@@ -0,0 +1,127 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const acaiUiActions_vue_vue_type_script_setup_true_lang = require("./index181.cjs");
+const acaiUiIcon_vue_vue_type_script_setup_true_lang = require("./index23.cjs");
+const _hoisted_1 = { class: "secao-ficha__cabecalho-conteudo" };
+const _hoisted_2 = { class: "secao-ficha__cabecalho-esquerda" };
+const _hoisted_3 = ["role", "aria-label", "aria-hidden"];
+const _hoisted_4 = { class: "secao-ficha__conteudo" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-section",
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: {},
+    status: { type: [Boolean, String, null], default: null },
+    headingLevel: { default: 3 },
+    actionsLabel: { default: "Ações" },
+    collapseActions: { type: Boolean, default: true }
+  }, {
+    "modelValue": { type: Boolean, ...{ required: true } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const headingTag = vue.computed(() => `h${props.headingLevel ?? 3}`);
+    const aberto = vue.useModel(__props, "modelValue");
+    const rootRef = vue.ref(null);
+    function ajustarAriaHeader() {
+      var _a;
+      const header = (_a = rootRef.value) == null ? void 0 : _a.querySelector(".secao-ficha__cabecalho");
+      if (header instanceof HTMLElement) {
+        header.setAttribute("aria-label", props.title);
+      }
+    }
+    vue.onMounted(() => {
+      void vue.nextTick(ajustarAriaHeader);
+    });
+    vue.watch([aberto, () => props.title], () => {
+      void vue.nextTick(ajustarAriaHeader);
+    });
+    const exibirIndicador = vue.computed(() => {
+      return props.status !== void 0;
+    });
+    const classeIndicador = vue.computed(() => {
+      if (props.status === "alert") return "secao-ficha__indicador--alerta";
+      if (props.status === true) return "secao-ficha__indicador--positivo";
+      if (props.status === false) return "secao-ficha__indicador--negativo";
+      return "secao-ficha__indicador--neutro";
+    });
+    const statusLabel = vue.computed(() => {
+      if (props.status === "alert") return "Seção com alerta";
+      if (props.status === true) return "Seção concluída";
+      if (props.status === false) return "Seção pendente";
+      return "";
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "secao-ficha"
+      }, [
+        vue.createVNode(quasar.QExpansionItem, {
+          modelValue: aberto.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => aberto.value = $event),
+          dense: "",
+          class: "secao-ficha__expansao",
+          "header-class": "secao-ficha__cabecalho",
+          "hide-expand-icon": ""
+        }, {
+          header: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("div", _hoisted_2, [
+                exibirIndicador.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: vue.normalizeClass(["secao-ficha__indicador", classeIndicador.value]),
+                  role: statusLabel.value ? "img" : void 0,
+                  "aria-label": statusLabel.value || void 0,
+                  "aria-hidden": statusLabel.value ? void 0 : "true"
+                }, null, 10, _hoisted_3)) : vue.createCommentVNode("", true),
+                vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                  name: aberto.value ? "expand_more" : "chevron_right",
+                  size: "20px",
+                  class: "secao-ficha__icone"
+                }, null, 8, ["name"]),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(headingTag.value), { class: "secao-ficha__titulo" }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "secao-ficha__cabecalho-direita",
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["stop"])),
+                onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["stop"])),
+                onTouchstart: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                vue.createVNode(acaiUiActions_vue_vue_type_script_setup_true_lang, {
+                  label: __props.actionsLabel,
+                  collapse: __props.collapseActions,
+                  dense: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "actions")
+                  ]),
+                  _: 3
+                }, 8, ["label", "collapse"])
+              ], 32)) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 512);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index26.cjs.map

package/dist/index26.cjs.map

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

package/dist/index26.mjs

@@ -0,0 +1,128 @@
+import { QExpansionItem } from "quasar";
+import { defineComponent, computed, useModel, ref, onMounted, nextTick, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeClass, createCommentVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, withModifiers, mergeModels } from "vue";
+import _sfc_main$2 from "./index181.mjs";
+import _sfc_main$1 from "./index23.mjs";
+const _hoisted_1 = { class: "secao-ficha__cabecalho-conteudo" };
+const _hoisted_2 = { class: "secao-ficha__cabecalho-esquerda" };
+const _hoisted_3 = ["role", "aria-label", "aria-hidden"];
+const _hoisted_4 = { class: "secao-ficha__conteudo" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-section",
+  props: /* @__PURE__ */ mergeModels({
+    title: {},
+    status: { type: [Boolean, String, null], default: null },
+    headingLevel: { default: 3 },
+    actionsLabel: { default: "Ações" },
+    collapseActions: { type: Boolean, default: true }
+  }, {
+    "modelValue": { type: Boolean, ...{ required: true } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const headingTag = computed(() => `h${props.headingLevel ?? 3}`);
+    const aberto = useModel(__props, "modelValue");
+    const rootRef = ref(null);
+    function ajustarAriaHeader() {
+      var _a;
+      const header = (_a = rootRef.value) == null ? void 0 : _a.querySelector(".secao-ficha__cabecalho");
+      if (header instanceof HTMLElement) {
+        header.setAttribute("aria-label", props.title);
+      }
+    }
+    onMounted(() => {
+      void nextTick(ajustarAriaHeader);
+    });
+    watch([aberto, () => props.title], () => {
+      void nextTick(ajustarAriaHeader);
+    });
+    const exibirIndicador = computed(() => {
+      return props.status !== void 0;
+    });
+    const classeIndicador = computed(() => {
+      if (props.status === "alert") return "secao-ficha__indicador--alerta";
+      if (props.status === true) return "secao-ficha__indicador--positivo";
+      if (props.status === false) return "secao-ficha__indicador--negativo";
+      return "secao-ficha__indicador--neutro";
+    });
+    const statusLabel = computed(() => {
+      if (props.status === "alert") return "Seção com alerta";
+      if (props.status === true) return "Seção concluída";
+      if (props.status === false) return "Seção pendente";
+      return "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "secao-ficha"
+      }, [
+        createVNode(QExpansionItem, {
+          modelValue: aberto.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => aberto.value = $event),
+          dense: "",
+          class: "secao-ficha__expansao",
+          "header-class": "secao-ficha__cabecalho",
+          "hide-expand-icon": ""
+        }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                exibirIndicador.value ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(["secao-ficha__indicador", classeIndicador.value]),
+                  role: statusLabel.value ? "img" : void 0,
+                  "aria-label": statusLabel.value || void 0,
+                  "aria-hidden": statusLabel.value ? void 0 : "true"
+                }, null, 10, _hoisted_3)) : createCommentVNode("", true),
+                createVNode(_sfc_main$1, {
+                  name: aberto.value ? "expand_more" : "chevron_right",
+                  size: "20px",
+                  class: "secao-ficha__icone"
+                }, null, 8, ["name"]),
+                (openBlock(), createBlock(resolveDynamicComponent(headingTag.value), { class: "secao-ficha__titulo" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.title), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "secao-ficha__cabecalho-direita",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"])),
+                onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+                }, ["stop"])),
+                onTouchstart: _cache[2] || (_cache[2] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createVNode(_sfc_main$2, {
+                  label: __props.actionsLabel,
+                  collapse: __props.collapseActions,
+                  dense: ""
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "actions")
+                  ]),
+                  _: 3
+                }, 8, ["label", "collapse"])
+              ], 32)) : createCommentVNode("", true)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index26.mjs.map

package/dist/index26.mjs.map

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

package/dist/index28.cjs

@@ -0,0 +1,39 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-step",
+  props: {
+    name: {},
+    title: {},
+    subtitle: {},
+    icon: {},
+    prefixo: {},
+    done: { type: Boolean },
+    error: { type: Boolean },
+    disable: { type: Boolean },
+    headerNav: { type: Boolean, default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(quasar.QStep, {
+        name: __props.name,
+        title: __props.title,
+        caption: __props.subtitle,
+        icon: __props.icon,
+        prefix: __props.prefixo,
+        done: __props.done,
+        error: __props.error,
+        disable: __props.disable,
+        "header-nav": __props.headerNav
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["name", "title", "caption", "icon", "prefix", "done", "error", "disable", "header-nav"]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index28.cjs.map

package/dist/index28.cjs.map

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

package/dist/index28.mjs

@@ -0,0 +1,40 @@
+import { QStep } from "quasar";
+import { defineComponent, openBlock, createBlock, withCtx, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-step",
+  props: {
+    name: {},
+    title: {},
+    subtitle: {},
+    icon: {},
+    prefixo: {},
+    done: { type: Boolean },
+    error: { type: Boolean },
+    disable: { type: Boolean },
+    headerNav: { type: Boolean, default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(QStep, {
+        name: __props.name,
+        title: __props.title,
+        caption: __props.subtitle,
+        icon: __props.icon,
+        prefix: __props.prefixo,
+        done: __props.done,
+        error: __props.error,
+        disable: __props.disable,
+        "header-nav": __props.headerNav
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["name", "title", "caption", "icon", "prefix", "done", "error", "disable", "header-nav"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index28.mjs.map

package/dist/index28.mjs.map

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

package/dist/index29.cjs

@@ -0,0 +1,176 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const vnodeSlot = require("./index185.cjs");
+const acaiUiButton = require("./index49.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "acai-ui-stepper",
+  props: /* @__PURE__ */ vue.mergeModels({
+    vertical: { type: Boolean, default: false },
+    animated: { type: Boolean, default: true },
+    headerNav: { type: Boolean, default: false },
+    contracted: { type: Boolean, default: false },
+    keepAlive: { type: Boolean, default: false },
+    backLabel: {},
+    nextLabel: {},
+    finishLabel: {},
+    finishColor: {},
+    totalSteps: {},
+    antesDeSair: {},
+    autoDone: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["finalizar", "salto-bloqueado"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const modelValue = vue.useModel(__props, "modelValue");
+    const props = __props;
+    const emit = __emit;
+    const stepperRef = vue.ref(null);
+    const ehPrimeiro = vue.computed(() => {
+      if (typeof modelValue.value === "number") return modelValue.value <= 1;
+      return false;
+    });
+    const ehUltimo = vue.computed(() => {
+      if (props.totalSteps && typeof modelValue.value === "number") {
+        return modelValue.value >= props.totalSteps;
+      }
+      return false;
+    });
+    const slots = vue.useSlots();
+    const concluidos = vue.ref(/* @__PURE__ */ new Set());
+    const etapas = vue.computed(
+      () => {
+        var _a;
+        return vnodeSlot.achatarSlot((_a = slots.default) == null ? void 0 : _a.call(slots)).map((vn) => {
+          const p = vnodeSlot.normalizarProps(vn.props);
+          const acrescimo = {};
+          if (p.subtitle !== void 0 && p.caption === void 0) acrescimo.caption = p.subtitle;
+          if (p.prefixo !== void 0 && p.prefix === void 0) acrescimo.prefix = p.prefixo;
+          if (props.autoDone && p.done === void 0) {
+            const nome = p.name;
+            if (nome !== void 0 && concluidos.value.has(nome)) acrescimo.done = true;
+          }
+          return Object.keys(acrescimo).length > 0 ? vue.cloneVNode(vn, acrescimo) : vn;
+        });
+      }
+    );
+    function chaveEtapa(vn, indice) {
+      if (typeof vn.key === "string" || typeof vn.key === "number") return vn.key;
+      const nome = vnodeSlot.normalizarProps(vn.props).name;
+      if (typeof nome === "string" || typeof nome === "number") return nome;
+      return indice;
+    }
+    let ignorarGuarda = false;
+    function semGuarda(navegar) {
+      ignorarGuarda = true;
+      try {
+        navegar();
+      } finally {
+        ignorarGuarda = false;
+      }
+    }
+    async function onNavegar(para) {
+      const de = modelValue.value;
+      if (para === de) return;
+      if (ignorarGuarda || !props.antesDeSair) {
+        aplicarNavegacao(de, para);
+        return;
+      }
+      const liberado = await props.antesDeSair(de, para);
+      if (!liberado) {
+        emit("salto-bloqueado", { de, para });
+        return;
+      }
+      aplicarNavegacao(de, para);
+    }
+    function aplicarNavegacao(de, para) {
+      if (props.autoDone && de !== void 0) concluidos.value.add(de);
+      modelValue.value = para;
+    }
+    function avancarPelaNav() {
+      var _a;
+      (_a = stepperRef.value) == null ? void 0 : _a.next();
+    }
+    function voltarPelaNav() {
+      var _a;
+      (_a = stepperRef.value) == null ? void 0 : _a.previous();
+    }
+    function next() {
+      semGuarda(() => {
+        var _a;
+        return (_a = stepperRef.value) == null ? void 0 : _a.next();
+      });
+    }
+    function previous() {
+      semGuarda(() => {
+        var _a;
+        return (_a = stepperRef.value) == null ? void 0 : _a.previous();
+      });
+    }
+    function goTo(name) {
+      semGuarda(() => {
+        var _a;
+        return (_a = stepperRef.value) == null ? void 0 : _a.goTo(name);
+      });
+    }
+    __expose({ next, previous, goTo });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(quasar.QStepper, vue.mergeProps({
+        ref_key: "stepperRef",
+        ref: stepperRef,
+        class: "ds-stepper",
+        flat: ""
+      }, _ctx.$attrs, {
+        vertical: __props.vertical,
+        animated: __props.animated,
+        "header-nav": __props.headerNav,
+        contracted: __props.contracted,
+        "keep-alive": __props.keepAlive,
+        "model-value": modelValue.value,
+        "onUpdate:modelValue": onNavegar
+      }), {
+        navigation: vue.withCtx(() => [
+          _ctx.$slots.navigation ? vue.renderSlot(_ctx.$slots, "navigation", { key: 0 }) : (vue.openBlock(), vue.createBlock(quasar.QStepperNavigation, {
+            key: 1,
+            class: "ds-stepper__nav-auto"
+          }, {
+            default: vue.withCtx(() => [
+              !ehPrimeiro.value ? (vue.openBlock(), vue.createBlock(acaiUiButton, {
+                key: 0,
+                outline: "",
+                label: __props.backLabel ?? "Voltar",
+                onClick: _cache[0] || (_cache[0] = ($event) => voltarPelaNav())
+              }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+              !ehUltimo.value ? (vue.openBlock(), vue.createBlock(acaiUiButton, {
+                key: 1,
+                class: "ds-stepper__nav-next",
+                label: __props.nextLabel ?? "Avançar",
+                onClick: _cache[1] || (_cache[1] = ($event) => avancarPelaNav())
+              }, null, 8, ["label"])) : (vue.openBlock(), vue.createBlock(acaiUiButton, {
+                key: 2,
+                class: "ds-stepper__nav-next",
+                label: __props.finishLabel ?? "Finalizar",
+                color: __props.finishColor ?? "positive",
+                onClick: _cache[2] || (_cache[2] = ($event) => emit("finalizar"))
+              }, null, 8, ["label", "color"]))
+            ]),
+            _: 1
+          }))
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(etapas.value, (vn, i) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vn), {
+              key: chaveEtapa(vn, i)
+            });
+          }), 128))
+        ]),
+        _: 3
+      }, 16, ["vertical", "animated", "header-nav", "contracted", "keep-alive", "model-value"]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index29.cjs.map

package/dist/index29.cjs.map

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