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

silentium-components 0.0.1

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 (76) hide show

package/.husky/pre-commit +1 -0
package/.vscode/settings.json +4 -0
package/CHANGELOG.md +165 -0
package/LICENSE.md +7 -0
package/README.md +4 -0
package/beforeRelease.sh +11 -0
package/commitizen.cjs +50 -0
package/dist/patron-components.cjs +372 -0
package/dist/patron-components.cjs.map +1 -0
package/dist/patron-components.d.ts +158 -0
package/dist/patron-components.js +358 -0
package/dist/patron-components.js.map +1 -0
package/dist/patron-components.min.js +1 -0
package/dist/patron-components.min.mjs +2 -0
package/dist/patron-components.min.mjs.map +1 -0
package/dist/patron-components.mjs +358 -0
package/dist/patron-components.mjs.map +1 -0
package/dist/silentium-components.cjs +372 -0
package/dist/silentium-components.cjs.map +1 -0
package/dist/silentium-components.d.ts +169 -0
package/dist/silentium-components.js +358 -0
package/dist/silentium-components.js.map +1 -0
package/dist/silentium-components.min.js +1 -0
package/dist/silentium-components.min.mjs +2 -0
package/dist/silentium-components.min.mjs.map +1 -0
package/dist/silentium-components.mjs +358 -0
package/dist/silentium-components.mjs.map +1 -0
package/docs/assets/css/base.css +3 -0
package/docs/assets/img/github_16.jpg +0 -0
package/docs/assets/js/index.mjs +70 -0
package/docs/assets/lib/StyleFetched.mjs +16 -0
package/docs/build.sh +25 -0
package/docs/buildRoutes.sh +15 -0
package/docs/favicon.ico +0 -0
package/docs/index-dev.html +233 -0
package/docs/index.html +233 -0
package/docs/pages/404.html +1 -0
package/docs/pages/index.html +7 -0
package/docs/pages/navigation/navigation.html +1 -0
package/docs/pages/navigation/router.html +1 -0
package/docs/pages/navigation.html +12 -0
package/docs/routes.json +1 -0
package/docs/template.html +233 -0
package/eslint.config.mjs +42 -0
package/package.json +63 -0
package/rollup.config.js +52 -0
package/src/behaviors/Dirty.test.ts +20 -0
package/src/behaviors/Dirty.ts +62 -0
package/src/behaviors/Touched.ts +0 -0
package/src/controls/ComputedElement.ts +51 -0
package/src/controls/GroupActiveClass.test.ts +26 -0
package/src/controls/GroupActiveClass.ts +29 -0
package/src/controls/Input.ts +40 -0
package/src/controls/Link.ts +53 -0
package/src/controls/Text.ts +16 -0
package/src/controls/Visible.ts +16 -0
package/src/controls/index.ts +6 -0
package/src/index.ts +3 -0
package/src/jsdom/JSDomDocument.ts +15 -0
package/src/jsdom/JSDomElement.ts +28 -0
package/src/jsdom/JSDomQuerySelector.ts +28 -0
package/src/navigation/CurrentPage.ts +27 -0
package/src/navigation/Navigation.default.test.ts +53 -0
package/src/navigation/Navigation.main.test.ts +46 -0
package/src/navigation/Navigation.ts +92 -0
package/src/navigation/Navigation.wildcard.test.ts +52 -0
package/src/navigation/PageFetchTransport.ts +26 -0
package/src/navigation/RouteDisplay.ts +18 -0
package/src/navigation/RoutePageType.ts +3 -0
package/src/navigation/Router.ts +118 -0
package/src/navigation/index.ts +7 -0
package/src/page/EntryPointPage.ts +20 -0
package/src/page/Page.ts +12 -0
package/src/page/PageFake.ts +8 -0
package/src/page/index.ts +2 -0
package/tsconfig.json +26 -0

package/docs/index-dev.html ADDED Viewed

@@ -0,0 +1,233 @@
+<!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">
+      {
+        "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"
+        }
+      }
+    </script>
+  </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
+        </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>
+        </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>
+        </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>
+    </footer>
+    <script
+      src="./assets/js/index.mjs"
+      type="module"
+    ></script>
+  </body>
+</html>

package/docs/index.html ADDED Viewed

@@ -0,0 +1,233 @@
+<!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">
+      {
+        "imports": {
+          "patron-oop": "https://cdn.jsdelivr.net/npm/patron-oop@1.46.0/dist/patron.min.mjs",
+          "patron-web-api": "https://cdn.jsdelivr.net/npm/patron-web-api@1.16.0/dist/patron-web-api.min.mjs",
+          "patron-components": "https://cdn.jsdelivr.net/npm/patron-oop-components@1.20.0/dist/patron-components.min.mjs"
+        }
+      }
+    </script>
+  </head>
+  <body class="flex flex-col h-full global-body body-loading">
+    <div class="style-link" data-style="https://raw.githubusercontent.com/kosukhin/patorn-design-system/refs/heads/main/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
+        </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>
+        </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>
+        </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>
+    </footer>
+    <script
+      src="./assets/js/index.mjs"
+      type="module"
+    ></script>
+  </body>
+</html>

package/docs/pages/404.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <h1>Страница не найдена</h1>

package/docs/pages/index.html ADDED Viewed

@@ -0,0 +1,7 @@
+<div class="grid grid-3 gap-3">
+    <div class="card">
+        <div class="card-title bottom-2">Navigation</div>
+        <div class="card-content bottom-1">Управление историей переходов в браузере</div>
+        <a class="dynamic-navigation top-auto link" href="/navigation">Посмотреть</a>
+    </div>
+</div>

package/docs/pages/navigation/navigation.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <p>navig</p>

package/docs/pages/navigation/router.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <p>router</p>

package/docs/pages/navigation.html ADDED Viewed

@@ -0,0 +1,12 @@
+<div class="grid grid-3 gap-3">
+    <div class="card">
+        <div class="card-title bottom-2">Navigation</div>
+        <div class="card-content bottom-1">Управление историей переходов в браузере</div>
+        <a class="dynamic-navigation top-auto link" href="/navigation/navigation">Посмотреть</a>
+    </div>
+    <div class="card">
+        <div class="card-title bottom-2">Router</div>
+        <div class="card-content bottom-1">роутер</div>
+        <a class="dynamic-navigation top-auto link" href="/navigation/router">Посмотреть</a>
+    </div>
+</div>

package/docs/routes.json ADDED Viewed

	@@ -0,0 +1 @@
1	+