@kubex/zinc 1.0.18 → 1.0.20

package/dist/custom-elements.json

@@ -290,6 +290,184 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/audio-select/audio-select.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnAudioSelect",
+          "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": "The actions slot.",
+              "name": "actions"
+            },
+            {
+              "description": "The footer slot.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_isPlaying",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_audio",
+              "type": {
+                "text": "HTMLAudioElement"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Audio()"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "files",
+              "type": {
+                "text": "AudioFile[]"
+              },
+              "default": "[]",
+              "attribute": "files"
+            },
+            {
+              "kind": "method",
+              "name": "stopAudio"
+            },
+            {
+              "kind": "method",
+              "name": "handleSelectChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ZnChangeEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "togglePreview",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "files",
+              "type": {
+                "text": "AudioFile[]"
+              },
+              "default": "[]",
+              "fieldName": "files"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "audio-select",
+          "tagName": "zn-audio-select",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/audio-select\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n * @slot actions - The actions slot.\n * @slot footer - The footer 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/audio-select",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnAudioSelect",
+            "module": "components/audio-select/audio-select.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bulk-actions/bulk-actions.js",
@@ -2222,6 +2400,10 @@
               "description": "The checked icon, an `<zn-icon>` element.",
               "name": "checked-icon"
             },
+            {
+              "description": "The unchecked icon, an `<zn-icon>` element.",
+              "name": "unchecked-icon"
+            },
             {
               "description": "The indeterminate icon, an `<zn-icon>` element.",
               "name": "indeterminate-icon"
@@ -2268,7 +2450,7 @@
               "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, { value: (control: ZnCheckbox) => (control.checked ? control.value || 'on' : undefined), defaultValue: (control: ZnCheckbox) => control.defaultChecked, setValue: (control: ZnCheckbox, checked: boolean) => (control.checked = checked) })"
+              "default": "new FormControlController(this, { value: (control: ZnCheckbox) => (control.checked ? control.value || 'on' : control.uncheckedValue || undefined), defaultValue: (control: ZnCheckbox) => control.defaultChecked, setValue: (control: ZnCheckbox, checked: boolean) => (control.checked = checked) })"
             },
             {
               "kind": "field",
@@ -2321,6 +2503,16 @@
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "uncheckedValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The unchecked value of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "unchecked-value",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "size",
@@ -2418,6 +2610,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "submitOnClick",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Submits the form when checkbox is clicked.",
+              "attribute": "submit-on-click",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "description",
@@ -2444,6 +2647,55 @@
               },
               "attribute": "label-tooltip"
             },
+            {
+              "kind": "field",
+              "name": "checkedIcon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The icon to show when the checkbox is checked.",
+              "attribute": "checked-icon"
+            },
+            {
+              "kind": "field",
+              "name": "uncheckedIcon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The icon to show when the checkbox is unchecked.",
+              "attribute": "unchecked-icon"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "ColorOption"
+              },
+              "default": "'default'",
+              "description": "The color of the checkbox.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checkedColor",
+              "type": {
+                "text": "ColorOption"
+              },
+              "description": "The color of the checkbox when checked. Overrides `color`.",
+              "attribute": "checked-color"
+            },
+            {
+              "kind": "field",
+              "name": "uncheckedColor",
+              "type": {
+                "text": "ColorOption"
+              },
+              "description": "The color of the checkbox when unchecked. Overrides `color`.",
+              "attribute": "unchecked-color"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -2621,6 +2873,14 @@
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
               "fieldName": "value"
             },
