@kubex/zinc 1.0.12 → 1.0.13

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.0.12",
+  "version": "1.0.13",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -901,6 +901,63 @@
             ]
           }
         },
+        {
+          "name": "zn-chip",
+          "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": "icon", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "type",
+              "value": {
+                "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n    'transparent' | 'custom' | 'neutral'",
+                "default": "'neutral'"
+              }
+            },
+            {
+              "name": "size",
+              "value": { "type": "'small' | 'medium' | 'large'" }
+            },
+            {
+              "name": "flush",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "flush-x",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "flush-y",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "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": "icon", "type": "string" },
+              {
+                "name": "type",
+                "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n    'transparent' | 'custom' | 'neutral'"
+              },
+              { "name": "size", "type": "'small' | 'medium' | 'large'" },
+              { "name": "flush", "type": "boolean" },
+              { "name": "flushX", "type": "boolean" },
+              { "name": "flushY", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-collapsible",
           "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
@@ -969,63 +1026,6 @@
             "events": []
           }
         },
-        {
-          "name": "zn-chip",
-          "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": "icon", "value": { "type": "string", "default": "''" } },
-            {
-              "name": "type",
-              "value": {
-                "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n    'transparent' | 'custom' | 'neutral'",
-                "default": "'neutral'"
-              }
-            },
-            {
-              "name": "size",
-              "value": { "type": "'small' | 'medium' | 'large'" }
-            },
-            {
-              "name": "flush",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "flush-x",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "flush-y",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "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": "icon", "type": "string" },
-              {
-                "name": "type",
-                "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n    'transparent' | 'custom' | 'neutral'"
-              },
-              { "name": "size", "type": "'small' | 'medium' | 'large'" },
-              { "name": "flush", "type": "boolean" },
-              { "name": "flushX", "type": "boolean" },
-              { "name": "flushY", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-cols",
           "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.",
@@ -1393,6 +1393,10 @@
             {
               "name": "icon-only",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "multiple",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -1477,6 +1481,7 @@
                 "type": "boolean"
               },
               { "name": "iconOnly", "type": "boolean" },
+              { "name": "multiple", "type": "boolean" },
               { "name": "validationMessage" },
               { "name": "validity", "type": "ValidityState" },
               { "name": "closeOnTab" },
@@ -2042,100 +2047,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": "''" }
-            }
-          ],
-          "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": "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.",
@@ -2262,6 +2173,100 @@
             ]
           }
         },
