@kubex/zinc 1.1.89 → 1.1.90

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.89",
+  "version": "1.1.90",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "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.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -83,28 +105,6 @@
             ]
           }
         },
-        {
-          "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.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-animated-button",
           "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -3304,130 +3304,6 @@
             ]
           }
         },
-        {
-          "name": "zn-editor",
-          "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.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "id", "value": { "type": "string" } },
-            { "name": "name", "value": { "type": "string" } },
-            { "name": "value", "value": { "type": "string" } },
-            {
-              "name": "interaction-type",
-              "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
-            },
-            { "name": "attachment-url", "value": { "type": "string" } },
-            {
-              "name": "code-blocks",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dividers",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "links",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "attachments",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "images",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "videos",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dates",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "emojis",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "code",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "ai",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "ai-path",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "store-key",
-              "description": "Caches unsent content while typing and restores it when the editor next loads,\nso agent replies in tickets/chats survive reloads and navigation. Use a key\nunique to the conversation (e.g. the ticket ID). The cache is cleared on submit.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "store-ttl",
-              "description": "Cached-content expiry in seconds. Defaults to 1 day.",
-              "value": { "type": "number", "default": "86400" }
-            },
-            {
-              "name": "local-storage",
-              "description": "Cache to localStorage instead of sessionStorage, persisting across tabs and browser restarts.",
-              "value": { "type": "boolean" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [
-              { "name": "id", "type": "string" },
-              { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "interactionType", "type": "'ticket' | 'chat'" },
-              { "name": "uploadAttachmentUrl", "type": "string" },
-              { "name": "codeBlocksEnabled", "type": "boolean" },
-              { "name": "dividersEnabled", "type": "boolean" },
-              { "name": "linksEnabled", "type": "boolean" },
-              { "name": "attachmentsEnabled", "type": "boolean" },
-              { "name": "imagesEnabled", "type": "boolean" },
-              { "name": "videosEnabled", "type": "boolean" },
-              { "name": "datesEnabled", "type": "boolean" },
-              { "name": "emojisEnabled", "type": "boolean" },
-              { "name": "codeEnabled", "type": "boolean" },
-              { "name": "aiEnabled", "type": "boolean" },
-              { "name": "aiPath", "type": "string" },
-              {
-                "name": "storeKey",
-                "description": "Caches unsent content while typing and restores it when the editor next loads,\nso agent replies in tickets/chats survive reloads and navigation. Use a key\nunique to the conversation (e.g. the ticket ID). The cache is cleared on submit.",
-                "type": "string"
-              },
-              {
-                "name": "storeTtl",
-                "description": "Cached-content expiry in seconds. Defaults to 1 day.",
-                "type": "number"
-              },
-              {
-                "name": "localStorage",
-                "description": "Cache to localStorage instead of sessionStorage, persisting across tabs and browser restarts.",
-                "type": "boolean"
-              },
-              { "name": "validity", "type": "ValidityState" },
-              { "name": "validationMessage", "type": "string" }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-dropdown",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **show()** - Opens the dropdown\n- **hide()** - Closes the dropdown\n- **reposition()** - Instructs the dropdown to reposition itself\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.",
@@ -3554,6 +3430,130 @@
             ]
           }
         },
+        {
+          "name": "zn-editor",
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "id", "value": { "type": "string" } },
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "value", "value": { "type": "string" } },
+            {
+              "name": "interaction-type",
+              "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
+            },
+            { "name": "attachment-url", "value": { "type": "string" } },
+            {
+              "name": "code-blocks",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dividers",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "links",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "attachments",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "images",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "videos",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dates",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "emojis",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "code",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "ai",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "ai-path",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "store-key",
+              "description": "Caches unsent content while typing and restores it when the editor next loads,\nso agent replies in tickets/chats survive reloads and navigation. Use a key\nunique to the conversation (e.g. the ticket ID). The cache is cleared on submit.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "store-ttl",
+              "description": "Cached-content expiry in seconds. Defaults to 1 day.",
+              "value": { "type": "number", "default": "86400" }
+            },
+            {
+              "name": "local-storage",
+              "description": "Cache to localStorage instead of sessionStorage, persisting across tabs and browser restarts.",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [
+              { "name": "id", "type": "string" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "interactionType", "type": "'ticket' | 'chat'" },
+              { "name": "uploadAttachmentUrl", "type": "string" },
+              { "name": "codeBlocksEnabled", "type": "boolean" },
+              { "name": "dividersEnabled", "type": "boolean" },
+              { "name": "linksEnabled", "type": "boolean" },
+              { "name": "attachmentsEnabled", "type": "boolean" },
+              { "name": "imagesEnabled", "type": "boolean" },
+              { "name": "videosEnabled", "type": "boolean" },
+              { "name": "datesEnabled", "type": "boolean" },
+              { "name": "emojisEnabled", "type": "boolean" },
+              { "name": "codeEnabled", "type": "boolean" },
+              { "name": "aiEnabled", "type": "boolean" },
+              { "name": "aiPath", "type": "string" },
+              {
+                "name": "storeKey",
+                "description": "Caches unsent content while typing and restores it when the editor next loads,\nso agent replies in tickets/chats survive reloads and navigation. Use a key\nunique to the conversation (e.g. the ticket ID). The cache is cleared on submit.",
+                "type": "string"
+              },
+              {
+                "name": "storeTtl",
+                "description": "Cached-content expiry in seconds. Defaults to 1 day.",
+                "type": "number"
+              },
+              {
+                "name": "localStorage",
+                "description": "Cache to localStorage instead of sessionStorage, persisting across tabs and browser restarts.",
+                "type": "boolean"
+              },
+              { "name": "validity", "type": "ValidityState" },
+              { "name": "validationMessage", "type": "string" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-empty-state",
           "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.",
@@ -10800,109 +10800,6 @@
             ]
           }
         },
