@rettangoli/ui 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rettangoli/ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A UI component library for building web interfaces.",
   "main": "dist/rettangoli-esm.min.js",
   "type": "module",
@@ -32,8 +32,8 @@
     "check:contracts": "rtgl check --dir src/components",
     "check:contracts:yahtml": "rtgl check --dir src/components",
     "copy:css": "node copy-css.js",
-    "build:dev": "rtgl fe build -d && bun run esbuild-dev.js && npm run copy:css",
-    "build": "rtgl fe build && bun run esbuild.js && bun run esbuild-dev.js && npm run copy:css",
+    "build:dev": "rtgl fe build -d -o ./.generated/fe-entry.js && bun run esbuild-dev.js && npm run copy:css",
+    "build": "rtgl fe build -o ./.generated/fe-entry.js && bun run esbuild.js && bun run esbuild-dev.js && npm run copy:css",
     "prepack": "npm run build",
     "vt:generate": "bun run build:dev && rtgl vt generate",
     "vt:docker": "bun run build:dev && bash -lc 'IMAGE=\"han4wluc/rtgl:playwright-v1.57.0-rtgl-v1.0.0-rc27\"; docker pull \"$IMAGE\" >/dev/null 2>&1 || IMAGE=\"han4wluc/rtgl:playwright-v1.57.0-rtgl-v1.0.0-rc26\"; docker run --rm --user $(id -u):$(id -g) -v \"$PWD:/app\" -w /app \"$IMAGE\" rtgl vt screenshot'",
@@ -62,7 +62,7 @@
   "homepage": "https://github.com/yuusoft-org/rettangoli#readme",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@rettangoli/fe": "1.0.1",
+    "@rettangoli/fe": "1.0.3",
     "commander": "^13.1.0",
     "jempl": "1.0.0",
     "js-yaml": "^4.1.0",

package/src/entry-iife-ui.js

@@ -33,4 +33,4 @@ customElements.define("rtgl-dialog", RettangoliDialog({}));
 customElements.define("rtgl-popover", RettangoliPopover({}));
 
 // built from rettangoli cli fe
-import '../.temp/dynamicImport.js'
+import "../.generated/fe-entry.js";

package/src/primitives/checkbox.js

@@ -89,6 +89,7 @@ class RettangoliCheckboxElement extends HTMLElement {
 
   constructor() {
     super();
+    this._isSyncingLabelState = false;
     RettangoliCheckboxElement.initializeStyleSheet();
     this.shadow = this.attachShadow({ mode: "open" });
     this.shadow.adoptedStyleSheets = [RettangoliCheckboxElement.styleSheet];
@@ -270,22 +271,33 @@ class RettangoliCheckboxElement extends HTMLElement {
   }
 
   _updateLabelState() {
-    const fallbackLabel = this.getAttribute("label");
-    this._labelSlotElement.textContent = fallbackLabel ?? "";
-
-    const assignedNodes = this._labelSlotElement.assignedNodes({ flatten: true });
-    const hasAssignedLabel = assignedNodes.some((node) => {
-      if (node.nodeType === Node.TEXT_NODE) {
-        return node.textContent.trim().length > 0;
+    if (this._isSyncingLabelState) return;
+    this._isSyncingLabelState = true;
+    try {
+      const fallbackLabel = this.getAttribute("label");
+      const fallbackText = fallbackLabel ?? "";
+      if (this._labelSlotElement.textContent !== fallbackText) {
+        this._labelSlotElement.textContent = fallbackText;
       }
-      return node.nodeType === Node.ELEMENT_NODE;
-    });
-    const hasFallbackLabel = typeof fallbackLabel === "string" && fallbackLabel.trim().length > 0;
 
-    if (hasAssignedLabel || hasFallbackLabel) {
-      this.setAttribute("has-label", "");
-    } else {
-      this.removeAttribute("has-label");
+      const assignedNodes = this._labelSlotElement.assignedNodes({ flatten: true });
+      const hasAssignedLabel = assignedNodes.some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          return node.textContent.trim().length > 0;
+        }
+        return node.nodeType === Node.ELEMENT_NODE;
+      });
+      const hasFallbackLabel =
+        typeof fallbackLabel === "string" && fallbackLabel.trim().length > 0;
+
+      const shouldHaveLabel = hasAssignedLabel || hasFallbackLabel;
+      if (shouldHaveLabel && !this.hasAttribute("has-label")) {
+        this.setAttribute("has-label", "");
+      } else if (!shouldHaveLabel && this.hasAttribute("has-label")) {
+        this.removeAttribute("has-label");
+      }
+    } finally {
+      this._isSyncingLabelState = false;
     }
   }
 }