@muibook/components 10.0.0 → 11.0.0

package/dist/esm/components/mui-icons/stop/index.js

@@ -1,4 +1,4 @@
-class c extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -16,6 +16,7 @@ class c extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -52,4 +53,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-stop") || customElements.define("mui-icon-stop", c);
+customElements.get("mui-icon-stop") || customElements.define("mui-icon-stop", r);

package/dist/esm/components/mui-icons/subtract/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/sun/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/text-below-folder/index.js

@@ -0,0 +1,55 @@
+class s extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(t, e, o) {
+    (t === "size" || t === "color") && e !== o && this.render();
+  }
+  render() {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), c = e && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, l = i[t] ?? i.small;
+    this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
+    `
+      <style>
+        :host {
+          width: ${l};
+          height: ${l};
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          fill: ${c};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit;
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="36"
+        height="36"
+        fill="none"
+        viewBox="0 0 36 36"
+      >
+        <path d="M8.795 20.913c-2.728 0-4.293-1.552-4.293-4.28V4.318C4.502 1.577 6.13 0 8.682 0h3.18c1.413 0 2.027.238 2.99.964l.514.388c.8.6 1.376.813 2.34.813h9.5c2.727 0 4.292 1.552 4.292 4.28v10.188c0 2.728-1.552 4.28-4.18 4.28zm.488-3.141H26.73c1 0 1.627-.538 1.627-1.64V6.96c0-1.114-.626-1.652-1.627-1.652h-10c-1.327 0-1.878-.2-2.754-.877l-.525-.388c-.889-.675-1.54-.9-2.566-.9H9.371c-1.077 0-1.727.7-1.727 1.664V16.12c0 1.114.625 1.652 1.639 1.652m-.075-8.398V8.16c0-.688.313-.964.964-.964h15.656c.651 0 .964.276.964.964v1.214zM6.104 27.171a1.597 1.597 0 0 1-1.602-1.602c0-.889.714-1.602 1.602-1.602h23.792c.889 0 1.602.713 1.602 1.602s-.713 1.602-1.602 1.602zm0 6.258a1.597 1.597 0 0 1-1.602-1.602c0-.889.714-1.602 1.602-1.602h23.792c.889 0 1.602.713 1.602 1.602 0 .888-.713 1.602-1.602 1.602z"></path>
+      </svg>
+    `);
+  }
+}
+customElements.get("mui-icon-text-below-folder") || customElements.define("mui-icon-text-below-folder", s);

package/dist/esm/components/mui-icons/toggle/index.js

