@kubex/zinc 1.0.12 → 1.0.13

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

@@ -412,32 +412,6 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        { "name": "caption", "values": [] },
-        { "name": "description", "values": [] },
-        { "name": "label", "values": [] },
-        { "name": "show-number", "values": [] },
-        { "name": "count-element", "values": [] },
-        { "name": "expanded", "values": [] },
-        {
-          "name": "default",
-          "values": [{ "name": "open" }, { "name": "closed" }]
-        },
-        { "name": "local-storage", "values": [] },
-        { "name": "store-key", "values": [] },
-        { "name": "store-ttl", "values": [] },
-        { "name": "flush", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/collapsible"
-        }
-      ]
-    },
     {
       "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.",
@@ -472,6 +446,32 @@
         { "name": "Documentation", "url": "https://zinc.style/components/chip" }
       ]
     },
+    {
+      "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",
+      "attributes": [
+        { "name": "caption", "values": [] },
+        { "name": "description", "values": [] },
+        { "name": "label", "values": [] },
+        { "name": "show-number", "values": [] },
+        { "name": "count-element", "values": [] },
+        { "name": "expanded", "values": [] },
+        {
+          "name": "default",
+          "values": [{ "name": "open" }, { "name": "closed" }]
+        },
+        { "name": "local-storage", "values": [] },
+        { "name": "store-key", "values": [] },
+        { "name": "store-ttl", "values": [] },
+        { "name": "flush", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/collapsible"
+        }
+      ]
+    },
     {
       "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.",
@@ -680,7 +680,8 @@
           "description": "The selects required attribute.",
           "values": []
         },
-        { "name": "icon-only", "values": [] }
+        { "name": "icon-only", "values": [] },
+        { "name": "multiple", "values": [] }
       ],
       "references": [
         {
@@ -914,37 +915,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.",
-      "attributes": [
-        { "name": "id", "values": [] },
-        { "name": "name", "values": [] },
-        { "name": "value", "values": [] },
-        {
-          "name": "interaction-type",
-          "values": [{ "name": "ticket" }, { "name": "chat" }]
-        },
-        { "name": "attachment-url", "values": [] },
-        { "name": "code-blocks", "values": [] },
-        { "name": "dividers", "values": [] },
-        { "name": "links", "values": [] },
-        { "name": "attachments", "values": [] },
-        { "name": "images", "values": [] },
-        { "name": "videos", "values": [] },
-        { "name": "dates", "values": [] },
-        { "name": "emojis", "values": [] },
-        { "name": "code", "values": [] },
-        { "name": "ai", "values": [] },
-        { "name": "ai-path", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/editor"
-        }
-      ]
-    },
     {
       "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.",
@@ -1016,6 +986,37 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "id", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] },
+        {
+          "name": "interaction-type",
+          "values": [{ "name": "ticket" }, { "name": "chat" }]
+        },
+        { "name": "attachment-url", "values": [] },
+        { "name": "code-blocks", "values": [] },
+        { "name": "dividers", "values": [] },
+        { "name": "links", "values": [] },
+        { "name": "attachments", "values": [] },
+        { "name": "images", "values": [] },
+        { "name": "videos", "values": [] },
+        { "name": "dates", "values": [] },
+        { "name": "emojis", "values": [] },
+        { "name": "code", "values": [] },
+        { "name": "ai", "values": [] },
+        { "name": "ai-path", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/editor"
+        }
+      ]
+    },
     {
       "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.",
@@ -1162,36 +1163,24 @@
       ]
     },
     {
-      "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.",
-      "attributes": [{ "name": "button", "values": [] }],
+      "attributes": [{ "name": "attr", "values": [] }],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/filter-wrapper"
+          "url": "https://zinc.style/components/filter-container"
         }
       ]
     },
     {
-      "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.",
-      "attributes": [
-        { "name": "full-location", "values": [] },
-        { "name": "entity-id", "values": [] },
-        { "name": "entity-id-show", "values": [] },
-        { "name": "transparent", "values": [] },
-        { "name": "caption", "values": [] },
-        { "name": "icon", "values": [] },
-        { "name": "description", "values": [] },
-        { "name": "navigation", "values": [{ "name": "array" }] },
-        { "name": "full-width", "values": [] },
-        { "name": "previous-path", "values": [] },
-        { "name": "previous-target", "values": [] }
-      ],
+      "attributes": [{ "name": "button", "values": [] }],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://zinc.style/components/header"
+          "url": "https://zinc.style/components/filter-wrapper"
         }
       ]
     },
