u2ui 1.5.2 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "u2ui",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "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/Element.js

@@ -1,5 +1,3 @@
-import { sheet } from './utils.js';
-
 const base = new URL('../', import.meta.url).href; // this copy of u2
 
 /** Base class for u2 elements — keeps a subtree on one u2 version.
@@ -35,3 +33,17 @@ function use(el, category, name, {css = category !== 'attr', js = category !== '
         registry.get(tag) || registry.define(tag, mod.default);
     }, warn);
 }
+
+
+const sheets = new Map();
+/** One parsed CSSStyleSheet per url, shared by every root that adopts it — enhance uses it too. */
+export function sheet(url) {
+    if (!sheets.has(url)) {
+        sheets.set(url, fetch(url).then(r => r.text()).then(css => {
+            const s = new CSSStyleSheet();
+            s.replaceSync(css); // u2 css has no relative url() and no @import
+            return s;
+        }));
+    }
+    return sheets.get(url);
+}

package/u2/enhance.js

@@ -9,7 +9,8 @@ document it stays a <link>, so the page keeps its say over u2's own rules.
 See ./plan-scoped-refactoring.md */
 
 import { repos } from './u2.js';
-import { importCss, sheet } from './utils.js';
+import { importCss } from './utils.js';
+import { sheet } from './Element.js';
 
 const base = new URL('../', import.meta.url).href; // this copy of u2 — another root may run another
 const scoped = 'customElementRegistry' in ShadowRoot.prototype;

package/u2/plan-scoped-refactoring.md

@@ -263,9 +263,6 @@ Erst ab **Phase 3** relevant:
 
 ## Offen / später
 
-- **Die übrigen 36 Elemente auf `U2Element`.** Solange eines `extends HTMLElement` bleibt, fällt
-  sein Shadow auf `window.customElements` zurück, sobald es doch mal ein u2-Element rendert.
-  Mechanisch, aber 36 Dateien.
 - **Attribute sind kein Registry-Problem.** Sie kollidieren nicht über Namen, sie
   *installieren sich doppelt*, wenn zwei u2-Kopien laufen. Alle 10 hängen ihre Listener an
   `document`, vier davon (`confirm`, `dropzone`, `draghandle`, `movable`) benutzen
@@ -309,7 +306,9 @@ Sheet eintrifft. Solange der Vater ein Tree-`<style>` hat, muss er die Kind-Rege
 **überspezifizieren**. Ein echter Fall bestand: `fields` überschrieb `u2-responsive {display:block}`
 mit `u2-responsive {display:grid}` — Gleichstand, jetzt `#container`.
 
-Die sechs Module, die u2-Elemente in ihr *eigenes* Shadow rendern:
+`U2Element` ist keine Migration, sondern eine Regel: **wer ein u2-Element in sein eigenes Shadow
+rendert, erbt davon.** Das sind heute genau diese sechs — die übrigen 35 öffnen entweder kein
+Shadow oder rendern nichts von u2 hinein und brauchen die Basisklasse nicht.
 
 | Modul | Kind |
 |---|---|

package/u2/utils.js

@@ -60,19 +60,3 @@ function rootGetStyleWrapper(root) {
     return styleWrapper;
 }
 
-
-///////////////////////////
-// stylesheets
-
-const sheets = new Map();
-/** One parsed CSSStyleSheet per url, shared by every root that adopts it. */
-export function sheet(url) {
-    if (!sheets.has(url)) {
-        sheets.set(url, fetch(url).then(r => r.text()).then(css => {
-            const s = new CSSStyleSheet();
-            s.replaceSync(css); // u2 css has no relative url() and no @import
-            return s;
-        }));
-    }
-    return sheets.get(url);
-}