@@ -1,4 +1,4 @@
-class r extends HTMLElement {
+class a extends HTMLElement {
   static get observedAttributes() {
     return ["toggle", "rotate", "size"];
   }
@@ -12,13 +12,14 @@ class r extends HTMLElement {
   }
   attributeChangedCallback(t, e, o) {
     if (t === "size") {
-      const s = this.getAttribute("size") || "medium", i = {
+      const s = this.getAttribute("size") || "medium", l = {
+        "xx-small": "1.3rem",
         "x-small": "1.6rem",
         small: "2.1rem",
         medium: "2.4rem",
         large: "2.8rem"
-      }, l = i[s] ?? i.medium;
-      this.style.setProperty("--icon-toggle-size", l), this.applySize();
+      }, i = l[s] ?? l.medium;
+      this.style.setProperty("--icon-toggle-size", i), this.applySize();
     }
   }
   get toggle() {
@@ -58,7 +59,8 @@ class r extends HTMLElement {
         ::slotted(*) {
           position: absolute;
           transform-origin: 50% 50%;
-          transition: var(--speed-200) ease-in-out;
+          translate: 0 0;
+          transition: transform var(--speed-200) ease-in-out, translate var(--speed-200) ease-in-out;
           fill: currentColor; 
         }
 
@@ -88,4 +90,4 @@ class r extends HTMLElement {
     `;
   }
 }
-customElements.get("mui-icon-toggle") || customElements.define("mui-icon-toggle", r);
+customElements.get("mui-icon-toggle") || customElements.define("mui-icon-toggle", a);

package/dist/esm/components/mui-icons/translate/index.js

@@ -12,15 +12,16 @@ class r extends HTMLElement {
     (c === "size" || c === "color" || c === "flip") && t !== l && this.render();
   }
   render() {
-    const c = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = this.hasAttribute("flip"), i = t && {
+    const c = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = this.hasAttribute("flip"), s = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", e = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, a = e[c] ?? e.small, s = "M31.727 14.897c2.36 0 4.273 1.888 4.273 4.217v8.771l-.006.219c-.111 2.155-1.863 3.883-4.047 3.993l-.22.007-4.19-.001c-1.416 1.214-3.194 2.634-4.596 3.462-.246.145-.67.374-1.138.422-1.328.133-2.067-.772-2.067-1.937v-1.953h-.787c-2.257-.113-4.052-1.956-4.053-4.212v-8.77c0-2.33 1.914-4.218 4.273-4.218zm-6.279 4.158c-1.032 0-1.692.527-2.054 1.647l-1.747 5.163c-.253.747.044 1.802 1.186 1.802.68 0 1.088-.385 1.264-1.164l.197-.571h2.361l.197.571c.176.78.584 1.164 1.276 1.164 1.142 0 1.427-1.066 1.186-1.802l-1.758-5.163c-.352-1.097-1.043-1.647-2.108-1.647m.746 4.977h-1.438l.692-2.692h.055zM19.056.006c2.523.127 4.53 2.186 4.53 4.707v8.942h-2.98V4.714c0-.92-.767-1.733-1.796-1.733H4.775c-1.028 0-1.795.812-1.796 1.733v9.803l.008.166c.082.812.756 1.5 1.657 1.562h.764a2.98 2.98 0 0 1 2.98 2.98v.724c1.18-.81 2.57-1.924 3.802-2.98l.208-.163a3 3 0 0 1 1.73-.554h.038a4.64 4.64 0 0 0-.51 2.117v1.263c-1.493 1.258-3.25 2.634-4.665 3.469l-.241.135c-.274.143-.638.297-1.03.337l-.272.014c-1.313.007-2.04-.959-2.04-2.18v-2.181H4.53l-.235-.019c-2.334-.23-4.173-2.119-4.29-4.455L0 14.517V4.713C0 2.11 2.138.001 4.775 0H18.81zm-3.45 7.436c.593 0 1.031.406 1.032.955 0 .56-.45.988-1.032.988h-.737a7.4 7.4 0 0 1-1.494 2.746 7.9 7.9 0 0 0 2.373.957c.637.121.956.626.791 1.252-.143.549-.725.813-1.428.66a9 9 0 0 1-3.208-1.473 9.2 9.2 0 0 1-3.361 1.482c-.604.165-1.165-.13-1.32-.679a1.03 1.03 0 0 1 .804-1.242c.945-.241 1.724-.561 2.372-.957a8.2 8.2 0 0 1-1.493-2.746H8.17c-.582 0-1.033-.428-1.033-.988 0-.55.44-.955 1.033-.955zm-4.625 1.943c.22.527.538 1.044.922 1.505.384-.472.682-.978.89-1.505zm-.374-5.24c.495-.263 1.077-.054 1.352.506l.516 1.076c.241.505.043 1.088-.506 1.363-.494.219-1.065 0-1.318-.527l-.505-1.067a.99.99 0 0 1 .461-1.351", o = "M31.727 14.897c2.36 0 4.273 1.888 4.273 4.217v8.771l-.006.218c-.111 2.156-1.863 3.884-4.047 3.994l-.22.007-4.19-.001c-1.416 1.214-3.194 2.634-4.596 3.462-.246.145-.67.375-1.138.422-1.328.134-2.067-.773-2.067-1.937v-1.953h-.787c-2.257-.114-4.052-1.956-4.053-4.212v-8.77c0-2.33 1.913-4.218 4.273-4.218zm-9.84 5.891c-.592 0-1.032.407-1.032.956 0 .56.45.989 1.033.989h.736a8.2 8.2 0 0 0 1.493 2.746c-.648.395-1.428.715-2.372.956a1.03 1.03 0 0 0-.803 1.242c.154.549.715.844 1.32.68a9.2 9.2 0 0 0 3.36-1.483 9 9 0 0 0 3.209 1.472c.703.154 1.285-.11 1.428-.659.164-.626-.155-1.13-.792-1.252a7.9 7.9 0 0 1-2.372-.956 7.4 7.4 0 0 0 1.493-2.746h.737c.582 0 1.032-.43 1.032-.99 0-.548-.439-.954-1.032-.955zm4.626 1.945a5.7 5.7 0 0 1-.89 1.504 6 6 0 0 1-.923-1.504zM19.056.006c2.523.127 4.53 2.186 4.53 4.707v8.942h-2.98V4.713c0-.92-.767-1.733-1.796-1.733H4.775c-1.028 0-1.795.813-1.795 1.733v9.803l.007.166c.082.812.756 1.5 1.656 1.563h.765a2.98 2.98 0 0 1 2.98 2.98v.722c1.18-.809 2.57-1.922 3.802-2.979l.208-.163a2.98 2.98 0 0 1 1.731-.554h.037a4.64 4.64 0 0 0-.51 2.118v1.262c-1.494 1.258-3.25 2.634-4.665 3.47l-.24.134c-.275.143-.639.297-1.031.337l-.272.014c-1.314.007-2.04-.959-2.04-2.18v-2.181H4.53l-.235-.019c-2.334-.23-4.173-2.119-4.29-4.455L0 14.517V4.713C0 2.11 2.138 0 4.775 0H18.81zm6.621 17.992c-.274-.56-.857-.77-1.351-.506a.99.99 0 0 0-.46 1.352l.505 1.066c.252.526.823.746 1.317.527.55-.275.748-.857.506-1.363zM11.831 5.338c1.065 0 1.756.55 2.108 1.647l1.758 5.163c.241.736-.044 1.801-1.186 1.802-.692 0-1.1-.384-1.275-1.164l-.198-.57h-2.361l-.198.57c-.176.78-.583 1.164-1.263 1.164-1.143 0-1.44-1.055-1.187-1.802l1.747-5.163c.362-1.12 1.022-1.647 2.055-1.647m-.693 4.976h1.44l-.693-2.691h-.054z";
+    }, a = e[c] ?? e.small, i = "M31.727 14.897c2.36 0 4.273 1.888 4.273 4.217v8.771l-.006.219c-.111 2.155-1.863 3.883-4.047 3.993l-.22.007-4.19-.001c-1.416 1.214-3.194 2.634-4.596 3.462-.246.145-.67.374-1.138.422-1.328.133-2.067-.772-2.067-1.937v-1.953h-.787c-2.257-.113-4.052-1.956-4.053-4.212v-8.77c0-2.33 1.914-4.218 4.273-4.218zm-6.279 4.158c-1.032 0-1.692.527-2.054 1.647l-1.747 5.163c-.253.747.044 1.802 1.186 1.802.68 0 1.088-.385 1.264-1.164l.197-.571h2.361l.197.571c.176.78.584 1.164 1.276 1.164 1.142 0 1.427-1.066 1.186-1.802l-1.758-5.163c-.352-1.097-1.043-1.647-2.108-1.647m.746 4.977h-1.438l.692-2.692h.055zM19.056.006c2.523.127 4.53 2.186 4.53 4.707v8.942h-2.98V4.714c0-.92-.767-1.733-1.796-1.733H4.775c-1.028 0-1.795.812-1.796 1.733v9.803l.008.166c.082.812.756 1.5 1.657 1.562h.764a2.98 2.98 0 0 1 2.98 2.98v.724c1.18-.81 2.57-1.924 3.802-2.98l.208-.163a3 3 0 0 1 1.73-.554h.038a4.64 4.64 0 0 0-.51 2.117v1.263c-1.493 1.258-3.25 2.634-4.665 3.469l-.241.135c-.274.143-.638.297-1.03.337l-.272.014c-1.313.007-2.04-.959-2.04-2.18v-2.181H4.53l-.235-.019c-2.334-.23-4.173-2.119-4.29-4.455L0 14.517V4.713C0 2.11 2.138.001 4.775 0H18.81zm-3.45 7.436c.593 0 1.031.406 1.032.955 0 .56-.45.988-1.032.988h-.737a7.4 7.4 0 0 1-1.494 2.746 7.9 7.9 0 0 0 2.373.957c.637.121.956.626.791 1.252-.143.549-.725.813-1.428.66a9 9 0 0 1-3.208-1.473 9.2 9.2 0 0 1-3.361 1.482c-.604.165-1.165-.13-1.32-.679a1.03 1.03 0 0 1 .804-1.242c.945-.241 1.724-.561 2.372-.957a8.2 8.2 0 0 1-1.493-2.746H8.17c-.582 0-1.033-.428-1.033-.988 0-.55.44-.955 1.033-.955zm-4.625 1.943c.22.527.538 1.044.922 1.505.384-.472.682-.978.89-1.505zm-.374-5.24c.495-.263 1.077-.054 1.352.506l.516 1.076c.241.505.043 1.088-.506 1.363-.494.219-1.065 0-1.318-.527l-.505-1.067a.99.99 0 0 1 .461-1.351", o = "M31.727 14.897c2.36 0 4.273 1.888 4.273 4.217v8.771l-.006.218c-.111 2.156-1.863 3.884-4.047 3.994l-.22.007-4.19-.001c-1.416 1.214-3.194 2.634-4.596 3.462-.246.145-.67.375-1.138.422-1.328.134-2.067-.773-2.067-1.937v-1.953h-.787c-2.257-.114-4.052-1.956-4.053-4.212v-8.77c0-2.33 1.913-4.218 4.273-4.218zm-9.84 5.891c-.592 0-1.032.407-1.032.956 0 .56.45.989 1.033.989h.736a8.2 8.2 0 0 0 1.493 2.746c-.648.395-1.428.715-2.372.956a1.03 1.03 0 0 0-.803 1.242c.154.549.715.844 1.32.68a9.2 9.2 0 0 0 3.36-1.483 9 9 0 0 0 3.209 1.472c.703.154 1.285-.11 1.428-.659.164-.626-.155-1.13-.792-1.252a7.9 7.9 0 0 1-2.372-.956 7.4 7.4 0 0 0 1.493-2.746h.737c.582 0 1.032-.43 1.032-.99 0-.548-.439-.954-1.032-.955zm4.626 1.945a5.7 5.7 0 0 1-.89 1.504 6 6 0 0 1-.923-1.504zM19.056.006c2.523.127 4.53 2.186 4.53 4.707v8.942h-2.98V4.713c0-.92-.767-1.733-1.796-1.733H4.775c-1.028 0-1.795.813-1.795 1.733v9.803l.007.166c.082.812.756 1.5 1.656 1.563h.765a2.98 2.98 0 0 1 2.98 2.98v.722c1.18-.809 2.57-1.922 3.802-2.979l.208-.163a2.98 2.98 0 0 1 1.731-.554h.037a4.64 4.64 0 0 0-.51 2.118v1.262c-1.494 1.258-3.25 2.634-4.665 3.47l-.24.134c-.275.143-.639.297-1.031.337l-.272.014c-1.314.007-2.04-.959-2.04-2.18v-2.181H4.53l-.235-.019c-2.334-.23-4.173-2.119-4.29-4.455L0 14.517V4.713C0 2.11 2.138 0 4.775 0H18.81zm6.621 17.992c-.274-.56-.857-.77-1.351-.506a.99.99 0 0 0-.46 1.352l.505 1.066c.252.526.823.746 1.317.527.55-.275.748-.857.506-1.363zM11.831 5.338c1.065 0 1.756.55 2.108 1.647l1.758 5.163c.241.736-.044 1.801-1.186 1.802-.692 0-1.1-.384-1.275-1.164l-.198-.57h-2.361l-.198.57c-.176.78-.583 1.164-1.263 1.164-1.143 0-1.44-1.055-1.187-1.802l1.747-5.163c.362-1.12 1.022-1.647 2.055-1.647m-.693 4.976h1.44l-.693-2.691h-.054z";
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
@@ -30,7 +31,7 @@ class r extends HTMLElement {
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${i};
+          fill: ${s};
         }
         svg {
           width: 100%;
@@ -43,7 +44,7 @@ class r extends HTMLElement {
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 36 36"
       >
-        <path d="${l ? o : s}"></path>
+        <path d="${l ? o : i}"></path>
       </svg>
 
 

package/dist/esm/components/mui-icons/up-arrow/index.js

@@ -1,4 +1,4 @@
-class l extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -12,10 +12,11 @@ class l extends HTMLElement {
     (e === "size" || e === "color") && t !== o && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), r = t && {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -30,7 +31,7 @@ class l extends HTMLElement {
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${r};
+          fill: ${l};
         }
         svg {
           width: 100%;
@@ -52,4 +53,4 @@ class l extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-up-arrow") || customElements.define("mui-icon-up-arrow", l);
+customElements.get("mui-icon-up-arrow") || customElements.define("mui-icon-up-arrow", r);

package/dist/esm/components/mui-icons/up-chevron/index.js

@@ -8,19 +8,20 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, o) {
-    (e === "size" || e === "color") && t !== o && this.render();
+  attributeChangedCallback(t, e, o) {
+    (t === "size" || t === "color") && e !== o && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", i = {
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = i[e] ?? i.small;
+    }, s = i[t] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/warning/index.js

@@ -1,4 +1,4 @@
-class n extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -15,18 +15,19 @@ class n extends HTMLElement {
     const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", o = {
+    }[t] || t || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = o[e] ?? o.small;
+    }, o = s[e] ?? s.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
-          width: ${s};
-          height: ${s};
+          width: ${o};
+          height: ${o};
           display: inline-flex;
           align-items: center;
           justify-content: center;
@@ -52,4 +53,4 @@ class n extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-warning") || customElements.define("mui-icon-warning", n);
+customElements.get("mui-icon-warning") || customElements.define("mui-icon-warning", r);