@kubex/zinc 1.1.137 → 1.1.139

package/dist/custom-elements.json

@@ -2,6 +2,60 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "components/absolute-container/absolute-container.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnAbsoluteContainer",
+          "slots": [
+            {
+              "description": "The default slot",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_resizeFrame",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "resize"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.",
+          "tagNameWithoutPrefix": "absolute-container",
+          "tagName": "zn-absolute-container",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary The absolute container will take the total inner height of the content (positioned absolute), and set that\n * as it's min height, Creating enough space to show the content.\n *\n * @documentation https://zinc.style/components/absolute-container\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot\n *\n */",
+          "documentation": "https://zinc.style/components/absolute-container",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnAbsoluteContainer",
+            "module": "components/absolute-container/absolute-container.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/action-bar/action-bar.js",
@@ -75,60 +129,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/absolute-container/absolute-container.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnAbsoluteContainer",
-          "slots": [
-            {
-              "description": "The default slot",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "_resizeFrame",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "resize"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.",
-          "tagNameWithoutPrefix": "absolute-container",
-          "tagName": "zn-absolute-container",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary The absolute container will take the total inner height of the content (positioned absolute), and set that\n * as it's min height, Creating enough space to show the content.\n *\n * @documentation https://zinc.style/components/absolute-container\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot\n *\n */",
-          "documentation": "https://zinc.style/components/absolute-container",
-          "status": "experimental",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnAbsoluteContainer",
-            "module": "components/absolute-container/absolute-container.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -28387,6 +28387,24 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_draggingId",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_dragGhost",
+              "type": {
+                "text": "{ section: PageSection } | { type: PageSectionType } | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "_slotDragOver",
@@ -29051,6 +29069,25 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_focusCard",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Hands focus to a card, moving it off the action button that was just used.\nCards render unkeyed, so focus left behind stays with the original card's\nelement and keeps its hover actions showing after the pointer leaves."
+            },
+            {
+              "kind": "method",
+              "name": "_blurActiveCard",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_moveSection",
@@ -29116,6 +29153,98 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_ghostEl",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_ghostGrip",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "default": "{ x: 0, y: 0 }",
+              "description": "Where in the card the pointer grabbed it, so the ghost keeps that grip."
+            },
+            {
+              "kind": "field",
+              "name": "_ghostOrigin",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "default": "{ x: 0, y: 0 }",
+              "description": "The host's viewport origin; the ghost is positioned against the host."
+            },
+            {
+              "kind": "method",
+              "name": "_startGhost",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "ghost",
+                  "type": {
+                    "text": "NonNullable<typeof this._dragGhost>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_onGhostDragOver",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onGhostDrop",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onGhostDragLeave",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_moveGhost",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "clientX",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "clientY",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_endGhost",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderDragGhost",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_isPageDrag",
@@ -33913,7 +34042,7 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event | {\n    target: ZnDatepicker | HTMLDivElement\n  }"
+                    "text": "Event | {\n    target: ZnDatepicker | HTMLDivElement;\n  }"
                   }
                 },
                 {
@@ -41659,7 +41788,7 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "any"
+                    "text": "Event"
                   }
                 }
               ]
@@ -53005,7 +53134,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.137",
+    "version": "1.1.139",
     "author": "",
     "license": "MIT"
   }

package/dist/vscode.html-custom-data.json

@@ -3,24 +3,24 @@
   "version": 1.1,
   "tags": [
     {
-      "name": "zn-action-bar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "name": "zn-absolute-container",
+      "description": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.\n---\n\n\n### **Slots:**\n - _default_ - The default slot",
       "attributes": [],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
+          "url": "https://zinc.style/components/absolute-container"
         }
       ]
     },
     {
-      "name": "zn-absolute-container",
-      "description": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.\n---\n\n\n### **Slots:**\n - _default_ - The default slot",
+      "name": "zn-action-bar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
       "attributes": [],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/absolute-container"
+          "url": "https://zinc.style/components/action-bar"
         }
       ]
     },

package/dist/web-types.json

@@ -1,11 +1,20 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.137",
+  "version": "1.1.139",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "zn-absolute-container",
+          "description": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.\n---\n\n\n### **Slots:**\n - _default_ - The default slot",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [{ "name": "", "description": "The default slot" }],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "zn-action-bar",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -28,15 +37,6 @@
             ]
           }
         },