-        {
-          "name": "zn-tooltip",
-          "description": "The Tooltip component is used to display additional information when a user hovers over or clicks\non an element.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the tooltip is shown.\n- **zn-after-show** - Emitted after the tooltip is shown.\n- **zn-hide** - Emitted when the tooltip is hidden.\n- **zn-after-hide** - Emitted after the tooltip is hidden.\n\n### **Slots:**\n - _default_ - The content of the tooltip\n- **anchor** - The anchor the tooltip is attached to.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "content",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "placement",
-              "value": {
-                "type": "| 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' |\n    'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'",
-                "default": "'top'"
-              }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "distance",
-              "value": { "type": "number", "default": "4" }
-            },
-            {
-              "name": "open",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "skidding",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "trigger",
-              "value": { "type": "string", "default": "'hover focus'" }
-            },
-            {
-              "name": "hoist",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the tooltip" },
-            {
-              "name": "anchor",
-              "description": "The anchor the tooltip is attached to."
-            }
-          ],
-          "events": [
-            {
-              "name": "zn-show",
-              "description": "Emitted when the tooltip is shown."
-            },
-            {
-              "name": "zn-after-show",
-              "description": "Emitted after the tooltip is shown."
-            },
-            {
-              "name": "zn-hide",
-              "description": "Emitted when the tooltip is hidden."
-            },
-            {
-              "name": "zn-after-hide",
-              "description": "Emitted after the tooltip is hidden."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "body", "type": "HTMLElement" },
-              { "name": "popup", "type": "Popup" },
-              { "name": "content", "type": "string" },
-              {
-                "name": "placement",
-                "type": "| 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' |\n    'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
-              },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "distance", "type": "number" },
-              { "name": "open", "type": "boolean" },
-              { "name": "skidding", "type": "number" },
-              { "name": "trigger", "type": "string" },
-              { "name": "hoist", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "zn-show",
-                "description": "Emitted when the tooltip is shown."
-              },
-              {
-                "name": "zn-after-show",
-                "description": "Emitted after the tooltip is shown."
-              },
-              {
-                "name": "zn-hide",
-                "description": "Emitted when the tooltip is hidden."
-              },
-              {
-                "name": "zn-after-hide",
-                "description": "Emitted after the tooltip is hidden."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-translation-group",
           "description": "A panel-styled container that provides a shared language toggle for multiple zn-translations children.\n---\n\n\n### **Events:**\n - **zn-language-change** - Emitted when the active language changes. Detail: `{ language: string }`.\n\n### **Slots:**\n - _default_ - Default slot for `<zn-translations>` elements.\n- **actions** - Actions displayed in the panel header alongside language buttons.\n- **footer** - Content displayed in the panel footer.\n\n### **CSS Properties:**\n - **--zn-panel-basis** - The flex-basis of the panel. Can be set using the basis-px attribute. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -11120,6 +11017,109 @@
             "events": []
           }
         },
