coveragebook_components 0.8.3 → 0.8.4

data/app/assets/build/coco/book.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -167,6 +167,8 @@ optgroup,
 select,
 textarea {
   font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
@@ -304,6 +306,13 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -377,7 +386,7 @@ video {
   display: none;
 }
 
-[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -394,7 +403,7 @@ video {
   --tw-shadow: 0 0 #0000;
 }
 
-[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -423,6 +432,11 @@ input::placeholder,textarea::placeholder {
 
 ::-webkit-date-and-time-value {
   min-height: 1.5em;
+  text-align: inherit;
+}
+
+::-webkit-datetime-edit {
+  display: inline-flex;
 }
 
 ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
@@ -440,7 +454,7 @@ select {
           print-color-adjust: exact;
 }
 
-[multiple] {
+[multiple],[size]:where(select:not([size="1"])) {
   background-image: initial;
   background-position: initial;
   background-repeat: unset;

data/app/assets/build/coco/book.js

@@ -5650,17 +5650,17 @@
     switch (e2.type) {
       case 4:
         return function(e3, t3) {
-          const o2 = n(e3.left, t3), s2 = n(e3.right, t3), l3 = e3.operator;
+          const o2 = n(e3.left, t3), s2 = n(e3.right, t3), l2 = e3.operator;
           if (4 === o2.type && 4 === s2.type || 5 === o2.type && 5 === s2.type)
             return function(e4, t4, n2) {
               return 1 === n2 ? r(e4.value === t4.value) : { type: 1 };
-            }(o2, s2, l3);
+            }(o2, s2, l2);
           if (3 === o2.type || 3 === s2.type) {
             const e4 = c(o2, t3), n2 = c(s2, t3);
             if (null != e4 && null != n2)
-              return u(e4, n2, l3);
+              return u(e4, n2, l2);
           } else if (2 === o2.type && 2 === s2.type)
-            return u(o2.value, s2.value, l3);
+            return u(o2.value, s2.value, l2);
           return { type: 1 };
         }(e2, t2);
       case 2:
@@ -5728,7 +5728,7 @@
       const e3 = r3.codePointAt(0);
       n2 && 10 !== e3 && (n2 = false, t2.push(10)), 0 === e3 || e3 >= 55296 && e3 <= 57343 ? t2.push(65533) : 13 === e3 ? n2 = true : t2.push(e3);
     }
-    const r2 = q(t2, -1), { at: u2, consume: o2, error: s2, reconsume: l3 } = r2;
+    const r2 = q(t2, -1), { at: u2, consume: o2, error: s2, reconsume: l2 } = r2;
     function c2() {
       return String.fromCodePoint(r2.value);
     }
@@ -5808,7 +5808,7 @@
         if (-1 === n3 || n3 === e3)
           return -1 === n3 && s2(), { type: 2, value: t3 };
         if (E(n3))
-          return s2(), l3(), { type: 3 };
+          return s2(), l2(), { type: 3 };
         if (92 === n3) {
           const e4 = u2(1);
           if (-1 === e4)
@@ -5848,7 +5848,7 @@
           e3 += c2();
         else {
           if (!j(t3, u2(1)))
-            return l3(), e3;
+            return l2(), e3;
           e3 += v2();
         }
       }
@@ -5879,14 +5879,14 @@
       else if (41 === e3)
         yield { type: 5 };
       else if (43 === e3)
-        m2(e3, u2(1), u2(2)) ? (l3(), yield p2()) : yield i2();
+        m2(e3, u2(1), u2(2)) ? (l2(), yield p2()) : yield i2();
       else if (44 === e3)
         yield { type: 6 };
       else if (45 === e3) {
         const t3 = u2(1), n3 = u2(2);
-        m2(e3, t3, n3) ? (l3(), yield p2()) : 45 === t3 && 62 === n3 ? (o2(2), yield { type: 19 }) : d2(e3, t3, n3) ? (l3(), yield y2()) : yield i2();
+        m2(e3, t3, n3) ? (l2(), yield p2()) : 45 === t3 && 62 === n3 ? (o2(2), yield { type: 19 }) : d2(e3, t3, n3) ? (l2(), yield y2()) : yield i2();
       } else if (46 === e3)
-        m2(e3, u2(1), u2(2)) ? (l3(), yield p2()) : yield i2();
+        m2(e3, u2(1), u2(2)) ? (l2(), yield p2()) : yield i2();
       else if (58 === e3)
         yield { type: 7 };
       else if (59 === e3)
@@ -5902,7 +5902,7 @@
       else if (91 === e3)
         yield { type: 9 };
       else if (92 === e3)
-        j(e3, u2(1)) ? (l3(), yield y2()) : (s2(), yield i2());
+        j(e3, u2(1)) ? (l2(), yield y2()) : (s2(), yield i2());
       else if (93 === e3)
         yield { type: 10 };
       else if (123 === e3)
@@ -5910,9 +5910,9 @@
       else if (125 === e3)
         yield { type: 12 };
       else if (k(e3))
-        l3(), yield p2();
+        l2(), yield p2();
       else if (L(e3))
-        l3(), yield y2();
+        l2(), yield y2();
       else {
         if (-1 === e3)
           return yield { type: 0 }, r2.errorIndices;
@@ -6447,8 +6447,8 @@
               const s2 = J(e4);
               if (s2 === x || !(X(u2) && X(s2) || K(u2) && K(s2)))
                 return x;
-              const l3 = Y(e4, false), c2 = Z(o2, t4);
-              return c2 !== x ? { type: 2, feature: c2, bounds: [[u2, n4], [s2, l3]] } : x;
+              const l2 = Y(e4, false), c2 = Z(o2, t4);
+              return c2 !== x ? { type: 2, feature: c2, bounds: [[u2, n4], [s2, l2]] } : x;
             }(e3, ie);
             if (n3 === x)
               return x;
@@ -6625,14 +6625,14 @@
           if (t3.value) {
             const r2 = $e(t3.prelude);
             if (r2 !== x) {
-              const u2 = { rule: r2, selector: null, parent: n3.parent, uid: "c" + Ae++ }, o2 = /* @__PURE__ */ new Set(), s2 = [], l3 = Oe(P(t3.value.value.value), { descriptors: n3.descriptors, parent: u2, transformStyleRule: (t4) => {
+              const u2 = { rule: r2, selector: null, parent: n3.parent, uid: "c" + Ae++ }, o2 = /* @__PURE__ */ new Set(), s2 = [], l2 = Oe(P(t3.value.value.value), { descriptors: n3.descriptors, parent: u2, transformStyleRule: (t4) => {
                 const [n4, r3] = function(e2, t5, n5) {
                   const r4 = C(e2), u3 = [], o3 = [];
                   for (; ; ) {
                     if (0 === r4.at(1).type)
                       return [u3, o3];
                     const n6 = Math.max(0, r4.index);
-                    for (; l5 = r4.at(1), c2 = r4.at(2), !(Fe(l5) || 7 === l5.type && (7 === c2.type || 24 === c2.type && Me.has(c2.value.toLowerCase()))); )
+                    for (; l4 = r4.at(1), c2 = r4.at(2), !(Fe(l4) || 7 === l4.type && (7 === c2.type || 24 === c2.type && Me.has(c2.value.toLowerCase()))); )
                       r4.consume(1);
                     const i2 = r4.index + 1, a2 = e2.slice(n6, i2), f2 = a2.length > 0 ? Ue(a2) : [ee("*")];
                     for (; !Fe(r4.at(1)); )
@@ -6647,13 +6647,13 @@
                     }
                     u3.push(...f2), o3.push(...y2), o3.push(...h2), o3.push(...p2), r4.consume(1);
                   }
-                  var l5, c2;
+                  var l4, c2;
                 }(t4.prelude, u2.uid);
                 if (s2.length > 0)
                   return t4;
-                const l4 = n4.map(B).join("");
+                const l3 = n4.map(B).join("");
                 try {
-                  je.matches(l4), o2.add(l4);
+                  je.matches(l3), o2.add(l3);
                 } catch (e2) {
                 }
                 return e({}, t4, { prelude: r3 });
@@ -6670,7 +6670,7 @@
 
 ${t4.join("\n")}`);
               }
-              return o2.size > 0 && (u2.selector = Array.from(o2).join(", ")), n3.descriptors.push(u2), { type: 25, name: "media", prelude: [ne("all")], value: e({}, t3.value, { value: { type: 3, value: l3 } }) };
+              return o2.size > 0 && (u2.selector = Array.from(o2).join(", ")), n3.descriptors.push(u2), { type: 25, name: "media", prelude: [ne("all")], value: e({}, t3.value, { value: { type: 3, value: l2 } }) };
             }
           }
           return t3;
@@ -6739,8 +6739,8 @@ ${t4.join("\n")}`);
       if ("stylesheet" === t2.rel) {
         const n2 = new URL(t2.href, document.baseURI);
         n2.origin === location.origin && (this.controller = rt(async function(r2) {
-          const u2 = await fetch(n2.toString(), { signal: r2 }), o2 = await u2.text(), s2 = e2.styleSheet = await e2.context.registerStyleSheet({ source: o2, url: n2, signal: r2 }), l3 = new Blob([s2.source], { type: "text/css" }), c2 = new Image();
-          c2.onload = c2.onerror = s2.refresh, c2.src = t2.href = URL.createObjectURL(l3);
+          const u2 = await fetch(n2.toString(), { signal: r2 }), o2 = await u2.text(), s2 = e2.styleSheet = await e2.context.registerStyleSheet({ source: o2, url: n2, signal: r2 }), l2 = new Blob([s2.source], { type: "text/css" }), c2 = new Image();
+          c2.onload = c2.onerror = s2.refresh, c2.src = t2.href = URL.createObjectURL(l2);
         }));
       }
     }
@@ -6856,7 +6856,7 @@ ${t4.join("\n")}`);
         t2.target.nodeType !== Node.DOCUMENT_NODE && t2.target.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && null === t2.target.parentNode || "attributes" === t2.type && t2.attributeName && (t2.attributeName === v || t2.attributeName === d || t2.target instanceof Element && t2.target.getAttribute(t2.attributeName) === t2.oldValue) || (A2(t2.target).mutate(), S2());
       }
     }).observe(u2, { childList: true, subtree: true, attributes: true, attributeOldValue: true });
-    const l3 = new ResizeObserver((e2) => {
+    const l2 = new ResizeObserver((e2) => {
       for (const t2 of e2)
         A2(t2.target).resize();
       A2(u2).update(C2());
@@ -6882,18 +6882,18 @@ ${t4.join("\n")}`);
         }
       }(t2, n3 ? n3.toString() : void 0);
       let s3 = () => {
-      }, l4 = () => {
+      }, l3 = () => {
       };
       const c3 = A2(u2);
       let i2 = false;
-      return null != r3 && r3.aborted || (l4 = () => {
+      return null != r3 && r3.aborted || (l3 = () => {
         if (!i2) {
           const { sheet: t3 } = e2;
           null != t3 && (pt(t3, o3.descriptors), i2 = true, s3 = () => {
             pt(t3), c3.mutate(), S2();
           }, c3.mutate(), S2());
         }
-      }), { source: o3.source, dispose: s3, refresh: l4 };
+      }), { source: o3.source, dispose: s3, refresh: l3 };
     }
     const p2 = { cqw: null, cqh: null };
     function y2({ width: e2, height: t2 }) {
@@ -6910,7 +6910,7 @@ ${t4.join("\n")}`);
       }
     }
     function S2() {
-      l3.unobserve(u2), l3.observe(u2);
+      l2.unobserve(u2), l2.observe(u2);
     }
     const x2 = () => {
       const e2 = [];
@@ -6936,14 +6936,14 @@ ${t4.join("\n")}`);
               return (...n6) => {
                 if (null == u3 || !De(u3[0], n6)) {
                   const o3 = ((n7, u4) => {
-                    const { context: o4, conditions: s3 } = n7, l4 = (e2) => r4.getPropertyValue(e2), c3 = it(l4), a3 = e({}, o4, { writingAxis: c3.writingAxis });
+                    const { context: o4, conditions: s3 } = n7, l3 = (e2) => r4.getPropertyValue(e2), c3 = it(l3), a3 = e({}, o4, { writingAxis: c3.writingAxis });
                     let f3 = s3, p4 = false, y3 = c3.displayFlags;
                     0 == (1 & n7.displayFlags) && (y3 = 0);
                     const { containerType: h3, containerNames: v2 } = c3;
                     if (h3 > 0) {
                       const e2 = h3 > 0 && 2 == (2 & y3), n8 = new Map(s3.map((e3) => [e3[0].value, e3[1]]));
                       if (f3 = [], p4 = true, e2) {
-                        const e3 = ct(l4);
+                        const e3 = ct(l3);
                         a3.fontSize = e3.fontSize;
                         const r5 = function(e4, t2) {
                           const n9 = { value: t2.width }, r6 = { value: t2.height };
@@ -6965,8 +6965,8 @@ ${t4.join("\n")}`);
                             const o6 = i(e5.condition, { sizeFeatures: r7, treeContext: n9.treeContext });
                             return 5 === o6.type ? o6.value : null;
                           }(r6, u5) : null;
-                          var l5;
-                          return null == s4 ? 1 === ((null != (l5 = n8.get(e4)) ? l5 : 0) && 1) : true === s4;
+                          var l4;
+                          return null == s4 ? 1 === ((null != (l4 = n8.get(e4)) ? l4 : 0) && 1) : true === s4;
                         }, y4 = (e4, t2) => {
                           let n9 = e4.get(t2);
                           if (null == n9) {
@@ -7002,7 +7002,7 @@ ${t4.join("\n")}`);
             A2(e2);
           p3.connected();
         }, disconnect() {
-          n3 instanceof Element && (l3.unobserve(n3), n3.removeAttribute(v), n3.removeAttribute(d)), z2 && (z2.removeProperty(g), z2.removeProperty(b), z2.removeProperty(m), z2.removeProperty(w));
+          n3 instanceof Element && (l2.unobserve(n3), n3.removeAttribute(v), n3.removeAttribute(d)), z2 && (z2.removeProperty(g), z2.removeProperty(b), z2.removeProperty(m), z2.removeProperty(w));
           for (let e2 = n3.firstChild; null != e2; e2 = e2.nextSibling) {
             const t2 = r2(e2);
             null == t2 || t2.disconnect();
@@ -7013,12 +7013,12 @@ ${t4.join("\n")}`);
           if (r3) {
             if (h2(n3, e2, d), h2(n3, t2, v), n3 instanceof Element) {
               const e3 = x3 || t2.isQueryContainer;
-              e3 && !L2 ? (l3.observe(n3), L2 = true) : !e3 && L2 && (l3.unobserve(n3), L2 = false);
+              e3 && !L2 ? (l2.observe(n3), L2 = true) : !e3 && L2 && (l2.unobserve(n3), L2 = false);
             }
             if (z2) {
               const n4 = t2.context, r4 = n4.writingAxis;
-              let u3 = null, o3 = null, s3 = null, l4 = null;
-              (r4 !== e2.context.writingAxis || t2.isQueryContainer) && (u3 = `var(${0 === r4 ? m : w})`, o3 = `var(${1 === r4 ? m : w})`), e2 && !t2.isQueryContainer || (n4.cqw && (s3 = n4.cqw + "px"), n4.cqh && (l4 = n4.cqh + "px")), at(z2, g, u3), at(z2, b, o3), at(z2, m, s3), at(z2, w, l4);
+              let u3 = null, o3 = null, s3 = null, l3 = null;
+              (r4 !== e2.context.writingAxis || t2.isQueryContainer) && (u3 = `var(${0 === r4 ? m : w})`, o3 = `var(${1 === r4 ? m : w})`), e2 && !t2.isQueryContainer || (n4.cqw && (s3 = n4.cqw + "px"), n4.cqh && (l3 = n4.cqh + "px")), at(z2, g, u3), at(z2, b, o3), at(z2, m, s3), at(z2, w, l3);
             }
             p3.updated();
           }
@@ -8765,7 +8765,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     const method = Array.prototype[key];
     arrayInstrumentations[key] = function(...args) {
       const arr = toRaw(this);
-      for (let i2 = 0, l3 = this.length; i2 < l3; i2++) {
+      for (let i2 = 0, l2 = this.length; i2 < l2; i2++) {
         track(arr, "get", i2 + "");
       }
       const res = method.apply(arr, args);
@@ -10443,7 +10443,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       let evaluate2 = evaluateLater2(expression);
       let options = {
         rootMargin: getRootMargin(modifiers),
-        threshold: getThreshold(modifiers)
+        threshold: getThreshhold(modifiers)
       };
       let observer2 = new IntersectionObserver((entries) => {
         entries.forEach((entry) => {
@@ -10459,7 +10459,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       });
     });
   }
-  function getThreshold(modifiers) {
+  function getThreshhold(modifiers) {
     if (modifiers.includes("full"))
       return 0.99;
     if (modifiers.includes("half"))
@@ -10621,9 +10621,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       return "-";
     if (/^\D+$/.test(input))
       return "9";
-    if (thousands === null || thousands === void 0) {
-      thousands = delimiter === "," ? "." : ",";
-    }
+    thousands = thousands != null ? thousands : delimiter === "," ? "." : ",";
     let addThousands = (input2, thousands2) => {
       let output = "";
       let counter = 0;
@@ -10657,7 +10655,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
   var module_default5 = src_default5;
 
-  // ../../../node_modules/@alpinejs/focus/dist/module.esm.js
+  // ../../../node_modules/tabbable/dist/index.esm.js
   var candidateSelectors = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"];
   var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
   var NoElement = typeof Element === "undefined";
@@ -10931,6 +10929,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     }
     return isNodeMatchingSelectorFocusable(options, node);
   };
+
+  // ../../../node_modules/focus-trap/dist/focus-trap.esm.js
   function ownKeys2(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
@@ -11452,6 +11452,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     trap.updateContainerElements(elements);
     return trap;
   };
+
+  // ../../../node_modules/@alpinejs/focus/dist/module.esm.js
   function src_default6(Alpine3) {
     let lastFocused;
     let currentFocused;
@@ -11655,22 +11657,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   }
   var module_default6 = src_default6;
 
-  // ../../../node_modules/alpinejs-tash/dist/tash.esm.js
-  function l2(s2) {
-    s2.directive("tash", (r2, { modifiers: c2, expression: a2 }, { evaluate: u2, effect: m2 }) => {
-      let p2 = (e2) => new RegExp(`${d2}${e2}${f2}`, "g"), i2 = c2.includes("vue"), o2 = c2.includes("angular"), d2 = i2 ? "{{ " : o2 ? "{{" : "{", f2 = i2 ? " }}" : o2 ? "}}" : "}", g2 = a2.split(",").map((e2) => e2.trim()), t2 = document.createElement("template");
-      t2.innerHTML = r2.innerHTML;
-      let n2 = `${t2.innerHTML}`;
-      m2(() => {
-        g2.forEach((e2) => {
-          let H2 = u2(e2), h2 = p2(e2);
-          n2 = n2.replace(h2, H2);
-        }), r2.innerHTML = n2, n2 = t2.innerHTML;
-      });
-    });
-  }
-  var M2 = l2;
-
   // helpers/alpine.js
   function registerComponents(components) {
     document.addEventListener("alpine:init", () => {
@@ -15091,7 +15077,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
 
   // libs/alpine/index.js
   window.Alpine = module_default;
-  module_default.plugin(M2);
   module_default.plugin(module_default5);
   module_default.plugin(module_default6);
   module_default.plugin(module_default2);
@@ -15394,7 +15379,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
 
   // helpers/location.js
   function navigateTo(url, options = {}) {
-    if (window.Turbo && options.turbo !== false) {
+    if (window.Turbo && options.turbo === true) {
       delete options.turbo;
       turboOptions = Object.assign({ action: "advance" }, options);
       window.Turbo.visit(url, turboOptions);
@@ -15586,19 +15571,15 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 
-@alpinejs/focus/dist/module.esm.js:
-  (*! Bundled license information:
-  
-  tabbable/dist/index.esm.js:
-    (*!
-    * tabbable 5.3.3
-    * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-    *)
-  
-  focus-trap/dist/focus-trap.esm.js:
-    (*!
-    * focus-trap 6.9.4
-    * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-    *)
+tabbable/dist/index.esm.js:
+  (*!
+  * tabbable 5.3.3
+  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+  *)
+
+focus-trap/dist/focus-trap.esm.js:
+  (*!
+  * focus-trap 6.9.4
+  * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
   *)
 */

data/app/assets/js/helpers/location.js

@@ -1,5 +1,5 @@
 function navigateTo(url, options = {}) {
-  if (window.Turbo && options.turbo !== false) {
+  if (window.Turbo && options.turbo === true) {
     delete options.turbo;
     turboOptions = Object.assign({ action: "advance" }, options);
     window.Turbo.visit(url, turboOptions);

data/app/assets/js/libs/alpine/index.js

@@ -5,7 +5,6 @@ import collapse from "@alpinejs/collapse";
 import intersect from "@alpinejs/intersect";
 import mask from "@alpinejs/mask";
 import focus from "@alpinejs/focus";
-import tash from "alpinejs-tash";
 
 import undo from "@assets/js/libs/alpine/directives/undo";
 import options from "@assets/js/libs/alpine/directives/options";
@@ -19,7 +18,6 @@ window.Alpine = Alpine;
 
 // Third party plugins
 
-Alpine.plugin(tash);
 Alpine.plugin(mask);
 Alpine.plugin(focus);
 Alpine.plugin(morph);

data/app/components/coco/app/blocks/sidebar_nav/item/item.html.erb

@@ -5,5 +5,5 @@
   <label class="nav-item-label">
     <%= label %>
   </label>
-  <%= tag.template(menu, id: menu_id, "x-ref": "menu") if menu? %>
+  <%= tag.template(menu, id: menu_id) if menu? %>
 <% end %>

data/app/components/coco/app/blocks/sidebar_nav/item/item.js

@@ -4,30 +4,45 @@ import { CocoComponent } from "@js/coco";
 export default CocoComponent("appSidebarNavItem", () => {
   return {
     menu: null,
+    menuObserver: null,
     active: false,
 
     init() {
-      if (this.$refs.menu) {
-        this.menu = tippy(this.$el, {
-          theme: "coco-naked-dropdown",
-          placement: this.menuPlacement,
-          arrow: false,
-          offset: [0, 0],
-          trigger: "click",
-          interactive: true,
-          maxWidth: null,
-          onShow: () => {
-            this.active = true;
-          },
-          onHide: () => {
-            this.active = false;
-          },
-          content: () => this.$refs.menu.innerHTML,
-        });
+      if (this.menuTemplate) {
+        this.initMenu();
+        this.observeMenuForChanges();
       }
 
-      this.$watch("mobileLayout", () => {
-        this.onOrientationChange();
+      this.$watch("mobileLayout", () => this.onOrientationChange());
+    },
+
+    initMenu() {
+      this.menu = tippy(this.$root, {
+        theme: "coco-naked-dropdown",
+        placement: this.menuPlacement,
+        arrow: false,
+        offset: [0, 0],
+        trigger: "click",
+        interactive: true,
+        maxWidth: null,
+        onShow: () => {
+          this.active = true;
+        },
+        onHide: () => {
+          this.active = false;
+        },
+        content: () => this.menuTemplate.innerHTML,
+      });
+    },
+
+    observeMenuForChanges() {
+      this.menuObserver = new MutationObserver((mutations) => {
+        this.$nextTick(() => this.menu.setContent(this.menuTemplate.innerHTML));
+      });
+
+      this.menuObserver.observe(this.$root, {
+        subtree: true,
+        childList: true,
       });
     },
 
@@ -39,11 +54,25 @@ export default CocoComponent("appSidebarNavItem", () => {
       }
     },
 
+    destroy() {
+      if (this.menuObserver) {
+        this.menuObserver.disconnect();
+      }
+    },
+
     root: {
-      "@click": "if (menu) $event.preventDefault()",
+      ["@turbo:load.document"]() {
+        if (this.menu) {
+          this.menu.hide();
+        }
+      },
       ":class": "{active}",
     },
 
+    get menuTemplate() {
+      return this.$root.querySelector("template");
+    },
+
     get menuPlacement() {
       return this.mobileLayout ? "top" : "right-start";
     },

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.js

@@ -1,4 +1,3 @@
-import tippy from "@libs/tippy";
 import { CocoComponent } from "@js/coco";
 import { navigateTo } from "@helpers/location";
 

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.8.3"
+  VERSION = "0.8.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.8.3
+  version: 0.8.4
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-29 00:00:00.000000000 Z
+date: 2023-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails