@schukai/monster 4.66.0 → 4.66.2

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 
 
+## [4.66.2] - 2025-12-31
+
+### Bug Fixes
+
+- Add version annotation to component documentation
+
+
+
+## [4.66.1] - 2025-12-31
+
+### Bug Fixes
+
+- webtests
+- update examples
+
+
+
 ## [4.66.0] - 2025-12-31
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.66.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.66.2"}

package/source/components/form/buy-box.mjs

@@ -185,7 +185,12 @@ const pricingCacheSymbol = Symbol("pricingCache");
 /**
  * BuyBox
  *
+ * @fragments /fragments/components/form/buy-box/
+ *
+ * @example /examples/components/form/buy-box-basic Basic buy box
+ *
  * @summary Product buy box control with variants, quantity, pricing, and add-to-cart.
+ * @since 4.65.0
  * @fires monster-buy-box-change
  * @fires monster-buy-box-valid
  * @fires monster-buy-box-invalid

package/source/components/form/register-wizard.mjs

@@ -65,6 +65,10 @@ const submitButtonSymbol = Symbol("submitButton");
 /**
  * Registration wizard control using wizard navigation and multi-step forms.
  *
+ * @fragments /fragments/components/form/register-wizard/
+ *
+ * @example /examples/components/form/register-wizard-basic Basic register wizard
+ *
  * @since 4.38.0
  * @summary A multi-step registration wizard with availability checks and register submit.
  * @fires monster-register-wizard-step-change

package/source/components/form/variant-select.mjs

@@ -114,6 +114,7 @@ const initGuardSymbol = Symbol("initGuard");
  * @example /examples/components/form/variant-select-remote Remote data
  *
  * @summary A control to pick valid variant combinations (e.g., color/size).
+ * @since 4.64.0
  * @fires monster-variant-select-change
  * @fires monster-variant-select-valid
  * @fires monster-variant-select-invalid

package/source/dom/customcontrol.mjs

@@ -48,6 +48,8 @@ const attachedInternalSymbol = Symbol("attachedInternal");
  *
  * Read the HTML specification for Custom Element Reactions: {@link https://html.spec.whatwg.org/dev/custom-elements.html#custom-element-reactions|Custom Element Reactions}.
  *
+ * @fragments /fragments/libraries/dom/customcontrol/
+ *
  * @summary A base class for custom controls based on CustomElement.
  * @license AGPLv3
  * @since 1.14.0

package/source/dom/customelement.mjs

@@ -179,6 +179,8 @@ const scriptHostElementSymbol = Symbol("scriptHostElement");
  * More information about Custom Elements can be found in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements).
  * And in the [HTML Standard](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements) or in the [WHATWG Wiki](https://wiki.whatwg.org/wiki/Custom_Elements).
  *
+ * @fragments /fragments/libraries/dom/customelement/
+ *
  * @license AGPLv3
  * @since 1.7.0
  * @copyright Volker Schukai

package/source/dom/updater.mjs

@@ -84,6 +84,8 @@ const updaterRootSymbol = Symbol.for("@schukai/monster/dom/@@updater-root");
  * to other values as well, you have to insert the attribute `data-monster-select-this`. This should be
  * done with care, as it can reduce performance.
  *
+ * @fragments /fragments/libraries/dom/updater/
+ *
  * @example /examples/libraries/dom/updater/simple/ Simple example
  *
  * @license AGPLv3

package/source/i18n/formatter.mjs

@@ -30,6 +30,8 @@ const internalTranslationSymbol = Symbol("internalTranslation");
 /**
  * The Formatter extends the Text.Formatter with the possibility to replace the key by a translation.
  *
+ * @fragments /fragments/libraries/i18n/formatter/
+ *
  * @license AGPLv3
  * @since 1.26.0
  * @copyright Volker Schukai

package/source/i18n/locale.mjs

@@ -32,6 +32,8 @@ const localeStringSymbol = Symbol("localeString");
 /**
  * The Locale class is a base class for the language classes.
  *
+ * @fragments /fragments/libraries/i18n/locale/
+ *
  * RFC
  *
  * ```

package/source/i18n/translations.mjs

@@ -33,6 +33,8 @@ export { Translations, getDocumentTranslations };
 /**
  * With this class you can manage translations and access the keys.
  *
+ * @fragments /fragments/libraries/i18n/translations/
+ *
  * @externalExample ../../example/i18n/translations.mjs
  * @license AGPLv3
  * @since 1.13.0

package/source/text/formatter.mjs

@@ -95,6 +95,8 @@ const workingDataSymbol = Symbol("workingData");
  *
  * When using a pipe, you must pay attention to the separators.
  *
+ * @fragments /fragments/libraries/text/formatter/
+ *
  * @example
  *
  * import {Formatter} from '@schukai/monster/source/text/formatter.mjs';

package/source/types/version.mjs

@@ -156,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("4.43.8");
+	monsterVersion = new Version("4.66.0");
 
 	return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("4.43.8")
+        monsterVersion = new Version("4.66.0")
 
         let m = getMonsterVersion();
 

package/test/web/import.js

@@ -3,6 +3,8 @@ import "./prepare.js";
 import "../cases/components/layout/tabs.mjs";
 import "../cases/components/layout/slit-panel.mjs";
 import "../cases/components/layout/panel.mjs";
+import "../cases/components/form/buy-box.mjs";
+import "../cases/components/form/button-bar.mjs";
 import "../cases/components/form/reload.mjs";
 import "../cases/components/form/state-button.mjs";
 import "../cases/components/form/select.mjs";

package/test/web/test.html

@@ -9,8 +9,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 4.43.8</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Mo 13. Okt 09:26:37 CEST 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 4.66.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mi 31. Dez 02:19:45 CET 2025</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>