+        {
+          "name": "zn-tooltip",
+          "description": "The Tooltip component is used to display additional information when a user hovers over or clicks\non an element.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the tooltip is shown.\n- **zn-after-show** - Emitted after the tooltip is shown.\n- **zn-hide** - Emitted when the tooltip is hidden.\n- **zn-after-hide** - Emitted after the tooltip is hidden.\n\n### **Slots:**\n - _default_ - The content of the tooltip\n- **anchor** - The anchor the tooltip is attached to.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "content",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "placement",
+              "value": {
+                "type": "| 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' |\n    'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'",
+                "default": "'top'"
+              }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "distance",
+              "value": { "type": "number", "default": "4" }
+            },
+            {
+              "name": "open",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "skidding",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "trigger",
+              "value": { "type": "string", "default": "'hover focus'" }
+            },
+            {
+              "name": "hoist",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the tooltip" },
+            {
+              "name": "anchor",
+              "description": "The anchor the tooltip is attached to."
+            }
+          ],
+          "events": [
+            {
+              "name": "zn-show",
+              "description": "Emitted when the tooltip is shown."
+            },
+            {
+              "name": "zn-after-show",
+              "description": "Emitted after the tooltip is shown."
+            },
+            {
+              "name": "zn-hide",
+              "description": "Emitted when the tooltip is hidden."
+            },
+            {
+              "name": "zn-after-hide",
+              "description": "Emitted after the tooltip is hidden."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              { "name": "body", "type": "HTMLElement" },
+              { "name": "popup", "type": "Popup" },
+              { "name": "content", "type": "string" },
+              {
+                "name": "placement",
+                "type": "| 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' |\n    'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
+              },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "distance", "type": "number" },
+              { "name": "open", "type": "boolean" },
+              { "name": "skidding", "type": "number" },
+              { "name": "trigger", "type": "string" },
+              { "name": "hoist", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "zn-show",
+                "description": "Emitted when the tooltip is shown."
+              },
+              {
+                "name": "zn-after-show",
+                "description": "Emitted after the tooltip is shown."
+              },
+              {
+                "name": "zn-hide",
+                "description": "Emitted when the tooltip is hidden."
+              },
+              {
+                "name": "zn-after-hide",
+                "description": "Emitted after the tooltip is hidden."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-vertical-stepper",
           "description": "Vertical steppers display a sequence of steps in a vertical layout with descriptions and optional icons.\n---\n\n\n### **Slots:**\n - **icon** - Optional slot for adding an icon or indicator before the step content.\n\n### **CSS Parts:**\n - **vs** - The main container for the vertical stepper.\n- **vs__left** - The left section containing the icon and connecting line.\n- **vs__icon** - The icon container.\n- **vs__line** - The vertical connecting line between steps.\n- **vs__right** - The right section containing caption and description text.\n- **vs__caption** - The caption/title text element.\n- **vs__description** - The description text element.",

package/dist/zn.d.ts

@@ -1267,8 +1267,10 @@ declare module "components/absolute-container/absolute-container.component" {
      *
      */
     export default class ZnAbsoluteContainer extends ZincElement {
+        private _resizeFrame;
         constructor();
         protected firstUpdated(_changedProperties: PropertyValues): void;
+        disconnectedCallback(): void;
         resize(): void;
         createRenderRoot(): this;
     }
@@ -5857,7 +5859,7 @@ declare module "components/stat/index" {
     }
 }
 declare module "components/scroll-container/scroll-container.component" {
-    import { type CSSResultGroup, PropertyValues } from 'lit';
+    import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
     /**
      * @summary Short summary of the component's intended use.
@@ -5881,8 +5883,12 @@ declare module "components/scroll-container/scroll-container.component" {
         startScrolled: boolean;
         private container;
         private footer;
+        private _footerObserved;
+        private _footerHeightFrame;
         protected firstUpdated(_changedProperties: PropertyValues): void;
+        disconnectedCallback(): void;
         scrollEnd(): void;
+        private _syncFooterHeight;
         private readonly _footerResizeObserver;
         private readonly _domObserver;
         connectedCallback(): void;