@kubex/zinc 1.1.104 → 1.1.106

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.104",
+  "version": "1.1.106",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -83,28 +105,6 @@
             ]
           }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-animated-button",
           "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -4383,6 +4383,125 @@
             ]
           }
         },
+        {
+          "name": "zn-form-actions",
+          "description": "Standard action row for the bottom of a form. Renders a submit button by default; opt in to more\nwith `with-cancel` and `with-reset`.\n---\n\n\n### **Events:**\n - **zn-cancel** - Emitted when the cancel button is clicked.\n\n### **Slots:**\n - _default_ - Extra actions, placed before the buttons.\n\n### **CSS Parts:**\n - **cancel-button** - The cancel button.\n- **reset-button** - The reset button.\n- **submit-button** - The submit button.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "submit-text",
+              "description": "The submit button's text.",
+              "value": { "type": "string", "default": "'Save'" }
+            },
+            {
+              "name": "submit-icon",
+              "description": "The submit button's icon.",
+              "value": { "type": "string", "default": "'check@lu'" }
+            },
+            {
+              "name": "with-cancel",
+              "description": "Adds a cancel button. Closes the containing dialog or slideout, if any, and emits `zn-cancel`.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "cancel-text",
+              "description": "The cancel button's text.",
+              "value": { "type": "string", "default": "'Cancel'" }
+            },
+            {
+              "name": "cancel-icon",
+              "description": "The cancel button's icon.",
+              "value": { "type": "string", "default": "'x@lu'" }
+            },
+            {
+              "name": "with-reset",
+              "description": "Adds a reset button that resets the form.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "reset-text",
+              "description": "The reset button's text.",
+              "value": { "type": "string", "default": "'Reset'" }
+            },
+            {
+              "name": "reset-icon",
+              "description": "The reset button's icon.",
+              "value": { "type": "string", "default": "'rotate-ccw@lu'" }
+            },
+            {
+              "name": "form",
+              "description": "The id of the form to act on. If omitted, the closest containing form is used.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Extra actions, placed before the buttons."
+            }
+          ],
+          "events": [
+            {
+              "name": "zn-cancel",
+              "description": "Emitted when the cancel button is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "submitText",
+                "description": "The submit button's text.",
+                "type": "string"
+              },
+              {
+                "name": "submitIcon",
+                "description": "The submit button's icon.",
+                "type": "string"
+              },
+              {
+                "name": "withCancel",
+                "description": "Adds a cancel button. Closes the containing dialog or slideout, if any, and emits `zn-cancel`.",
+                "type": "boolean"
+              },
+              {
+                "name": "cancelText",
+                "description": "The cancel button's text.",
+                "type": "string"
+              },
+              {
+                "name": "cancelIcon",
+                "description": "The cancel button's icon.",
+                "type": "string"
+              },
+              {
+                "name": "withReset",
+                "description": "Adds a reset button that resets the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "resetText",
+                "description": "The reset button's text.",
+                "type": "string"
+              },
+              {
+                "name": "resetIcon",
+                "description": "The reset button's icon.",
+                "type": "string"
+              },
+              {
+                "name": "form",
+                "description": "The id of the form to act on. If omitted, the closest containing form is used.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "zn-cancel",
+                "description": "Emitted when the cancel button is clicked."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-form-group",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **chip** - A chip displayed under the form group's help text.",

package/dist/zn.d.ts

@@ -5177,7 +5177,7 @@ declare module "components/icon-picker/material-icons" {
     export const material_symbols_outlinedIcons: string[];
 }
 declare module "components/icon-picker/icon-picker.component" {
-    import { type CSSResultGroup } from 'lit';
+    import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
     import ZnButton from "components/button/index";
     import ZnDialog from "components/dialog/index";
@@ -5249,6 +5249,8 @@ declare module "components/icon-picker/icon-picker.component" {
         private discardPendingFile;
         private clearFile;
         disconnectedCallback(): void;
+        private syncHiddenInputs;
+        protected updated(changedProperties: PropertyValues): void;
         private handleSearchInput;
         private filterIcons;
         private handleIconSelect;
@@ -7211,6 +7213,67 @@ declare module "components/checkbox/index" {
         }
     }
 }
+declare module "components/form-actions/form-actions.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    import ZnButton from "components/button/index";
+    /**
+     * @summary Standard action row for the bottom of a form. Renders a submit button by default; opt in to more
+     * with `with-cancel` and `with-reset`.
+     * @documentation https://zinc.style/components/form-actions
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-button
+     *
+     * @event zn-cancel - Emitted when the cancel button is clicked.
+     *
+     * @slot - Extra actions, placed before the buttons.
+     *
+     * @csspart cancel-button - The cancel button.
+     * @csspart reset-button - The reset button.
+     * @csspart submit-button - The submit button.
+     */
+    export default class ZnFormActions extends ZincElement {
+        static styles: CSSResultGroup;
+        static dependencies: {
+            'zn-button': typeof ZnButton;
+        };
+        /** The submit button's text. */
+        submitText: string;
+        /** The submit button's icon. */
+        submitIcon: string;
+        /** Adds a cancel button. Closes the containing dialog or slideout, if any, and emits `zn-cancel`. */
+        withCancel: boolean;
+        /** The cancel button's text. */
+        cancelText: string;
+        /** The cancel button's icon. */
+        cancelIcon: string;
+        /** Adds a reset button that resets the form. */
+        withReset: boolean;
+        /** The reset button's text. */
+        resetText: string;
+        /** The reset button's icon. */
+        resetIcon: string;
+        /** The id of the form to act on. If omitted, the closest containing form is used. */
+        form: string;
+        private getForm;
+        private handleCancel;
+        private handleReset;
+        private handleSubmit;
+        render(): import("lit-html").TemplateResult<1>;
+    }
+}
+declare module "components/form-actions/index" {
+    import ZnFormActions from "components/form-actions/form-actions.component";
+    export * from "components/form-actions/form-actions.component";
+    export default ZnFormActions;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-form-actions': ZnFormActions;
+        }
+    }
+}
 declare module "components/form-group/form-group.component" {
     import { type CSSResultGroup } from 'lit';
     import ZincElement from "internal/zinc-element";
@@ -12761,6 +12824,7 @@ declare module "zinc" {
     export { default as Textarea } from "components/textarea/index";
     export { default as Checkbox } from "components/checkbox/index";
     export { default as Datepicker } from "components/datepicker/index";
+    export { default as FormActions } from "components/form-actions/index";
     export { default as FormGroup } from "components/form-group/index";
     export { default as InputGroup } from "components/input-group/index";
     export { default as LinkedSelect } from "components/linked-select/index";