@kubex/zinc 1.0.11 → 1.0.13

package/dist/custom-elements.json

@@ -1071,6 +1071,24 @@
               "name": "validationMessage",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "handleAutoClickChange",
+              "parameters": [
+                {
+                  "name": "_old",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "checkValidity"
@@ -4862,6 +4880,15 @@
               "attribute": "icon-only",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "multiple"
+            },
             {
               "kind": "field",
               "name": "formControlController",
@@ -5117,6 +5144,14 @@
               },
               "default": "false",
               "fieldName": "iconOnly"
+            },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "multiple"
             }
           ],
           "superclass": {
@@ -9785,6 +9820,104 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/filter-container/filter-container.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnFilterContainer",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "attr",
+              "type": {
+                "text": "string"
+              },
+              "default": "'filter'",
+              "attribute": "attr"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchChange",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "attr",
+              "type": {
+                "text": "string"
+              },
+              "default": "'filter'",
+              "fieldName": "attr"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "filter-container",
+          "tagName": "zn-filter-container",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/filter-container\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/filter-container",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnFilterContainer",
+            "module": "components/filter-container/filter-container.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/filter-wrapper/filter-wrapper.js",
@@ -16325,6 +16458,11 @@
               "name": "handleAnchorChange",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleAnchorHover",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "start",
@@ -18967,6 +19105,158 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/reveal/reveal.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnReveal",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "2000",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "initial",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "initial"
+            },
+            {
+              "kind": "field",
+              "name": "revealed",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "revealed"
+            },
+            {
+              "kind": "field",
+              "name": "_isRevealed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_isToggled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "handleToggleReveal",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseEnter",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseLeave",
+              "privacy": "protected"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "2000",
+              "fieldName": "duration"
+            },
+            {
+              "name": "initial",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "initial"
+            },
+            {
+              "name": "revealed",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "revealed"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "reveal",
+          "tagName": "zn-reveal",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/reveal\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @usage\n * ```html\n * <zn-reveal duration=\"3000\"\n *            initial=\"******@hotmail.com\"\n *            revealed=\"john.doe@hotmail.com\" toggle>\n * </zn-reveal>\n * ```\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/reveal",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnReveal",
+            "module": "components/reveal/reveal.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/scroll-container/scroll-container.js",
@@ -19550,6 +19840,24 @@
               "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.",
               "attribute": "getTag"
             },
+            {
+              "kind": "field",
+              "name": "distinct",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "attribute": "distinct"
+            },
+            {
+              "kind": "field",
+              "name": "conditional",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "attribute": "conditional"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -20074,6 +20382,22 @@
               },
               "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.",
               "fieldName": "getTag"
+            },
+            {
+              "name": "distinct",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "fieldName": "distinct"
+            },
+            {
+              "name": "conditional",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "fieldName": "conditional"
             }
           ],
           "superclass": {
@@ -21115,6 +21439,16 @@
               "default": "false",
               "attribute": "form-container",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "wideFormContainer",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "wide-form-container",
+              "reflects": true
             }
           ],
           "events": [
@@ -21250,6 +21584,14 @@
               },
               "default": "false",
               "fieldName": "formContainer"
+            },
+            {
+              "name": "wide-form-container",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "wideFormContainer"
             }
           ],
           "superclass": {
@@ -25956,7 +26298,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.11",
+    "version": "1.0.13",
     "author": "",
     "license": "MIT"
   }

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

@@ -680,7 +680,8 @@
           "description": "The selects required attribute.",
           "values": []
         },
-        { "name": "icon-only", "values": [] }
+        { "name": "icon-only", "values": [] },
+        { "name": "multiple", "values": [] }
       ],
       "references": [
         {
@@ -1161,6 +1162,17 @@
         { "name": "Documentation", "url": "https://zinc.style/components/file" }
       ]
     },
+    {
+      "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": "attr", "values": [] }],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/filter-container"
+        }
+      ]
+    },
     {
       "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.",
@@ -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" }

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.11",
+  "version": "1.0.13",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -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" },
@@ -2631,6 +2636,33 @@
             ]
           }
         },
+        {
+          "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": "attr",
+              "value": { "type": "string", "default": "'filter'" }
+            }
+          ],
+          "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": "attr", "type": "string" }],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -4349,7 +4381,8 @@
                 "name": "hoverBridge",
                 "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
                 "type": "boolean"
-              }
+              },
+              { "name": "handleAnchorHover" }
             ],
             "events": [
               {
@@ -4876,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.",
@@ -5016,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": [
@@ -5209,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"
@@ -5551,6 +5633,10 @@
             {
               "name": "form-container",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "wide-form-container",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -5577,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": [
               {