+        {
+          "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": "''" }
+            }
+          ],
+          "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": "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.",
@@ -2632,13 +2637,13 @@
           }
         },
         {
-          "name": "zn-filter-wrapper",
+          "name": "zn-filter-container",
           "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": "button",
-              "value": { "type": "string", "default": "'Filter'" }
+              "name": "attr",
+              "value": { "type": "string", "default": "'filter'" }
             }
           ],
           "slots": [
@@ -2649,10 +2654,7 @@
             { "name": "zn-event-name", "description": "Emitted as an example." }
           ],
           "js": {
-            "properties": [
-              { "name": "button", "type": "string" },
-              { "name": "handleSubmit" }
-            ],
+            "properties": [{ "name": "attr", "type": "string" }],
             "events": [
               {
                 "name": "zn-event-name",
@@ -2662,27 +2664,14 @@
           }
         },
         {
-          "name": "zn-header",
+          "name": "zn-filter-wrapper",
           "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": "full-location", "value": { "type": "string" } },
-            { "name": "entity-id", "value": { "type": "string" } },
-            { "name": "entity-id-show", "value": { "type": "boolean" } },
             {
-              "name": "transparent",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "caption", "value": { "type": "string" } },
-            { "name": "icon", "value": { "type": "string" } },
-            { "name": "description", "value": { "type": "string" } },
-            {
-              "name": "navigation",
-              "value": { "type": "array", "default": "[]" }
-            },
-            { "name": "full-width", "value": { "type": "boolean" } },
-            { "name": "previous-path", "value": { "type": "string" } },
-            { "name": "previous-target", "value": { "type": "string" } }
+              "name": "button",
+              "value": { "type": "string", "default": "'Filter'" }
+            }
           ],
           "slots": [
             { "name": "", "description": "The default slot." },
@@ -2693,19 +2682,8 @@
           ],
           "js": {
             "properties": [
-              { "name": "fullLocation", "type": "string" },
-              { "name": "entityId", "type": "string" },
-              { "name": "entityIdShow", "type": "boolean" },
-              { "name": "transparent", "type": "boolean" },
-              { "name": "caption", "type": "string" },
-              { "name": "icon", "type": "string" },
-              { "name": "description", "type": "string" },
-              { "name": "navigation", "type": "array" },
-              { "name": "fullWidth", "type": "boolean" },
-              { "name": "previousPath", "type": "string" },
-              { "name": "previousTarget", "type": "string" },
-              { "name": "handleAltPress" },
-              { "name": "handleAltUp" }
+              { "name": "button", "type": "string" },
+              { "name": "handleSubmit" }
             ],
             "events": [
               {
@@ -2759,6 +2737,60 @@
             "events": []
           }
         },
+        {
+          "name": "zn-header",
+          "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": "full-location", "value": { "type": "string" } },
+            { "name": "entity-id", "value": { "type": "string" } },
+            { "name": "entity-id-show", "value": { "type": "boolean" } },
+            {
+              "name": "transparent",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "caption", "value": { "type": "string" } },
+            { "name": "icon", "value": { "type": "string" } },
+            { "name": "description", "value": { "type": "string" } },
+            {
+              "name": "navigation",
+              "value": { "type": "array", "default": "[]" }
+            },
+            { "name": "full-width", "value": { "type": "boolean" } },
+            { "name": "previous-path", "value": { "type": "string" } },
+            { "name": "previous-target", "value": { "type": "string" } }
+          ],
+          "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": "fullLocation", "type": "string" },
+              { "name": "entityId", "type": "string" },
+              { "name": "entityIdShow", "type": "boolean" },
+              { "name": "transparent", "type": "boolean" },
+              { "name": "caption", "type": "string" },
+              { "name": "icon", "type": "string" },
+              { "name": "description", "type": "string" },
+              { "name": "navigation", "type": "array" },
+              { "name": "fullWidth", "type": "boolean" },
+              { "name": "previousPath", "type": "string" },
+              { "name": "previousTarget", "type": "string" },
+              { "name": "handleAltPress" },
+              { "name": "handleAltUp" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-hover-container",
           "description": "The HoverContainer 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 hover-container is shown.\n- **zn-after-show** - Emitted after the hover-container is shown.\n- **zn-hide** - Emitted when the hover-container is hidden.\n- **zn-after-hide** - Emitted after the hover-container is hidden.\n\n### **Slots:**\n - _default_ - The content of the hover-container\n- **anchor** - The anchor the hover-container is attached to.",
@@ -2918,6 +2950,106 @@
             ]
           }
         },
+        {
+          "name": "zn-inline-edit",
+          "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": "value", "value": { "type": "string" } },
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "placeholder", "value": { "type": "string" } },
+            { "name": "edit-text", "value": { "type": "string" } },
+            { "name": "disabled", "value": { "type": "boolean" } },
+            { "name": "inline", "value": { "type": "boolean" } },
+            { "name": "padded", "value": { "type": "boolean" } },
+            {
+              "name": "size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'",
+                "default": "'medium'"
+              }
+            },
+            { "name": "required", "value": { "type": "boolean" } },
+            { "name": "pattern", "value": { "type": "string" } },
+            {
+              "name": "input-type",
+              "value": {
+                "type": "'select' | 'text' | 'data-select' | 'number'",
+                "default": "'text'"
+              }
+            },
+            {
+              "name": "options",
+              "value": { "type": "{ [key: string]: string }", "default": "{}" }
+            },
+            { "name": "provider", "value": { "type": "string" } },
+            {
+              "name": "icon-position",
+              "value": {
+                "type": "'start' | 'end' | 'none'",
+                "default": "'none'"
+              }
+            },
+            {
+              "name": "help-text",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "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": "value", "type": "string" },
+              { "name": "name", "type": "string" },
+              { "name": "placeholder", "type": "string" },
+              { "name": "editText", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "inline", "type": "boolean" },
+              { "name": "padded", "type": "boolean" },
+              { "name": "size", "type": "'small' | 'medium' | 'large'" },
+              { "name": "required", "type": "boolean" },
+              { "name": "pattern", "type": "string" },
+              {
+                "name": "inputType",
+                "type": "'select' | 'text' | 'data-select' | 'number'"
+              },
+              { "name": "options", "type": "{ [key: string]: string }" },
+              { "name": "selectProvider", "type": "string" },
+              { "name": "iconPosition", "type": "'start' | 'end' | 'none'" },
+              {
+                "name": "helpText",
+                "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
+                "type": "string"
+              },
+              { "name": "input", "type": "ZnInput | ZnSelect" },
+              { "name": "defaultValue", "type": "string" },
+              { "name": "validity", "type": "ValidityState" },
+              { "name": "validationMessage", "type": "string" },
+              { "name": "mouseEventHandler" },
+              { "name": "escKeyHandler" },
+              { "name": "submitKeyHandler" },
+              { "name": "captureMouseDown" },
+              { "name": "captureKeyDown" },
+              { "name": "handleEditClick" },
+              { "name": "handleSubmitClick" },
+              { "name": "handleCancelClick" },
+              { "name": "handleBlur" },
+              { "name": "handleInput" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-input",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the control loses focus.\n- **zn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **zn-clear** - Emitted when the clear button is activated.\n- **zn-focus** - Emitted when the control gains focus.\n- **zn-input** - Emitted when the control receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the input.\n- **blur()** - Removes focus from the input.\n- **select()** - Selects all the text in the input.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **showPicker()** - Displays the browser picker for an input element (only works if the browser supports it for the input type).\n- **stepUp()** - Increments the value of a numeric input type by the value of the step attribute.\n- **stepDown()** - Decrements the value of a numeric input type by the value of the step attribute.\n- **checkValidity(): _boolean_** - Checks the validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the input, on the right. Alternatively, you can use the `context-note` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to append a presentational icon or similar element to the input.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **show-password-icon** - An icon to use in lieu of the default show password icon.\n- **hide-password-icon** - An icon to use in lieu of the default hide password icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input** - The internal `<input>` control.\n- **prefix** - The container that wraps the prefix.\n- **clear-button** - The clear button.\n- **password-toggle-button** - The password toggle button.\n- **suffix** - The container that wraps the suffix.",
@@ -3388,106 +3520,6 @@
             ]
           }
         },