+            {
+              "name": "unchecked-value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The unchecked value of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "uncheckedValue"
+            },
             {
               "name": "size",
               "type": {
@@ -2693,6 +2953,15 @@
               "description": "Makes the checkbox a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "submit-on-click",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Submits the form when checkbox is clicked.",
+              "fieldName": "submitOnClick"
+            },
             {
               "name": "description",
               "type": {
@@ -2715,6 +2984,49 @@
                 "text": "string"
               },
               "fieldName": "labelTooltip"
+            },
+            {
+              "name": "checked-icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The icon to show when the checkbox is checked.",
+              "fieldName": "checkedIcon"
+            },
+            {
+              "name": "unchecked-icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The icon to show when the checkbox is unchecked.",
+              "fieldName": "uncheckedIcon"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "ColorOption"
+              },
+              "default": "'default'",
+              "description": "The color of the checkbox.",
+              "fieldName": "color"
+            },
+            {
+              "name": "checked-color",
+              "type": {
+                "text": "ColorOption"
+              },
+              "description": "The color of the checkbox when checked. Overrides `color`.",
+              "fieldName": "checkedColor"
+            },
+            {
+              "name": "unchecked-color",
+              "type": {
+                "text": "ColorOption"
+              },
+              "description": "The color of the checkbox when unchecked. Overrides `color`.",
+              "fieldName": "uncheckedColor"
             }
           ],
           "superclass": {
@@ -2725,7 +3037,7 @@
           "tagNameWithoutPrefix": "checkbox",
           "tagName": "zn-checkbox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n *  @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<zn-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart description - The container that wraps the checkbox's description.\n * @csspart selected-content - The container that wraps optional content that appears when a checkbox is checked.\n */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<zn-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart description - The container that wraps the checkbox's description.\n * @csspart selected-content - The container that wraps optional content that appears when a checkbox is checked.\n */",
           "documentation": "https://zinc.style/components/checkbox",
           "status": "experimental",
           "since": "1.0",
@@ -12723,6 +13035,109 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-group/input-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnInputGroup",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The form control wrapper.",
+              "name": "form-control"
+            },
+            {
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
+            },
+            {
+              "description": "The input group container.",
+              "name": "form-control-input"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for inputs and selects.",
+              "name": ""
+            },
+            {
+              "description": "The input group's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input group's label. If you need to display HTML, use the `label` slot.",
+              "attribute": "label"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input group's label. If you need to display HTML, use the `label` slot.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "A wrapper component that groups inputs and selects visually.",
+          "tagNameWithoutPrefix": "input-group",
+          "tagName": "zn-input-group",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A wrapper component that groups inputs and selects visually.\n * @documentation https://zinc.style/components/input-group\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot for inputs and selects.\n * @slot label - The input group's label. Alternatively, you can use the `label` attribute.\n *\n * @csspart base - The component's base wrapper.\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input group container.\n */",
+          "documentation": "https://zinc.style/components/input-group",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnInputGroup",
+            "module": "components/input-group/input-group.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/item/item.js",
@@ -12849,11 +13264,19 @@
             },
             {
               "kind": "field",
-              "name": "alignEnd",
+              "name": "alignEnd",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "align-end"
+            },
+            {
+              "kind": "field",
+              "name": "alignCenter",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "align-end"
+              "attribute": "align-center"
             },
             {
               "kind": "method",
@@ -12944,6 +13367,13 @@
                 "text": "boolean"
               },
               "fieldName": "alignEnd"
+            },
+            {
+              "name": "align-center",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "alignCenter"
             }
           ],
           "superclass": {
@@ -13952,6 +14382,15 @@
               },
               "attribute": "no-pad"
             },
+            {
+              "kind": "field",
+              "name": "manualAddItems",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "manual-add-items"
+            },
             {
               "kind": "field",
               "name": "_preItems",
@@ -14077,11 +14516,16 @@
               "kind": "method",
               "name": "addItem",
               "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "item",
                   "type": {
-                    "text": "any"
+                    "text": "Element"
                   }
                 }
               ]
@@ -14171,6 +14615,14 @@
               },
               "fieldName": "noPad"
             },
+            {
+              "name": "manual-add-items",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "manualAddItems"
+            },
             {
               "name": "_appended",
               "type": {
@@ -19775,7 +20227,7 @@
             },
             {
               "kind": "field",
-              "name": "hasCheckboxPrefix",
+              "name": "inputPrefix",
               "type": {
                 "text": "boolean"
               },
@@ -20052,7 +20504,7 @@
             },
             {
               "kind": "method",
-              "name": "updateHasCheckboxPrefix",
+              "name": "updateHasInputPrefix",
               "privacy": "private"
             },
             {
@@ -26295,6 +26747,267 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/translations/translations.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnTranslations",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-navbar': ZnNavbar, 'zn-input': ZnInput, 'zn-inline-edit': ZnInlineEdit }"
+            },
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "type": {
+                "text": "FormControlController"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{\"en\":\"\"}'",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "languages",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{ 'en': 'English' }",
+              "attribute": "languages"
+            },
+            {
+              "kind": "field",
+              "name": "values",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{}",
+              "attribute": "values"
+            },
+            {
+              "kind": "field",
+              "name": "_activeLanguage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity"
+            },
+            {
+              "kind": "method",
+              "name": "getForm"
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity"
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity"
+            },
+            {
+              "kind": "method",
+              "name": "handleLanguageAdd",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ZnMenuSelectEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleNavbarClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleValueUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateValue",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{\"en\":\"\"}'",
+              "fieldName": "value"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required"
+            },
+            {
+              "name": "languages",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{ 'en': 'English' }",
+              "fieldName": "languages"
+            },
+            {
+              "name": "values",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{}",
+              "fieldName": "values"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "tagNameWithoutPrefix": "translations",
+          "tagName": "zn-translations",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnTranslations",
+            "module": "components/translations/translations.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/vertical-stepper/vertical-stepper.js",
@@ -26536,7 +27249,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.18",
+    "version": "1.0.20",
     "author": "",
     "license": "MIT"
   }