voodoojs 0.4.6 → 0.6.0

package/dist/voodoo.js

@@ -3378,7 +3378,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   // src/store/index.ts
   init_reactivity();
   var stores = /* @__PURE__ */ new Map();
-  var versao = ref(0);
+  var version = ref(0);
   var persistHandles = /* @__PURE__ */ new Map();
   function store(name, definition, options = {}) {
     const existing = stores.get(name);
@@ -3395,30 +3395,30 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       return existing;
     }
     const key = typeof options.persist === "string" ? options.persist : `voodoo:store:${name}`;
-    const descritores = Object.getOwnPropertyDescriptors(definition);
-    const initial = Object.defineProperties({}, descritores);
+    const descriptors = Object.getOwnPropertyDescriptors(definition);
+    const initial = Object.defineProperties({}, descriptors);
     if (options.persist && typeof localStorage !== "undefined") {
       try {
         const saved = localStorage.getItem(key);
         if (saved) {
-          const salvo = JSON.parse(saved);
-          for (const [chave, valor] of Object.entries(salvo)) {
-            if (descritores[chave] && !("value" in descritores[chave])) continue;
-            initial[chave] = valor;
+          const parsed = JSON.parse(saved);
+          for (const [field, value] of Object.entries(parsed)) {
+            if (descriptors[field] && !("value" in descriptors[field])) continue;
+            initial[field] = value;
           }
         }
       } catch (e) {
       }
     }
     const created = reactive(initial);
-    for (const [prop, descritor] of Object.entries(descritores)) {
-      const value = descritor.value;
+    for (const [prop, descriptor] of Object.entries(descriptors)) {
+      const value = descriptor.value;
       if (typeof value === "function") {
         created[prop] = (...args) => value.apply(created, args);
       }
     }
     stores.set(name, created);
-    versao.value++;
+    version.value++;
     if (options.persist && typeof localStorage !== "undefined") {
       const stop2 = watch(
         created,
@@ -3436,10 +3436,10 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   }
   function stripFunctions(source) {
     const out = {};
-    const descritores = Object.getOwnPropertyDescriptors(toRaw(source));
+    const descriptors = Object.getOwnPropertyDescriptors(toRaw(source));
     for (const [key, value] of Object.entries(source)) {
       if (typeof value === "function") continue;
-      if (descritores[key] && !("value" in descritores[key])) continue;
+      if (descriptors[key] && !("value" in descriptors[key])) continue;
       out[key] = value;
     }
     return out;
@@ -3448,11 +3448,11 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     {},
     {
       get: (_t, key) => {
-        void versao.value;
+        void version.value;
         return stores.get(key);
       },
       has: (_t, key) => {
-        void versao.value;
+        void version.value;
         return stores.has(key);
       },
       ownKeys: () => [...stores.keys()],
@@ -4395,6 +4395,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     element.setAttribute("data-type", type);
     element.setAttribute("role", type === "error" ? "alert" : "status");
     element.setAttribute("aria-live", type === "error" ? "assertive" : "polite");
+    element.setAttribute("aria-atomic", "true");
     let closed = false;
     let timer = null;
     const close = () => {
@@ -4726,11 +4727,12 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     }
   };
   var THEME_KEY = "voodoo:theme";
+  var picked = null;
   var theme = {
     /** Theme chosen by the user, or `system` when never set. */
     get current() {
-      var _a2;
-      return (_a2 = storage.get(THEME_KEY)) != null ? _a2 : "system";
+      var _a2, _b;
+      return (_b = (_a2 = storage.get(THEME_KEY)) != null ? _a2 : picked) != null ? _b : "system";
     },
     /** Theme effectively applied, resolving `system`. */
     get resolved() {
@@ -4740,6 +4742,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     },
     set(value) {
+      picked = value;
       storage.set(THEME_KEY, value);
       this.apply();
     },
@@ -4750,7 +4753,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     },
     /** `true` once the visitor has actually picked a theme. */
     get chosen() {
-      return storage.get(THEME_KEY) != null;
+      return picked !== null || storage.get(THEME_KEY) != null;
     },
     /** Writes `data-theme` on the root element and notifies the page. */
     apply() {
@@ -4774,7 +4777,8 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     init() {
       if (typeof document === "undefined") return;
       this.apply();
-      matchMedia == null ? void 0 : matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+      if (typeof matchMedia === "undefined") return;
+      matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
         if (this.current === "system") this.apply();
       });
     }
@@ -5224,8 +5228,8 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   defineDirective("text", ({ el, effect: effect2, evaluate: ev }) => {
     effect2(() => {
       el.textContent = stringify(ev());
-      const primeiro = el.firstChild;
-      if (primeiro && primeiro.nodeType === 3) markInitialized(primeiro);
+      const first = el.firstChild;
+      if (first && first.nodeType === 3) markInitialized(first);
     });
   });
   defineDirective("html", (ctx) => {
@@ -5431,10 +5435,10 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
           next.push({ key, scope: childScope, nodes, data: childScope.data });
         });
         if (batch.fragment.firstChild) (_a3 = anchor.parentNode) == null ? void 0 : _a3.insertBefore(batch.fragment, anchor);
-        for (const [node, escopo] of batch.pending) walk(node, escopo);
-        const reaproveitados = new Set(next);
+        for (const [node, rowScope] of batch.pending) walk(node, rowScope);
+        const reused = new Set(next);
         for (const block2 of blocks) {
-          if (used.has(block2.key) && reaproveitados.has(block2)) continue;
+          if (used.has(block2.key) && reused.has(block2)) continue;
           for (const node of block2.nodes) {
             destroy(node);
             node.remove();
@@ -5504,7 +5508,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     "novalidate",
     "inert"
   ]);
-  var ATRIBUTOS_DE_URL = /* @__PURE__ */ new Set([
+  var URL_ATTRIBUTES = /* @__PURE__ */ new Set([
     "href",
     "src",
     "action",
@@ -5513,15 +5517,15 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     "ping",
     "poster"
   ]);
-  var RUIDO_DE_ESQUEMA = /[\s\x00-\x1f]/g;
-  function urlPerigosa(valor) {
-    const limpo = valor.replace(RUIDO_DE_ESQUEMA, "").toLowerCase();
-    return limpo.startsWith("javascript:") || limpo.startsWith("vbscript:") || limpo.startsWith("data:text/html") || limpo.startsWith("data:application/xhtml");
+  var SCHEME_NOISE = /[\s\x00-\x1f]/g;
+  function isDangerousUrl(value) {
+    const clean = value.replace(SCHEME_NOISE, "").toLowerCase();
+    return clean.startsWith("javascript:") || clean.startsWith("vbscript:") || clean.startsWith("data:text/html") || clean.startsWith("data:application/xhtml");
   }
-  function applyBinding(el, name, value, asProp = false, perigoLiberado = false) {
+  function applyBinding(el, name, value, asProp = false, allowDangerous = false) {
     if (name === "class") return applyClass(el, value);
     if (name === "style") return applyStyle(el, value);
-    if (config.sanitizeUrls && !perigoLiberado && name === "srcdoc") {
+    if (config.sanitizeUrls && !allowDangerous && name === "srcdoc") {
       warn2(
         `:srcdoc refused in ${describeElement(el)}: the value becomes a document with active script inside the iframe, the same way v-html becomes markup. If the content is trusted, write :srcdoc.dangerous="..."; to turn off this protection on the entire application, set V.config.sanitizeUrls = false.`
       );
@@ -5529,7 +5533,7 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       return;
     }
     if (config.sanitizeUrls && !asProp) {
-      if (ATRIBUTOS_DE_URL.has(name) && typeof value === "string" && urlPerigosa(value)) {
+      if (URL_ATTRIBUTES.has(name) && typeof value === "string" && isDangerousUrl(value)) {
         warn2(
           `value refused in :${name} of ${describeElement(el)}: "${value.slice(0, 60)}" uses a scheme that executes code. Use an http(s) or relative address. To turn off this protection, set V.config.sanitizeUrls = false.`
         );
@@ -5626,9 +5630,9 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
       }
       if (arg === "key") return;
       const asProp = !!modifiers.prop;
-      const perigoLiberado = !!modifiers.dangerous;
+      const allowDangerous = !!modifiers.dangerous;
       effect2(() => {
-        applyBinding(el, arg, ev(), asProp, perigoLiberado);
+        applyBinding(el, arg, ev(), asProp, allowDangerous);
       });
       void expression;
     },
@@ -6608,11 +6612,11 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
     Object.defineProperties(rootScope.data, Object.getOwnPropertyDescriptors(values));
     return rootScope.data;
   }
-  var version = "0.4.6";
+  var version2 = "0.4.6";
   var core = {
     // Utilities first: Voodoo's own names can override.
     ...utils_exports,
-    version,
+    version: version2,
     config,
     // Reactivity
     reactive,
@@ -10285,37 +10289,37 @@ Suggestion: attribute expressions accept a single value. If the logic spans more
   init_registry();
   init_style();
   var messages = {
-    required: "Preencha este campo.",
-    email: "Informe um e-mail valido.",
-    url: "Informe uma URL valida.",
-    number: "Informe um numero valido.",
-    integer: "Informe um numero inteiro.",
-    decimal: "Informe um numero decimal valido.",
-    alpha: "Use apenas letras.",
-    alphanumeric: "Use apenas letras e numeros.",
-    minlength: "Use no minimo {param} caracteres.",
-    maxlength: "Use no maximo {param} caracteres.",
-    min: "O valor minimo e {param}.",
-    max: "O valor maximo e {param}.",
-    between: "Informe um valor entre {min} e {max}.",
-    match: "Os campos nao conferem.",
-    regex: "O formato informado nao e valido.",
-    date: "Informe uma data valida.",
-    after: "A data precisa ser posterior a {param}.",
-    before: "A data precisa ser anterior a {param}.",
-    accepted: "E preciso marcar esta opcao para continuar.",
-    same: "Os valores precisam ser iguais.",
-    different: "Os valores precisam ser diferentes.",
-    in: "Escolha uma das opcoes permitidas.",
-    notin: "Este valor nao e permitido.",
-    phone: "Informe um telefone valido com DDD.",
-    cpf: "CPF invalido.",
-    cnpj: "CNPJ invalido.",
-    cep: "CEP invalido.",
-    creditcard: "Numero de cartao invalido.",
-    strongpassword: "Use {param} caracteres ou mais, com maiuscula, minuscula, numero e simbolo.",
-    unique: "Este valor ja esta em uso.",
-    invalid: "Valor invalido."
+    required: "Please fill in this field.",
+    email: "Enter a valid email address.",
+    url: "Enter a valid URL.",
+    number: "Enter a valid number.",
+    integer: "Enter a whole number.",
+    decimal: "Enter a valid decimal number.",
+    alpha: "Use letters only.",
+    alphanumeric: "Use letters and numbers only.",
+    minlength: "Use at least {param} characters.",
+    maxlength: "Use at most {param} characters.",
+    min: "The smallest allowed value is {param}.",
+    max: "The largest allowed value is {param}.",
+    between: "Enter a value between {min} and {max}.",
+    match: "The fields do not match.",
+    regex: "That format is not valid.",
+    date: "Enter a valid date.",
+    after: "The date has to be later than {param}.",
+    before: "The date has to be earlier than {param}.",
+    accepted: "You have to tick this to continue.",
+    same: "The values have to be the same.",
+    different: "The values have to be different.",
+    in: "Choose one of the allowed options.",
+    notin: "That value is not allowed.",
+    phone: "Enter a valid phone number, including the area code.",
+    cpf: "Invalid CPF.",
+    cnpj: "Invalid CNPJ.",
+    cep: "Invalid postcode.",
+    creditcard: "Invalid card number.",
+    strongpassword: "Use {param} characters or more, with an upper case letter, a lower case letter, a number and a symbol.",
+    unique: "That value is already taken.",
+    invalid: "Invalid value."
   };
   function formatMessage(template, data2) {
     var _a2, _b, _c, _d, _e, _f;
@@ -13315,7 +13319,7 @@ textarea.v-dialog-input{min-height:96px;resize:vertical}
               source.remove();
             }
             sourceAnchors.delete(source);
-            if (source.hasAttribute(`${config.prefix}modal-content`) || source.hasAttribute("data-v-modal-content")) {
+            if (hasDirective(source, "modal-content")) {
               source.setAttribute("hidden", "");
             }
           }