npm - silentium-components - Versions diffs - 0.0.1 → 0.0.2 - Mend

silentium-components 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/CHANGELOG.md +13 -0
package/docs/assets/css/base.css +5 -0
package/docs/assets/css/custom.css +72 -0
package/docs/assets/img/logo.svg +1522 -0
package/docs/assets/js/index.mjs +7 -5
package/docs/build.sh +9 -8
package/docs/favicon.ico +0 -0
package/docs/index-dev.html +87 -215
package/docs/index.html +87 -215
package/docs/pages/behaviors/dirty.html +15 -0
package/docs/pages/behaviors/loading.html +24 -0
package/docs/pages/behaviors.html +12 -0
package/docs/pages/index.html +5 -0
package/docs/routes.json +1 -1
package/docs/template.html +87 -215
package/eslint.config.mjs +9 -0
package/package.json +2 -2
package/src/behaviors/Dirty.test.ts +4 -3
package/src/behaviors/Dirty.ts +10 -2
package/src/behaviors/Loading.test.ts +15 -0
package/src/behaviors/Loading.ts +34 -0

package/docs/assets/js/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { CurrentPage, Link, Page, Router } from "patron-components";
-import { Patron, PatronOnce, SourceWithPool, sourceOf } from "patron-oop";
-import { Attribute, Element, Fetched, StyleInstalled } from "patron-web-api";
+import { CurrentPage, Link, Page, Router } from "silentium-components";
+import { Patron, PatronOnce, SourceWithPool, sourceOf } from "silentium";
+import { Attribute, Element, Fetched, StyleInstalled } from "silentium-web-api";
 import { StyleFetched } from "../lib/StyleFetched.mjs";
 new StyleFetched(
@@ -9,7 +9,9 @@ new StyleFetched(
 const routing = new Router(".loader", ".page-area", ".menu");
-const [basePath] = location.href.replace(location.origin, "").split("#");
+const [basePath] = window.location.href
+  .replace(window.location.origin, "")
+  .split("#");
 const cleanBasePath = basePath.replace(/[^/]+\.html$/, "");
 const currentPage = new CurrentPage();
 const basePathSource = new SourceWithPool(
@@ -53,7 +55,7 @@ routesTransport.result().value(
           url: "/",
           template: "pages/index.html",
           aliases: [basePath, `${basePath}index.html`, ""],
-          page: new Page("Patron Components"),
+          page: new Page("Silentium Components"),
         },
         ...dynamicRoutes,
         {

package/docs/build.sh CHANGED Viewed

@@ -3,22 +3,23 @@
 echo "BEGIN"
 cd docs
 cp template.html index.html
-sed -i "s/TPL_PATRON_OOP/https:\/\/cdn.jsdelivr.net\/npm\/patron-oop@1.46.0\/dist\/patron.min.mjs/g" "index.html"
+sed -i "s/TPL_SILENTIUM_OOP/https:\/\/cdn.jsdelivr.net\/npm\/silentium@0.0.2\/dist\/silentium.min.mjs/g" "index.html"
-sed -i "s/TPL_PATRON_WEB_API/https:\/\/cdn.jsdelivr.net\/npm\/patron-web-api@1.16.0\/dist\/patron-web-api.min.mjs/g" "index.html"
+sed -i "s/TPL_SILENTIUM_WEB_API/https:\/\/cdn.jsdelivr.net\/npm\/silentium-web-api@0.0.1\/dist\/silentium-web-api.min.mjs/g" "index.html"
-sed -i "s/TPL_PATRON_COMPONENTS/https:\/\/cdn.jsdelivr.net\/npm\/patron-oop-components@1.20.0\/dist\/patron-components.min.mjs/g" "index.html"
+sed -i "s/TPL_SILENTIUM_COMPONENTS/https:\/\/cdn.jsdelivr.net\/npm\/silentium-components@0.0.1\/dist\/silentium-components.min.mjs/g" "index.html"
+sed -i "s/TPL_SILENTIUM_DESIGN/https:\/\/raw.githubusercontent.com\/silentium-lab\/silentium\/refs\/heads\/main\/docs\/assets\/css\/custom.css/g" "index.html"
-sed -i "s/TPL_PATRON_DESIGN/https:\/\/raw.githubusercontent.com\/kosukhin\/patorn-design-system\/refs\/heads\/main\/custom.css/g" "index.html"
 cp template.html index-dev.html
-sed -i "s/TPL_PATRON_OOP/http:\/\/127.0.0.1:5502\/dist\/patron.min.mjs/g" "index-dev.html"
+sed -i "s/TPL_SILENTIUM_OOP/http:\/\/127.0.0.1:5502\/dist\/silentium.min.mjs/g" "index-dev.html"
-sed -i "s/TPL_PATRON_WEB_API/http:\/\/127.0.0.1:5501\/dist\/patron-web-api.min.mjs/g" "index-dev.html"
+sed -i "s/TPL_SILENTIUM_WEB_API/http:\/\/127.0.0.1:5501\/dist\/silentium-web-api.min.mjs/g" "index-dev.html"
-sed -i "s/TPL_PATRON_COMPONENTS/http:\/\/127.0.0.1:5500\/dist\/patron-components.min.mjs/g" "index-dev.html"
+sed -i "s/TPL_SILENTIUM_COMPONENTS/http:\/\/127.0.0.1:5500\/dist\/silentium-components.min.mjs/g" "index-dev.html"
-sed -i "s/TPL_PATRON_DESIGN/http:\/\/127.0.0.1:5504\/custom.css/g" "index-dev.html"
+sed -i "s/TPL_SILENTIUM_DESIGN/http:\/\/127.0.0.1:5502\/docs\/assets\/css\/custom.css/g" "index-dev.html"
 echo "DONE!"

package/docs/favicon.ico CHANGED Viewed

Binary file

package/docs/index-dev.html CHANGED Viewed

@@ -1,233 +1,105 @@
 <!DOCTYPE html>
 <html lang="ru">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
-    />
-    <meta
-      http-equiv="X-UA-Compatible"
-      content="ie=edge"
-    />
-    <title>Идет загрузка...</title>
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"
-    />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.9.0/highlightjs-line-numbers.min.js"></script>
-    <link
-      rel="apple-touch-icon"
-      sizes="57x57"
-      href="./assets/favicon/apple-icon-57x57.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="60x60"
-      href="./assets/favicon/apple-icon-60x60.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="72x72"
-      href="./assets/favicon/apple-icon-72x72.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="./assets/favicon/apple-icon-76x76.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="114x114"
-      href="./assets/favicon/apple-icon-114x114.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="120x120"
-      href="./assets/favicon/apple-icon-120x120.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="144x144"
-      href="./assets/favicon/apple-icon-144x144.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="152x152"
-      href="./assets/favicon/apple-icon-152x152.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="./assets/favicon/apple-icon-180x180.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="192x192"
-      href="./assets/favicon/android-icon-192x192.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="./assets/favicon/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="96x96"
-      href="./assets/favicon/favicon-96x96.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="./assets/favicon/favicon-16x16.png"
-    />
-    <meta
-      name="msapplication-TileColor"
-      content="#ffffff"
-    />
-    <meta
-      name="msapplication-TileImage"
-      content="./assets/favicon/ms-icon-144x144.png"
-    />
-    <meta
-      name="theme-color"
-      content="#ffffff"
-    />
-    <link
-      rel="stylesheet"
-      href="./assets/css/base.css"
-    />
-    <script type="importmap">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>Идет загрузка...</title>
+  <link rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css" />
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+  <script
+    src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.9.0/highlightjs-line-numbers.min.js"></script>
+  <link rel="icon" href="./favicon.ico" type="image/x-icon" />
+  <meta name="msapplication-TileColor" content="#ffffff" />
+  <meta name="theme-color" content="#ffffff" />
+  <link rel="stylesheet" href="./assets/css/base.css" />
+  <script type="importmap">
       {
         "imports": {
-          "patron-oop": "http://127.0.0.1:5502/dist/patron.min.mjs",
-          "patron-web-api": "http://127.0.0.1:5501/dist/patron-web-api.min.mjs",
-          "patron-components": "http://127.0.0.1:5500/dist/patron-components.min.mjs"
+          "silentium": "http://127.0.0.1:5502/dist/silentium.min.mjs",
+          "silentium-web-api": "http://127.0.0.1:5501/dist/silentium-web-api.min.mjs",
+          "silentium-components": "http://127.0.0.1:5500/dist/silentium-components.min.mjs"
         }
       }
     </script>
-  </head>
+</head>
-  <body class="flex flex-col h-full global-body body-loading">
-    <div class="style-link" data-style="http://127.0.0.1:5504/custom.css"></div>
-    <header class="text-gray-600 body-font">
-      <div
-        class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center menu"
-      >
-        <div
-          class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0"
-        >
-        <a href="/" class="text-xl flex items-center active">
-          Patron Components
+<body class="flex flex-col h-full global-body body-loading">
+  <div class="style-link" data-style="http://127.0.0.1:5502/docs/assets/css/custom.css"></div>
+  <header class="text-gray-600 body-font">
+    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center menu">
+      <div class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
+        <a href="/" class="ml-3 text-xl flex gap-2 items-center active">
+          <img src="./assets/img/logo.svg" width="40" height="44" />
+          Silentium Components
         </a>
-        </div>
-        <nav
-          class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center"
-        >
-        </nav>
-        <button
-          onclick="location.href='https://github.com/kosukhin/patron'"
-          class="inline-flex gap-1 items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0"
-        >
-          <img
-            src="./assets/img/github_16.jpg"
-            width="16"
-            height="16"
-          />
-          GitHub
-          <svg
-            fill="none"
-            stroke="currentColor"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            class="w-4 h-4 ml-1"
-            viewBox="0 0 24 24"
-          >
-            <path d="M5 12h14M12 5l7 7-7 7"></path>
-          </svg>
-        </button>
       </div>
-    </header>
-    <article class="container mx-auto p-5">
-      <div class="loader">
-        <div class="w-full flex justify-center">
-          <div
-            class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-e-transparent align-[-0.125em] text-indigo-500 motion-reduce:animate-[spin_1.5s_linear_infinite]"
-            role="status"
-          >
-            <span
-              class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
-              >Loading...</span
-            >
-          </div>
+      <nav
+        class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
+      </nav>
+      <button onclick="location.href='https://github.com/kosukhin/patron'"
+        class="inline-flex gap-1 items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">
+        <img src="./assets/img/github_16.jpg" width="16" height="16" />
+        GitHub
+        <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+          class="w-4 h-4 ml-1" viewBox="0 0 24 24">
+          <path d="M5 12h14M12 5l7 7-7 7"></path>
+        </svg>
+      </button>
+    </div>
+  </header>
+  <article class="container mx-auto p-5">
+    <div class="loader">
+      <div class="w-full flex justify-center">
+        <div
+          class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-e-transparent align-[-0.125em] text-indigo-500 motion-reduce:animate-[spin_1.5s_linear_infinite]"
+          role="status">
+          <span
+            class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]">Loading...</span>
         </div>
       </div>
-      <div class="page-area"></div>
-    </article>
-    <footer class="text-gray-600 body-font mt-auto">
-      <div class="border-t border-gray-200">
-        <div class="container px-5 py-8 flex flex-wrap gap-6 mx-auto">
-          <div>
-            <h6 class="mb-4 flex font-semibold uppercase md:justify-start">
-              Библиотеки
-            </h6>
-            <div class="flex flex-col gap-2 menu">
-              <div class="flex gap-1 items-center">
-                <a
-                  href="https://kosukhin.github.io/patron/#/"
-                  target="_blank"
-                  >Patron</a
-                >
-              </div>
-              <div class="flex gap-1 items-center">
-                <a
-                  href="https://kosukhin.github.io/patron-web-api.site/"
-                  target="_blank"
-                  >Patron-WEB-API</a
-                >
-              </div>
-              <div class="flex gap-1 items-center">
-                <a
-                  href="https://kosukhin.github.io/patron-web-api.site/"
-                  target="_blank"
-                  >Patron Редактор схем</a
-                >
-              </div>
+    </div>
+    <div class="page-area"></div>
+  </article>
+  <footer class="text-gray-600 body-font mt-auto">
+    <div class="border-t border-gray-200">
+      <div class="container px-5 py-8 flex flex-wrap gap-6 mx-auto">
+        <div>
+          <h6 class="mb-4 flex font-semibold uppercase md:justify-start">
+            Библиотеки
+          </h6>
+          <div class="flex flex-col gap-2 menu">
+            <div class="flex gap-1 items-center">
+              <a href="https://kosukhin.github.io/patron/#/" target="_blank">Silentium</a>
+            </div>
+            <div class="flex gap-1 items-center">
+              <a href="https://kosukhin.github.io/patron-web-api.site/" target="_blank">Silentium-WEB-API</a>
+            </div>
+            <div class="flex gap-1 items-center">
+              <a href="https://kosukhin.github.io/patron-web-api.site/" target="_blank">Silentium Редактор схем</a>
             </div>
           </div>
         </div>
       </div>
-      <div class="bg-gray-100">
-        <div
-          class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row"
-        >
-          <p class="text-gray-500 text-sm">
-            © 2025 Patron —
-            <a
-              href="https://github.com/kosukhin/patron"
-              class="text-gray-600 ml-1"
-              target="_blank"
-              rel="noopener noreferrer"
-              >@patron-oop</a
-            >
-          </p>
-          <span
-            class="sm:ml-auto sm:mt-0 mt-2 sm:w-auto w-full sm:text-left text-center text-gray-500 text-sm"
-          >
-            patron components
-          </span>
-        </div>
+    </div>
+    <div class="bg-gray-100">
+      <div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
+        <p class="text-gray-500 text-sm">
+          © 2025 Patron —
+          <a href="https://github.com/kosukhin/patron" class="text-gray-600 ml-1" target="_blank"
+            rel="noopener noreferrer">@silentium</a>
+        </p>
+        <span class="sm:ml-auto sm:mt-0 mt-2 sm:w-auto w-full sm:text-left text-center text-gray-500 text-sm">
+        </span>
       </div>
-    </footer>
-    <script
-      src="./assets/js/index.mjs"
-      type="module"
-    ></script>
-  </body>
+    </div>
+  </footer>
+  <script src="./assets/js/index.mjs" type="module"></script>
+</body>
 </html>