u2ui 1.5.16 → 1.5.18

package/el/carousel/carousel.js

@@ -103,6 +103,7 @@ contain: layout style paint;  /* Neu ok? */
 			}
 			:host([mode=fade]) .body {
 				display:flex;
+				min-width: 0;
 			}
 			:host([mode=fade]) .body::slotted(*) {
 				transition:opacity var(--u2-carousel-animation-speed, .7s) ease-in-out;

package/el/rte/README.md

@@ -56,9 +56,6 @@ DOM edited by RTE. They should not be added as aliases or partial parsers.
 
 ## TODO
 
-- Add `el/rte` to U2's generated project catalog when the module is ready for
-  automatic loading. It currently requires the explicit module import shown
-  above because that catalog lives outside this module.
 - RTE needs a shared root-aware convention-client entry point before this
   adapter can support editors placed inside an application ShadowRoot. The
   current public convenience client owns the document root only.

package/js/SelectorObserver/SelectorObserver.js

@@ -12,19 +12,18 @@ function forRoot(root, method, el) {
     for (const observer of observers) observer.root === root && observer[method](el);
 }
 function checkMutations(mutations, root) {
-    for (const mutation of mutations) {
-        if (mutation.type==='childList') {
-            for (const target of mutation.addedNodes) {
-                target.nodeType === 1 && forRoot(root, '_addTree', target);
-            }
-            for (const target of mutation.removedNodes) {
-                target.nodeType === 1 && forRoot(root, '_removeTree', target);
-            }
-        }
-        if (mutation.type==='attributes') {
-            forRoot(root, '_treeModified', mutation.target);
-        }
+    const added = new Set(), removed = new Set(), modified = new Set();
+    for (const m of mutations) {
+        if (m.type === 'attributes') { modified.add(m.target); continue; }
+        for (const n of m.removedNodes) n.nodeType === 1 && removed.add(n);
+        for (const n of m.addedNodes) n.nodeType === 1 && added.add(n);
     }
+    // a node inside another node of the same batch is covered by that node's subtree
+    const top = (n, set) => { for (let p = n.parentNode; p; p = p.parentNode) if (set.has(p)) return false; return true; };
+    for (const n of removed) top(n, removed) && forRoot(root, '_removeTree', n);
+    // judged by the final state: a node that left again, or was only touched while detached, is not added
+    for (const n of added) top(n, added) && root.contains(n) && forRoot(root, '_addTree', n);
+    for (const n of modified) root.contains(n) && forRoot(root, '_treeModified', n);
 }
 
 
@@ -140,16 +139,15 @@ export class SelectorObserver {
      */
      _addTree(target) {
         target.matches(this.selector) && this._add(target);
-        if (document.readyState === 'complete') { // Before domready MutationObserver reports every node, ok?
-            for (const el of target.querySelectorAll(this.selector)) this._add(el);
-        }
+        // a scripted insert is reported as its root only, even while parsing; nodes found twice are deduped by targets
+        for (const el of target.querySelectorAll(this.selector)) this._add(el);
     }
 
     /**
      * @private
      */
      _removeTree(target) {
-        //if (!this._off) return; // performance
+        if (!this.targets.size) return;
         this._remove(target);
         for (const el of target.querySelectorAll('*')) this._remove(el);
     }

package/js/rte/AGENTS.md

@@ -15,9 +15,6 @@ earlier RTE draft is not a reason to keep a weaker design.
 - Read [`README.md`](./README.md) for the architecture and requirements.
 - Read [`PLAN.md`](./PLAN.md) for implemented phases and the next responsibility.
 - Read the README beside every responsibility you change.
-- Treat `../rte0` as a read-only behavioral reference. Never modify it or any
-  other file outside `rte` while working on RTE.
-
 ## Priorities
 
 - Keep changes focused, compact, readable, and internally consistent.

package/js/rte/PLAN.md

@@ -4,12 +4,6 @@ Each phase ends with documentation, dedicated tests for every production file,
 real-browser verification, and no known failing invariant. Later phases may
 refine earlier contracts, but may not bypass their responsibility boundaries.
 
-The working `../rte0` is a behavioral reference throughout the project. Existing
-behavior, especially host-specific editing, selection handling, and browser
-fixes, is first captured as black-box tests. RTE then preserves or deliberately
-improves it through smaller responsibilities; structural weaknesses in the old
-implementation are not mistaken for behavioral failures.
-
 ## Resume work
 
 Phases 0–3 provide the core, selection/range primitives, content model, scoped

package/js/rte/README.md

@@ -13,6 +13,7 @@ import * as module from "https://cdn.jsdelivr.net/gh/u2ui/u2@main/js/rte/rte.js"
 
 ## Demos
 
+[webkit-data-image-drag.html](http://gcdn.li/u2ui/u2@main/js/rte/tests/webkit-data-image-drag.html)  
 [index.html](http://gcdn.li/u2ui/u2@main/js/rte/tests/index.html)  
 
 ## Start here
@@ -35,9 +36,6 @@ normalization interactively at `/u2/js/rte/playground/`. The runner displays
 its own test count and result. A result is cross-browser evidence only after
 that exact revision has run in current Chromium, Firefox, and WebKit.
 
-`../rte0` is a read-only behavioral reference. Reuse proven behavior and CSS
-configuration ideas, but do not copy its architecture or modify its files.
-
 ## Intended features
 
 - Native `contenteditable`, `Selection`, `Range`, `beforeinput`, and Input
@@ -329,7 +327,6 @@ transactional undo/redo.
 - Exercise the new synchronous extension lifecycle with another contextual UI
   before adding dependency, ordering, or asynchronous setup concepts.
 - Build the browser test matrix for current Chromium, Firefox, and WebKit.
-- Port only the proven ideas from `../rte0`; keep its implementation untouched.
 
 ## About
 

package/js/rte/src/ui/README.md

@@ -4,12 +4,11 @@
 the currently active surface. It provides the roaming behavior; it does not
 create buttons, inject styles, choose icons, or define editor commands.
 
-The useful interaction model comes from the original `../rte0` toolbar: one
-shared toolbar follows the active editor, its items reflect the current
+One shared toolbar follows the active editor, its items reflect the current
 selection, pointer interaction keeps the editor selection, and keyboard
-shortcuts invoke the same actions. RTE replaces the old global item registry,
-`execCommand()`, delayed focus repair, and automatic style injection with the
-existing core, surface, and command contracts.
+shortcuts invoke the same actions. The core, surface, and command contracts
+replace global item registries, `execCommand()`, delayed focus repair, and
+automatic style injection.
 
 ## Contract
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "u2ui",
-  "version": "1.5.16",
+  "version": "1.5.18",
   "description": "HTML Advanced: More Capabilities, Same Feel, Same Simplicity",
   "keywords": ["web-components","pattern-library","component-library","ui-toolkit","design-system"],
   "author": "Tobias Buschor",

package/u2/projects.json

@@ -196,14 +196,6 @@
     }
   },
   "el": {
-    "rte0": {
-      "name": "rte0",
-      "description": "\"Rich\" Rich Text Editor (alpha)",
-      "beta": false,
-      "deprecated": false,
-      "css": true,
-      "js": true
-    },
     "tabs": {
       "name": "tabs",
       "description": "Turns HTML structures with headings into an interactive, tabbed interface, using the content between headings as each tab’s content.",
@@ -568,14 +560,6 @@
     }
   },
   "js": {
-    "rte0": {
-      "name": "rte0",
-      "description": "Easily Make Elements Editable with Intuitive Controls",
-      "beta": false,
-      "deprecated": false,
-      "css": false,
-      "js": false
-    },
     "serviceWorker": {
       "name": "serviceWorker",
       "description": "",

package/u2/tools/update.repos.json.js

@@ -1,6 +1,7 @@
 // deno run -A --no-lock ./u2/tools/update.repos.json.js
 
 const repos = {};
+const HIDDEN = new Set(['rte0']);
 
 import * as fs from 'https://deno.land/std@0.100.0/fs/mod.ts';
 
@@ -13,6 +14,7 @@ base = base.replace(/file:\/\/\//, '/');
     for await (const entry of Deno.readDir(base+category)) {
         if (!entry.isDirectory) continue;
         const name = entry.name;
+        if (HIDDEN.has(name)) continue;
         const data = await writeReadMe(category, entry);
 
         const css = fs.existsSync(`${base}${category}/${name}/${name}.css`);

package/u2/tools/update.skill.js

@@ -6,6 +6,7 @@ let base = import.meta.resolve('../../');
 base = base.replace(/file:\/\/\//, '/');
 
 const categories = ['attr', 'class', 'el', 'css', 'js'];
+const HIDDEN = new Set(['rte0']);
 
 async function generateSkillMd() {
     const repos = {};
@@ -16,6 +17,7 @@ async function generateSkillMd() {
             for await (const entry of Deno.readDir(base + category)) {
                 if (!entry.isDirectory) continue;
                 const name = entry.name;
+                if (HIDDEN.has(name)) continue;
                 
                 const readmePath = `${base}${category}/${name}/README.md`;
                 let description = '';
@@ -177,4 +179,4 @@ function trimLines(text) {
     return lines.join('\n');
 }
 
-generateSkillMd();
+generateSkillMd();