@akcelik/strct 5.0.0 → 5.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
   "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
   "license": "MIT",

package/styles/_base.scss

@@ -170,3 +170,40 @@ kbd,
   outline: 2px solid var(--acc50);
   outline-offset: -1px;
 }
+
+// Drag states for `[strctReorderItem]`. The classes were bound from the start
+// and nothing drew them, so a drag showed no feedback at all. Tokens only, and
+// the lifted item uses the raised shadow the rest of the library uses.
+/* The affordance itself: a row that can be dragged says so, and a row that
+   delegates to a handle points at the handle instead. A display-only list
+   (reorderDisabled -> draggable="false") gets neither. */
+.strct-reorder__handle {
+  cursor: grab;
+}
+[strctReorderItem][draggable='true']:not(:has(.strct-reorder__handle)) {
+  cursor: grab;
+}
+/* Both states are scoped through the item's own attribute, so a consumer's
+   base rule for the row (.ro-item { cursor: grab }) does not swallow a state
+   that lasts only while the pointer is down. A consumer who styles the state
+   itself still wins: their .row.strct-reorder--dragging has the same weight
+   and comes later. */
+[strctReorderItem][draggable='true'].strct-reorder--dragging {
+  opacity: 0.6;
+  box-shadow: var(--shh);
+  cursor: grabbing;
+}
+[strctReorderItem][draggable='true'].strct-reorder--over {
+  box-shadow: inset 0 0 0 2px var(--acc50);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .strct-reorder--over {
+    transition: box-shadow 0.12s ease;
+  }
+}
+
+// A long id in a narrow card wraps instead of overflowing it.
+.strct-code-inline--wrap {
+  white-space: normal;
+  overflow-wrap: anywhere;
+}

package/types/akcelik-strct.d.ts

@@ -2440,11 +2440,25 @@ declare class StrctCode {
 declare class StrctCodeInline {
     /** Append a copy button that copies this element's text. */
     readonly copyable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * What the copy button puts on the clipboard, when that is not simply what
+     * the element says — a span showing a shortened thumbprint copies the whole
+     * one. Empty follows the element's own text, including later changes.
+     */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Long ids wrap instead of overflowing a narrow card. */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private readonly host;
     private readonly vcr;
+    private readonly destroyRef;
+    /** The button, once it exists; and a counter the observer bumps. */
+    private readonly copyRef;
+    private readonly revision;
     constructor();
+    /** What the element says, without the copy button's own content. */
+    private ownText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCodeInline, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctCodeInline, "[strctCode]", never, { "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctCodeInline, "[strctCode]", never, { "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** One active filter chip in a {@link StrctFilterBar}. */
@@ -3611,6 +3625,11 @@ declare class StrctDescriptionList {
 /**
  * One projected `label → value` row inside a `<strct-description-list>`. The
  * value is whatever you project, so it can host a badge, icon or formatted text.
+ *
+ * Use **`<div strctDesc>`** inside a list: `<dl>` allows only `dt` / `dd` pairs
+ * or `<div>` wrappers as children, so a `<strct-desc>` element between them is
+ * invalid and assistive tech loses the pairing. `<strct-desc>` still works for a
+ * row rendered outside a list.
  */
 declare class StrctDesc {
     /** The row's label. */
@@ -3628,7 +3647,7 @@ declare class StrctDesc {
     /** A quiet second line under the value — "last seen 12 s ago". */
     readonly note: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDesc, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDesc, "strct-desc", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDesc, "strct-desc, div[strctDesc]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /** Column definition for the table. */
@@ -6472,6 +6491,7 @@ declare class StrctWindow {
     protected readonly L: _angular_core.Signal<StrctWindowLabels>;
     private readonly service;
     private readonly doc;
+    private readonly zone;
     private readonly host;
     private readonly zOffset;
     protected readonly zIndex: _angular_core.Signal<string>;
@@ -6481,6 +6501,8 @@ declare class StrctWindow {
     private readonly fallback;
     protected readonly rect: _angular_core.Signal<StrctWindowBounds>;
     private restoreTo;
+    /** A click beside the window, when `closeOnOutside` asks for one. */
+    private readonly onOutside;
     constructor();
     /** Raise this window above the others when it is clicked. */
     protected focusWindow(): void;
@@ -6558,6 +6580,7 @@ declare class StrctChatThread {
     private readonly host;
     /** False once the reader scrolls away from the end; true again at the end. */
     private readonly atEnd;
+    private readonly destroyRef;
     constructor();
     protected onScroll(): void;
     /** Jump to the newest message. */