-        {
-          "name": "zn-absolute-container",
-          "description": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.\n---\n\n\n### **Slots:**\n - _default_ - The default slot",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [{ "name": "", "description": "The default slot" }],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/dist/zn.d.ts

@@ -488,8 +488,8 @@ declare module "components/popup/index" {
 }
 declare module "components/menu-item/submenu-controller" {
     import { type HasSlotController } from "internal/slot";
-    import type { ReactiveController, ReactiveControllerHost } from 'lit';
     import { type LocalizeController } from "utilities/localize";
+    import type { ReactiveController, ReactiveControllerHost } from 'lit';
     import type ZnMenuItem from "components/menu-item/index";
     /** A reactive controller to manage the registration of event listeners for submenus. */
     export class SubmenuController implements ReactiveController {
@@ -2432,7 +2432,7 @@ declare module "components/input/input.component" {
         handleDisabledChange(): void;
         handleStepChange(): void;
         handleValueChange(): Promise<void>;
-        handleColorFormatChange(): Promise<void>;
+        handleColorFormatChange(): void;
         /** Sets focus on the input. */
         focus(options?: FocusOptions): void;
         /** Removes focus from the input. */
@@ -5996,7 +5996,7 @@ declare module "components/sidebar/sidebar.component" {
         scrollBottom(): void;
         render(): import("lit-html").TemplateResult<1>;
         _expander(): import("lit-html").TemplateResult<1>;
-        handleClick(e: any): void;
+        handleClick(e: Event): void;
     }
 }
 declare module "components/sidebar/index" {
@@ -11516,6 +11516,12 @@ declare module "components/page-builder/page.types" {
      * so a tile reads as its linked item however its other fields were filled in.
      */
     export function sectionSummary(section: PageSection, type?: PageSectionType): string;
+    /**
+     * A cached 1×1 transparent image for `dataTransfer.setDragImage()`. The browser
+     * composites its own snapshot of the dragged node onto an opaque surface, which
+     * squares off a card's rounded corners; the builder draws its own ghost instead.
+     */
+    export function emptyDragImage(): HTMLImageElement;
 }
 declare module "components/page-builder/page-registry" {
     import type { PageSectionType } from "components/page-builder/page.types";
@@ -11720,6 +11726,8 @@ declare module "components/page-builder/page-builder.component" {
         /** Index of the drop zone whose "+" type picker is open, if any. */
         private _pickerIndex;
         private _dragOverIndex;
+        private _draggingId;
+        private _dragGhost;
         /** The container slot a drag is currently over, if any. */
         private _slotDragOver;
         /** The container slot whose "+" type picker is open, if any. */
@@ -11851,6 +11859,13 @@ declare module "components/page-builder/page-builder.component" {
         private _onColumnsEntered;
         private _removeSection;
         private _duplicateSection;
+        /**
+         * Hands focus to a card, moving it off the action button that was just used.
+         * Cards render unkeyed, so focus left behind stays with the original card's
+         * element and keeps its hover actions showing after the pointer leaves.
+         */
+        private _focusCard;
+        private _blurActiveCard;
         /** Moves a section (top-level or slotted) to a top-level position. */
         private _moveSection;
         /**
@@ -11860,6 +11875,18 @@ declare module "components/page-builder/page-builder.component" {
          */
         private _moveToSlot;
         private _onCardDragStart;
+        private _ghostEl;
+        /** Where in the card the pointer grabbed it, so the ghost keeps that grip. */
+        private _ghostGrip;
+        /** The host's viewport origin; the ghost is positioned against the host. */
+        private _ghostOrigin;
+        private _startGhost;
+        private _onGhostDragOver;
+        private _onGhostDrop;
+        private _onGhostDragLeave;
+        private _moveGhost;
+        private _endGhost;
+        private _renderDragGhost;
         /** Whether a drag carries one of the builder's own payloads. */
         private _isPageDrag;
         private _onSlotDragOver;
@@ -13378,9 +13405,6 @@ declare module "components/editor/modules/events/zn-editor-update" {
         }
     }
 }
-declare module "components/hover-container/hover-container" {
-    import '../../../dist/zn.min.js';
-}
 declare module "components/remarkd-editor/feature-keys" {
     /**
      * The remarkd feature fixtures, from `node_modules/remarkd-js/requirements/features/`.