@@ -1222,6 +1211,29 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "full-location", "values": [] },
+        { "name": "entity-id", "values": [] },
+        { "name": "entity-id-show", "values": [] },
+        { "name": "transparent", "values": [] },
+        { "name": "caption", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "description", "values": [] },
+        { "name": "navigation", "values": [{ "name": "array" }] },
+        { "name": "full-width", "values": [] },
+        { "name": "previous-path", "values": [] },
+        { "name": "previous-target", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/header"
+        }
+      ]
+    },
     {
       "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.",
@@ -1277,6 +1289,58 @@
         { "name": "Documentation", "url": "https://zinc.style/components/icon" }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "value", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "placeholder", "values": [] },
+        { "name": "edit-text", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "inline", "values": [] },
+        { "name": "padded", "values": [] },
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        { "name": "required", "values": [] },
+        { "name": "pattern", "values": [] },
+        {
+          "name": "input-type",
+          "values": [
+            { "name": "select" },
+            { "name": "text" },
+            { "name": "data-select" },
+            { "name": "number" }
+          ]
+        },
+        {
+          "name": "options",
+          "values": [{ "name": "{ [key: string]: string }" }]
+        },
+        { "name": "provider", "values": [] },
+        {
+          "name": "icon-position",
+          "values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
+        },
+        {
+          "name": "help-text",
+          "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/inline-edit"
+        }
+      ]
+    },
     {
       "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.",
@@ -1496,58 +1560,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.",
-      "attributes": [
-        { "name": "value", "values": [] },
-        { "name": "name", "values": [] },
-        { "name": "placeholder", "values": [] },
-        { "name": "edit-text", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "inline", "values": [] },
-        { "name": "padded", "values": [] },
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        { "name": "required", "values": [] },
-        { "name": "pattern", "values": [] },
-        {
-          "name": "input-type",
-          "values": [
-            { "name": "select" },
-            { "name": "text" },
-            { "name": "data-select" },
-            { "name": "number" }
-          ]
-        },
-        {
-          "name": "options",
-          "values": [{ "name": "{ [key: string]: string }" }]
-        },
-        { "name": "provider", "values": [] },
-        {
-          "name": "icon-position",
-          "values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
-        },
-        {
-          "name": "help-text",
-          "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/inline-edit"
-        }
-      ]
-    },
     {
       "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",
@@ -1790,6 +1802,31 @@
         { "name": "Documentation", "url": "https://zinc.style/components/pane" }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "basis-px", "values": [] },
+        { "name": "caption", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "description", "values": [] },
+        { "name": "tabbed", "values": [] },
+        { "name": "header-underline", "values": [] },
+        { "name": "cosmic", "values": [] },
+        { "name": "flush", "values": [] },
+        { "name": "flush-x", "values": [] },
+        { "name": "flush-y", "values": [] },
+        { "name": "flush-footer", "values": [] },
+        { "name": "transparent", "values": [] },
+        { "name": "shadow", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/panel"
+        }
+      ]
+    },
     {
       "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.",
@@ -1939,31 +1976,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.",
-      "attributes": [
-        { "name": "basis-px", "values": [] },
-        { "name": "caption", "values": [] },
-        { "name": "icon", "values": [] },
-        { "name": "description", "values": [] },
-        { "name": "tabbed", "values": [] },
-        { "name": "header-underline", "values": [] },
-        { "name": "cosmic", "values": [] },
-        { "name": "flush", "values": [] },
-        { "name": "flush-x", "values": [] },
-        { "name": "flush-y", "values": [] },
-        { "name": "flush-footer", "values": [] },
-        { "name": "transparent", "values": [] },
-        { "name": "shadow", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/panel"
-        }
-      ]
-    },
     {
       "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.",
@@ -2184,6 +2196,21 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        { "name": "duration", "values": [] },
+        { "name": "initial", "values": [] },
+        { "name": "revealed", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/reveal"
+        }
+      ]
+    },
     {
       "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.",
@@ -2306,7 +2333,9 @@
             { "name": "(option: ZnOption, index: number) => TemplateResult" },
             { "name": "HTMLElement" }
           ]
-        }
+        },
+        { "name": "distinct", "values": [] },
+        { "name": "conditional", "values": [] }
       ],
       "references": [
         {
@@ -2430,7 +2459,8 @@
         { "name": "flush-l", "values": [] },
         { "name": "flush-r", "values": [] },
         { "name": "width-container", "values": [] },
-        { "name": "form-container", "values": [] }
+        { "name": "form-container", "values": [] },
+        { "name": "wide-form-container", "values": [] }
       ],
       "references": [
         { "name": "Documentation", "url": "https://zinc.style/components/sp" }