-        {
-          "name": "zn-inline-edit",
-          "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": "value", "value": { "type": "string" } },
-            { "name": "name", "value": { "type": "string" } },
-            { "name": "placeholder", "value": { "type": "string" } },
-            { "name": "edit-text", "value": { "type": "string" } },
-            { "name": "disabled", "value": { "type": "boolean" } },
-            { "name": "inline", "value": { "type": "boolean" } },
-            { "name": "padded", "value": { "type": "boolean" } },
-            {
-              "name": "size",
-              "value": {
-                "type": "'small' | 'medium' | 'large'",
-                "default": "'medium'"
-              }
-            },
-            { "name": "required", "value": { "type": "boolean" } },
-            { "name": "pattern", "value": { "type": "string" } },
-            {
-              "name": "input-type",
-              "value": {
-                "type": "'select' | 'text' | 'data-select' | 'number'",
-                "default": "'text'"
-              }
-            },
-            {
-              "name": "options",
-              "value": { "type": "{ [key: string]: string }", "default": "{}" }
-            },
-            { "name": "provider", "value": { "type": "string" } },
-            {
-              "name": "icon-position",
-              "value": {
-                "type": "'start' | 'end' | 'none'",
-                "default": "'none'"
-              }
-            },
-            {
-              "name": "help-text",
-              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "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": "value", "type": "string" },
-              { "name": "name", "type": "string" },
-              { "name": "placeholder", "type": "string" },
-              { "name": "editText", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "inline", "type": "boolean" },
-              { "name": "padded", "type": "boolean" },
-              { "name": "size", "type": "'small' | 'medium' | 'large'" },
-              { "name": "required", "type": "boolean" },
-              { "name": "pattern", "type": "string" },
-              {
-                "name": "inputType",
-                "type": "'select' | 'text' | 'data-select' | 'number'"
-              },
-              { "name": "options", "type": "{ [key: string]: string }" },
-              { "name": "selectProvider", "type": "string" },
-              { "name": "iconPosition", "type": "'start' | 'end' | 'none'" },
-              {
-                "name": "helpText",
-                "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
-                "type": "string"
-              },
-              { "name": "input", "type": "ZnInput | ZnSelect" },
-              { "name": "defaultValue", "type": "string" },
-              { "name": "validity", "type": "ValidityState" },
-              { "name": "validationMessage", "type": "string" },
-              { "name": "mouseEventHandler" },
-              { "name": "escKeyHandler" },
-              { "name": "submitKeyHandler" },
-              { "name": "captureMouseDown" },
-              { "name": "captureKeyDown" },
-              { "name": "handleEditClick" },
-              { "name": "handleSubmitClick" },
-              { "name": "handleCancelClick" },
-              { "name": "handleBlur" },
-              { "name": "handleInput" }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-item",
           "description": "Used for listing items in a description list. Caption on the right, content on the left.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Can either be slotted or use the value attribute\n- **actions** - Used for adding actions to a zn-item.\n\n### **CSS Parts:**\n - **base** - The items base wrapper\n- **caption** - The items caption\n- **icon** - The items icon",
@@ -4057,6 +4089,50 @@
             ]
           }
         },
