@muibook/components 18.0.0 → 18.0.1

package/dist/esm/components/mui-slide-frame/index.js

@@ -164,7 +164,7 @@ class E extends HTMLElement {
     return !!(s && this.contains(s));
   }
   render() {
-    var o, n, d, h, y, f, p, g, c, v, b, S, u, m, a;
+    var o, n, d, h, S, f, p, m, g, c, v, b, u, l, y;
     if (!this.shadowRoot) return;
     const e = (this.getAttribute("title") || "").trim(), t = (this.getAttribute("footer-text") || "").trim(), s = this.escapeHtml(e), i = this.escapeHtml(t);
     this.shadowRoot.innerHTML = /*html*/
@@ -388,8 +388,7 @@ class E extends HTMLElement {
 
         :host([fullscreen]) .notes,
         :host(:fullscreen) .notes {
-          border: none;
-          border-radius: 0;
+          display: none !important;
         }
 
         :host([present]) .stage {
@@ -468,13 +467,13 @@ class E extends HTMLElement {
         </div>
         <div class="notes"><mui-body variant="optional" size="x-small">Notes...</mui-body><slot name="notes"></slot></div>
       </div>
-    `, this.defaultSlot = this.shadowRoot.querySelector("slot:not([name])"), (o = this.defaultSlot) == null || o.addEventListener("slotchange", this.onSlotChange), this.headerSlot = this.shadowRoot.querySelector('slot[name="header"]'), this.headerAfterSlot = this.shadowRoot.querySelector('slot[name="header-after"]'), this.headerDescriptionSlot = this.shadowRoot.querySelector('slot[name="header-description"]'), this.footerSlot = this.shadowRoot.querySelector('slot[name="footer"]'), this.footerAfterSlot = this.shadowRoot.querySelector('slot[name="footer-after"]'), this.notesSlot = this.shadowRoot.querySelector('slot[name="notes"]'), this.stageEl = this.shadowRoot.querySelector(".stage"), (n = this.headerSlot) == null || n.addEventListener("slotchange", this.onChromeSlotChange), (d = this.headerAfterSlot) == null || d.addEventListener("slotchange", this.onChromeSlotChange), (h = this.headerDescriptionSlot) == null || h.addEventListener("slotchange", this.onChromeSlotChange), (y = this.footerSlot) == null || y.addEventListener("slotchange", this.onChromeSlotChange), (f = this.footerAfterSlot) == null || f.addEventListener("slotchange", this.onChromeSlotChange), (p = this.footerDescriptionSlot) == null || p.addEventListener("slotchange", this.onChromeSlotChange), (g = this.notesSlot) == null || g.addEventListener("slotchange", this.onChromeSlotChange), this.style.setProperty("--slide-frame-ratio", this.resolveRatio()), (c = this.shadowRoot.querySelector("#notesActionBtn")) == null || c.addEventListener("click", () => {
+    `, this.defaultSlot = this.shadowRoot.querySelector("slot:not([name])"), (o = this.defaultSlot) == null || o.addEventListener("slotchange", this.onSlotChange), this.headerSlot = this.shadowRoot.querySelector('slot[name="header"]'), this.headerAfterSlot = this.shadowRoot.querySelector('slot[name="header-after"]'), this.headerDescriptionSlot = this.shadowRoot.querySelector('slot[name="header-description"]'), this.footerSlot = this.shadowRoot.querySelector('slot[name="footer"]'), this.footerAfterSlot = this.shadowRoot.querySelector('slot[name="footer-after"]'), this.notesSlot = this.shadowRoot.querySelector('slot[name="notes"]'), this.stageEl = this.shadowRoot.querySelector(".stage"), (n = this.headerSlot) == null || n.addEventListener("slotchange", this.onChromeSlotChange), (d = this.headerAfterSlot) == null || d.addEventListener("slotchange", this.onChromeSlotChange), (h = this.headerDescriptionSlot) == null || h.addEventListener("slotchange", this.onChromeSlotChange), (S = this.footerSlot) == null || S.addEventListener("slotchange", this.onChromeSlotChange), (f = this.footerAfterSlot) == null || f.addEventListener("slotchange", this.onChromeSlotChange), (p = this.footerDescriptionSlot) == null || p.addEventListener("slotchange", this.onChromeSlotChange), (m = this.notesSlot) == null || m.addEventListener("slotchange", this.onChromeSlotChange), this.style.setProperty("--slide-frame-ratio", this.resolveRatio()), (g = this.shadowRoot.querySelector("#notesActionBtn")) == null || g.addEventListener("click", () => {
       this.toggleNotes();
-    }), (v = this.shadowRoot.querySelector("#slideFramePrevSectionBtn")) == null || v.addEventListener("click", () => {
+    }), (c = this.shadowRoot.querySelector("#slideFramePrevSectionBtn")) == null || c.addEventListener("click", () => {
       this.prevSection();
-    }), (b = this.shadowRoot.querySelector("#slideFrameNextSectionBtn")) == null || b.addEventListener("click", () => {
+    }), (v = this.shadowRoot.querySelector("#slideFrameNextSectionBtn")) == null || v.addEventListener("click", () => {
       this.nextSection();
-    }), (S = this.shadowRoot.querySelector("#slideFrameToggleFullscreenBtn")) == null || S.addEventListener("click", () => {
+    }), (b = this.shadowRoot.querySelector("#slideFrameToggleFullscreenBtn")) == null || b.addEventListener("click", () => {
       if (this.hasAttribute("fullscreen") || document.fullscreenElement === this) {
         this.resetPresentationState(), this.exitFullscreen();
         return;
@@ -484,29 +483,25 @@ class E extends HTMLElement {
       });
     }), (u = this.shadowRoot.querySelector("#slideFrameExitPresentBtn")) == null || u.addEventListener("click", () => {
       this.resetPresentationState(), this.exitFullscreen();
-    }), (m = this.shadowRoot.querySelector("#slideFrameToggleNotesBtn")) == null || m.addEventListener("click", () => {
+    }), (l = this.shadowRoot.querySelector("#slideFrameToggleNotesBtn")) == null || l.addEventListener("click", () => {
       this.toggleNotes();
-    }), (a = this.shadowRoot.querySelector("#slideFrameRatioSelect")) == null || a.addEventListener("change", (l) => {
+    }), (y = this.shadowRoot.querySelector("#slideFrameRatioSelect")) == null || y.addEventListener("change", (a) => {
       var w;
-      const r = l.currentTarget, x = (r == null ? void 0 : r.value) || ((w = r == null ? void 0 : r.getAttribute) == null ? void 0 : w.call(r, "value")) || "16:9";
+      const r = a.currentTarget, x = (r == null ? void 0 : r.value) || ((w = r == null ? void 0 : r.getAttribute) == null ? void 0 : w.call(r, "value")) || "16:9";
       this.setAttribute("ratio", x);
     }), requestAnimationFrame(() => this.updateFullscreenSurfaceFit());
   }
   syncChromeState() {
     if (!this.shadowRoot) return;
     const e = (a) => ((a == null ? void 0 : a.assignedNodes({ flatten: !0 })) || []).some(
-      (l) => l.nodeType === Node.ELEMENT_NODE || (l.textContent || "").trim().length > 0
-    ), t = !!(this.getAttribute("title") || "").trim(), s = !!(this.getAttribute("footer-text") || "").trim(), i = this.hasAttribute("hide-header"), o = this.hasAttribute("hide-footer"), n = !o && this.getSections().length > 0, d = !i && (t || e(this.headerSlot) || e(this.headerAfterSlot) || e(this.headerDescriptionSlot)), h = !o && (s || e(this.footerSlot) || e(this.footerAfterSlot) || e(this.footerDescriptionSlot) || n || this.hasAttribute("present") || this.hasAttribute("fullscreen")), y = e(this.notesSlot), f = this.hasAttribute("notes-open"), p = this.shadowRoot.querySelector("#headerRegion"), g = this.shadowRoot.querySelector("#footerRegion"), c = this.shadowRoot.querySelector("#footerCounter"), v = this.shadowRoot.querySelector("#slideFrameExitPresentBtn"), b = this.shadowRoot.querySelector("#slideFrameToggleFullscreenBtn"), S = this.shadowRoot.querySelector(".present-controls"), u = Math.max(this.getSections().length, 1), m = this.getActiveSectionIndex() + 1;
-    if (S) {
-      const a = this.hasAttribute("fullscreen") || document.fullscreenElement === this;
-      S.hidden = a;
-    }
-    if (c) {
+      (r) => r.nodeType === Node.ELEMENT_NODE || (r.textContent || "").trim().length > 0
+    ), t = !!(this.getAttribute("title") || "").trim(), s = !!(this.getAttribute("footer-text") || "").trim(), i = this.hasAttribute("hide-header"), o = this.hasAttribute("hide-footer"), n = !o && this.getSections().length > 0, d = !i && (t || e(this.headerSlot) || e(this.headerAfterSlot) || e(this.headerDescriptionSlot)), h = !o && (s || e(this.footerSlot) || e(this.footerAfterSlot) || e(this.footerDescriptionSlot) || n || this.hasAttribute("present") || this.hasAttribute("fullscreen")), S = e(this.notesSlot), f = this.hasAttribute("fullscreen") || document.fullscreenElement === this, p = this.hasAttribute("notes-open") && !f, m = this.shadowRoot.querySelector("#headerRegion"), g = this.shadowRoot.querySelector("#footerRegion"), c = this.shadowRoot.querySelector("#footerCounter"), v = this.shadowRoot.querySelector("#slideFrameExitPresentBtn"), b = this.shadowRoot.querySelector("#slideFrameToggleFullscreenBtn"), u = this.shadowRoot.querySelector(".present-controls"), l = Math.max(this.getSections().length, 1), y = this.getActiveSectionIndex() + 1;
+    if (u && (u.hidden = f), c) {
       c.hidden = !n;
-      const a = Math.min(m, u), l = String(u).length;
-      c.style.setProperty("--slide-frame-counter-digits", String(l)), c.setAttribute("aria-label", `Section ${a} of ${u}`), c.innerHTML = `Section <span class="counter-value">${a}</span>/<span class="counter-value">${u}</span>`;
+      const a = Math.min(y, l), r = String(l).length;
+      c.style.setProperty("--slide-frame-counter-digits", String(r)), c.setAttribute("aria-label", `Section ${a} of ${l}`), c.innerHTML = `Section <span class="counter-value">${a}</span>/<span class="counter-value">${l}</span>`;
     }
-    v && (v.hidden = !this.hasAttribute("fullscreen")), b && (b.textContent = this.hasAttribute("fullscreen") ? "Exit Fullscreen" : "Full Screen"), p && (p.hidden = !d), g && (g.hidden = !h), this.toggleAttribute("has-header", d), this.toggleAttribute("has-footer", h), this.toggleAttribute("has-notes", y), this.toggleAttribute("notes-visible", f), this.toggleAttribute("has-chrome", d || h || f), this.updateFullscreenSurfaceFit();
+    v && (v.hidden = !this.hasAttribute("fullscreen")), b && (b.textContent = this.hasAttribute("fullscreen") ? "Exit Fullscreen" : "Full Screen"), m && (m.hidden = !d), g && (g.hidden = !h), this.toggleAttribute("has-header", d), this.toggleAttribute("has-footer", h), this.toggleAttribute("has-notes", S), this.toggleAttribute("notes-visible", p), this.toggleAttribute("has-chrome", d || h || p), this.updateFullscreenSurfaceFit();
   }
   handleFullscreenChange() {
     const e = document.fullscreenElement === this, t = this.hasAttribute("fullscreen");
@@ -539,9 +534,9 @@ class E extends HTMLElement {
     }
     const t = this.shadowRoot.querySelector(".frame"), s = this.shadowRoot.querySelector(".present-controls"), i = this.shadowRoot.querySelector(".notes");
     if (!t) return;
-    const o = t.getBoundingClientRect(), n = getComputedStyle(t), d = parseFloat(n.paddingTop || "0") || 0, h = parseFloat(n.paddingBottom || "0") || 0, y = parseFloat(n.paddingLeft || "0") || 0, f = parseFloat(n.paddingRight || "0") || 0, p = parseFloat(n.rowGap || n.gap || "0") || 0, g = s && getComputedStyle(s).display !== "none" ? s.getBoundingClientRect().height : 0, c = i && getComputedStyle(i).display !== "none" ? i.getBoundingClientRect().height : 0, v = [g > 0, !0, c > 0].filter(Boolean).length, b = Math.max(0, v - 1), S = Math.max(0, o.width - y - f), u = Math.max(0, o.height - d - h - g - c - p * b), m = this.resolveRatioParts(), a = this.hasAttribute("fullscreen") || document.fullscreenElement === this;
-    let l, r;
-    a ? (r = u, l = r * (m.width / m.height)) : (l = S, r = l * (m.height / m.width), r > u && (r = u, l = r * (m.width / m.height))), this.stageEl.style.width = `${Math.max(0, Math.floor(l))}px`, this.stageEl.style.height = `${Math.max(0, Math.floor(r))}px`;
+    const o = t.getBoundingClientRect(), n = getComputedStyle(t), d = parseFloat(n.paddingTop || "0") || 0, h = parseFloat(n.paddingBottom || "0") || 0, S = parseFloat(n.paddingLeft || "0") || 0, f = parseFloat(n.paddingRight || "0") || 0, p = parseFloat(n.rowGap || n.gap || "0") || 0, m = s && getComputedStyle(s).display !== "none" ? s.getBoundingClientRect().height : 0, g = i && getComputedStyle(i).display !== "none" ? i.getBoundingClientRect().height : 0, c = [m > 0, !0, g > 0].filter(Boolean).length, v = Math.max(0, c - 1), b = Math.max(0, o.width - S - f), u = Math.max(0, o.height - d - h - m - g - p * v), l = this.resolveRatioParts(), y = this.hasAttribute("fullscreen") || document.fullscreenElement === this;
+    let a, r;
+    y ? (r = u, a = r * (l.width / l.height)) : (a = b, r = a * (l.height / l.width), r > u && (r = u, a = r * (l.width / l.height))), this.stageEl.style.width = `${Math.max(0, Math.floor(a))}px`, this.stageEl.style.height = `${Math.max(0, Math.floor(r))}px`;
   }
   escapeHtml(e) {
     return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");

package/dist/esm/css/mui-brand.css

@@ -1,6 +1,6 @@
 
 /* ================================================================================================== */
-/*  Don't edit directly • Generated on Sat, 28 Feb 2026 08:25:27 GMT • muibook.com                                        */
+/*  Don't edit directly • Generated on Sat, 28 Feb 2026 10:18:48 GMT • muibook.com                                        */
 /* ================================================================================================== */
 
 /* ================================================================================================== */