+        {
+          "name": "zn-panel",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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": "basis-px", "value": { "type": "number" } },
+            { "name": "caption", "value": { "type": "string" } },
+            { "name": "icon", "value": { "type": "string" } },
+            { "name": "description", "value": { "type": "string" } },
+            { "name": "tabbed", "value": { "type": "boolean" } },
+            { "name": "header-underline", "value": { "type": "boolean" } },
+            { "name": "cosmic", "value": { "type": "boolean" } },
+            { "name": "flush", "value": { "type": "boolean" } },
+            { "name": "flush-x", "value": { "type": "boolean" } },
+            { "name": "flush-y", "value": { "type": "boolean" } },
+            { "name": "flush-footer", "value": { "type": "boolean" } },
+            { "name": "transparent", "value": { "type": "boolean" } },
+            { "name": "shadow", "value": { "type": "boolean" } }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "actions", "description": "The actions slot." },
+            { "name": "footer", "description": "The footer slot." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "basis", "type": "number" },
+              { "name": "caption", "type": "string" },
+              { "name": "icon", "type": "string" },
+              { "name": "description", "type": "string" },
+              { "name": "tabbed", "type": "boolean" },
+              { "name": "underlineHeader", "type": "boolean" },
+              { "name": "cosmic", "type": "boolean" },
+              { "name": "flush", "type": "boolean" },
+              { "name": "flushX", "type": "boolean" },
+              { "name": "flushY", "type": "boolean" },
+              { "name": "flushFooter", "type": "boolean" },
+              { "name": "transparent", "type": "boolean" },
+              { "name": "shadow", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-popup",
           "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 - **reposition()** - Forces the popup to recalculate and 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.",
@@ -4316,50 +4392,6 @@
             ]
           }
         },
-        {
-          "name": "zn-panel",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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": "basis-px", "value": { "type": "number" } },
-            { "name": "caption", "value": { "type": "string" } },
-            { "name": "icon", "value": { "type": "string" } },
-            { "name": "description", "value": { "type": "string" } },
-            { "name": "tabbed", "value": { "type": "boolean" } },
-            { "name": "header-underline", "value": { "type": "boolean" } },
-            { "name": "cosmic", "value": { "type": "boolean" } },
-            { "name": "flush", "value": { "type": "boolean" } },
-            { "name": "flush-x", "value": { "type": "boolean" } },
-            { "name": "flush-y", "value": { "type": "boolean" } },
-            { "name": "flush-footer", "value": { "type": "boolean" } },
-            { "name": "transparent", "value": { "type": "boolean" } },
-            { "name": "shadow", "value": { "type": "boolean" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "actions", "description": "The actions slot." },
-            { "name": "footer", "description": "The footer slot." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "basis", "type": "number" },
-              { "name": "caption", "type": "string" },
-              { "name": "icon", "type": "string" },
-              { "name": "description", "type": "string" },
-              { "name": "tabbed", "type": "boolean" },
-              { "name": "underlineHeader", "type": "boolean" },
-              { "name": "cosmic", "type": "boolean" },
-              { "name": "flush", "type": "boolean" },
-              { "name": "flushX", "type": "boolean" },
-              { "name": "flushY", "type": "boolean" },
-              { "name": "flushFooter", "type": "boolean" },
-              { "name": "transparent", "type": "boolean" },
-              { "name": "shadow", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-progress-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.",
@@ -4877,6 +4909,45 @@
             ]
           }
         },
+        {
+          "name": "zn-reveal",
+          "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": "duration",
+              "value": { "type": "number", "default": "2000" }
+            },
+            {
+              "name": "initial",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "revealed",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "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": "duration", "type": "number" },
+              { "name": "initial", "type": "string" },
+              { "name": "revealed", "type": "string" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-scroll-container",
           "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.",
@@ -5017,6 +5088,14 @@
               "value": {
                 "type": "(option: ZnOption, index: number) => TemplateResult | string | HTMLElement"
               }
+            },
+            {
+              "name": "distinct",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "conditional",
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -5210,6 +5289,8 @@
                 "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
                 "type": "(option: ZnOption, index: number) => TemplateResult | string | HTMLElement"
               },
+              { "name": "distinct", "type": "string" },
+              { "name": "conditional", "type": "string" },
               {
                 "name": "validity",
                 "description": "Gets the validity state object"
@@ -5552,6 +5633,10 @@
             {
               "name": "form-container",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "wide-form-container",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -5578,7 +5663,8 @@
               { "name": "flushL", "type": "boolean" },
               { "name": "flushR", "type": "boolean" },
               { "name": "widthContainer", "type": "boolean" },
-              { "name": "formContainer", "type": "boolean" }
+              { "name": "formContainer", "type": "boolean" },
+              { "name": "wideFormContainer", "type": "boolean" }
             ],
             "events": [
               {