@kubex/zinc 2.0.1 → 2.0.3

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

@@ -2771,7 +2771,7 @@
         },
         {
           "name": "no-spin-buttons",
-          "description": "Hides the browsers built-in increment/decrement spin buttons for number inputs *",
+          "description": "Hides the increment/decrement buttons on number inputs *",
           "values": []
         },
         {
@@ -3679,6 +3679,14 @@
         }
       ]
     },
+    {
+      "name": "zn-pane",
+      "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": "flush", "values": [] }],
+      "references": [
+        { "name": "Documentation", "url": "https://zinc.style/components/pane" }
+      ]
+    },
     {
       "name": "zn-pagination",
       "description": "Pagination component for navigating through pages of content.\n---\n",
@@ -3695,14 +3703,6 @@
         }
       ]
     },
-    {
-      "name": "zn-pane",
-      "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": "flush", "values": [] }],
-      "references": [
-        { "name": "Documentation", "url": "https://zinc.style/components/pane" }
-      ]
-    },
     {
       "name": "zn-panel",
       "description": "Panels are versatile containers that provide structure for organizing content with optional headers and footers.\n---\n\n\n### **Slots:**\n - _default_ - The panel's main content.\n- **actions** - Actions displayed in the panel header (buttons, chips, etc).\n- **footer** - Content displayed in the panel footer.\n\n### **CSS Properties:**\n - **--zn-panel-basis** - The flex-basis of the panel. Can be set using the basis-px attribute. _(default: undefined)_\n- **--zn-panel-header-padding** - Padding around the header row. Defaults to `--zn-base-gap`. _(default: undefined)_\n- **--zn-panel-footer-padding** - Padding around the footer row. _(default: undefined)_\n- **--zn-panel-padding** - Padding around the body. Defaults to `--zn-base-gap`. _(default: undefined)_\n- **--zn-panel-shadow** - Resting shadow. Defaults to none. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header region, when a caption or actions are given.\n- **header-content** - The padded row inside the header, forwarded from zn-header.\n- **header-left** - The caption and description, forwarded from zn-header.\n- **footer** - The footer region, when the footer slot is filled.",
@@ -4432,6 +4432,27 @@
         }
       ]
     },
+    {
+      "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": [] },
+        { "name": "hide-delay", "values": [] },
+        {
+          "name": "no-toggle",
+          "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/reveal"
+        }
+      ]
+    },
     {
       "name": "zn-report-table",
       "description": "A grouped report: one row per value of a dimension, read column by column, with a total row.\n---\n\n\n### **Events:**\n - **zn-report-change** - Emitted when the type, group by, date range or filter is changed, before the report is fetched again.\n\n### **Slots:**\n - **inputs** - Inputs whose name and value are sent with every request (csrf tokens and similar).\n- **empty-state** - Replaces the default empty state.",
@@ -4505,27 +4526,6 @@
         }
       ]
     },
-    {
-      "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": [] },
-        { "name": "hide-delay", "values": [] },
-        {
-          "name": "no-toggle",
-          "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/reveal"
-        }
-      ]
-    },
     {
       "name": "zn-schedule-builder",
       "description": "Builds a weekly opening-hours schedule as a drag-to-paint calendar or a compact list of\ntime ranges, and posts the result as JSON.\n---\n\n\n### **Events:**\n - **zn-change** - Emitted when the schedule changes.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - 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- **setDay(day: _ScheduleDay_, ranges: _ScheduleRange[]_)** - Replaces the hours for a single day, in the save timezone.\n- **getDay(day: _ScheduleDay_): _ScheduleRange[]_** - Reads the hours for a single day, in the save timezone.\n- **setDisplayDay(day: _ScheduleDay_, ranges: _ScheduleRange[]_)** - Replaces the hours for a single day, given in the display timezone.\n\n### **Slots:**\n - **label** - The schedule's label. Alternatively, use the `label` attribute.\n- **help-text** - Text that describes how to use the schedule. Alternatively, use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--slot-height** - The height of a single time slot in the calendar. Defaults to `18px`. _(default: undefined)_\n- **--gutter-width** - The width of the calendar's time gutter. Defaults to `64px`. _(default: undefined)_\n- **--open-color** - The fill used for open hours. _(default: undefined)_\n- **--reduced-color** - The fill used for hours an exception removes. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the builder, label and help text.\n- **base** - The component's base wrapper.\n- **toolbar** - The row above the builder holding the hint, legend and view toggle.\n- **calendar** - The calendar view wrapper.\n- **list** - The form (list) view wrapper.\n- **summary** - The summary panel beside the calendar.",

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": "2.0.1",
+  "version": "2.0.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6211,7 +6211,7 @@
             },
             {
               "name": "no-spin-buttons",
-              "description": "Hides the browsers built-in increment/decrement spin buttons for number inputs *",
+              "description": "Hides the increment/decrement buttons on number inputs *",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -6526,7 +6526,7 @@
               },
               {
                 "name": "noSpinButtons",
-                "description": "Hides the browsers built-in increment/decrement spin buttons for number inputs *",
+                "description": "Hides the increment/decrement buttons on number inputs *",
                 "type": "boolean"
               },
               {
@@ -8547,27 +8547,6 @@
             ]
           }
         },
-        {
-          "name": "zn-pagination",
-          "description": "Pagination component for navigating through pages of content.\n\n---\n",
-          "doc-url": "",
-          "attributes": [
-            { "name": "limit", "value": { "type": "number", "default": "10" } },
-            { "name": "total", "value": { "type": "number", "default": "0" } },
-            { "name": "page", "value": { "type": "number", "default": "1" } },
-            { "name": "uri", "value": { "type": "string", "default": "\"\"" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "limit", "type": "number" },
-              { "name": "total", "type": "number" },
-              { "name": "page", "type": "number" },
-              { "name": "uri", "type": "string" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-pane",
           "description": "Short summary of the component's intended use.\n\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.",
@@ -8590,6 +8569,27 @@
             ]
           }
         },
+        {
+          "name": "zn-pagination",
+          "description": "Pagination component for navigating through pages of content.\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "limit", "value": { "type": "number", "default": "10" } },
+            { "name": "total", "value": { "type": "number", "default": "0" } },
+            { "name": "page", "value": { "type": "number", "default": "1" } },
+            { "name": "uri", "value": { "type": "string", "default": "\"\"" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "limit", "type": "number" },
+              { "name": "total", "type": "number" },
+              { "name": "page", "type": "number" },
+              { "name": "uri", "type": "string" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-panel",
           "description": "Panels are versatile containers that provide structure for organizing content with optional headers and footers.\n\n---\n\n\n### **Slots:**\n - _default_ - The panel's main content.\n- **actions** - Actions displayed in the panel header (buttons, chips, etc).\n- **footer** - Content displayed in the panel footer.\n\n### **CSS Properties:**\n - **--zn-panel-basis** - The flex-basis of the panel. Can be set using the basis-px attribute. _(default: undefined)_\n- **--zn-panel-header-padding** - Padding around the header row. Defaults to `--zn-base-gap`. _(default: undefined)_\n- **--zn-panel-footer-padding** - Padding around the footer row. _(default: undefined)_\n- **--zn-panel-padding** - Padding around the body. Defaults to `--zn-base-gap`. _(default: undefined)_\n- **--zn-panel-shadow** - Resting shadow. Defaults to none. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header region, when a caption or actions are given.\n- **header-content** - The padded row inside the header, forwarded from zn-header.\n- **header-left** - The caption and description, forwarded from zn-header.\n- **footer** - The footer region, when the footer slot is filled.",
@@ -10152,6 +10152,60 @@
             ]
           }
         },
+        {
+          "name": "zn-reveal",
+          "description": "Short summary of the component's intended use.\n\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": "''" }
+            },
+            {
+              "name": "hide-delay",
+              "value": { "type": "number", "default": "150" }
+            },
+            {
+              "name": "no-toggle",
+              "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [
+              { "name": "duration", "type": "number" },
+              { "name": "initial", "type": "string" },
+              { "name": "revealed", "type": "string" },
+              { "name": "hideDelay", "type": "number" },
+              {
+                "name": "noToggle",
+                "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-report-table",
           "description": "A grouped report: one row per value of a dimension, read column by column, with a total row.\n\n---\n\n\n### **Events:**\n - **zn-report-change** - Emitted when the type, group by, date range or filter is changed, before the report is fetched again.\n\n### **Slots:**\n - **inputs** - Inputs whose name and value are sent with every request (csrf tokens and similar).\n- **empty-state** - Replaces the default empty state.",
@@ -10325,60 +10379,6 @@
             ]
           }
         },
-        {
-          "name": "zn-reveal",
-          "description": "Short summary of the component's intended use.\n\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": "''" }
-            },
-            {
-              "name": "hide-delay",
-              "value": { "type": "number", "default": "150" }
-            },
-            {
-              "name": "no-toggle",
-              "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [
-              { "name": "duration", "type": "number" },
-              { "name": "initial", "type": "string" },
-              { "name": "revealed", "type": "string" },
-              { "name": "hideDelay", "type": "number" },
-              {
-                "name": "noToggle",
-                "description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-schedule-builder",
           "description": "Builds a weekly opening-hours schedule as a drag-to-paint calendar or a compact list of\ntime ranges, and posts the result as JSON.\n\n---\n\n\n### **Events:**\n - **zn-change** - Emitted when the schedule changes.\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks validity but does not show a validation message.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - 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- **setDay(day: _ScheduleDay_, ranges: _ScheduleRange[]_)** - Replaces the hours for a single day, in the save timezone.\n- **getDay(day: _ScheduleDay_): _ScheduleRange[]_** - Reads the hours for a single day, in the save timezone.\n- **setDisplayDay(day: _ScheduleDay_, ranges: _ScheduleRange[]_)** - Replaces the hours for a single day, given in the display timezone.\n\n### **Slots:**\n - **label** - The schedule's label. Alternatively, use the `label` attribute.\n- **help-text** - Text that describes how to use the schedule. Alternatively, use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--slot-height** - The height of a single time slot in the calendar. Defaults to `18px`. _(default: undefined)_\n- **--gutter-width** - The width of the calendar's time gutter. Defaults to `64px`. _(default: undefined)_\n- **--open-color** - The fill used for open hours. _(default: undefined)_\n- **--reduced-color** - The fill used for hours an exception removes. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the builder, label and help text.\n- **base** - The component's base wrapper.\n- **toolbar** - The row above the builder holding the hint, legend and view toggle.\n- **calendar** - The calendar view wrapper.\n- **list** - The form (list) view wrapper.\n- **summary** - The summary panel beside the calendar.",

package/dist/zn.d.ts

@@ -2863,7 +2863,7 @@ declare module "components/input/input.component" {
         passwordToggle: boolean;
         /** Determines whether or no the password is currently visible. Only applies to password types **/
         passwordVisible: boolean;
-        /** Hides the browsers built-in increment/decrement spin buttons for number inputs **/
+        /** Hides the increment/decrement buttons on number inputs **/
         noSpinButtons: boolean;
         /**
          * The format a colour input writes its value in. Typing a colour in another format, or working in another format's
@@ -2980,6 +2980,9 @@ declare module "components/input/input.component" {
         private handleInvalid;
         private syncEmailDisplay;
         private handleKeyDown;
+        /** Whether the value has reached `limit`; `direction` 1 checks a maximum, -1 a minimum. */
+        private isAtLimit;
+        private handleStep;
         private handlePasswordToggle;
         private handleColorSwatchClick;
         private openColorPanel;
@@ -4588,16 +4591,16 @@ declare module "components/data-table/data-table.component" {
     import ZnDropdown from "components/dropdown/index";
     import ZnEmptyState from "components/empty-state/index";
     import ZnHoverContainer from "components/hover-container/index";
-    import ZnMenu from "components/menu/index";
-    import ZnMenuItem from "components/menu-item/index";
-    import ZnPanel from "components/panel/index";
-    import ZnSkeleton from "components/skeleton/index";
-    import ZnStyle from "components/style/index";
     import ZnIcon from "components/icon/index";
     import ZnInput from "components/input/index";
+    import ZnMenu from "components/menu/index";
+    import ZnMenuItem from "components/menu-item/index";
     import ZnOptGroup from "components/opt-group/index";
     import ZnOption from "components/option/index";
+    import ZnPanel from "components/panel/index";
     import ZnSelect from "components/select/index";
+    import ZnSkeleton from "components/skeleton/index";
+    import ZnStyle from "components/style/index";
     interface Cell {
         text: string;
         subText?: string;
@@ -4884,6 +4887,7 @@ declare module "components/data-table/data-table.component" {
         connectedCallback(): void;
         protected firstUpdated(): void;
         protected updated(changed: PropertyValues): void;
+        private syncPageIndicator;
         private publishFilterSuggestions;
         private getTemplate;
         disconnectedCallback(): void;
@@ -6341,6 +6345,7 @@ declare module "components/navbar/navbar.component" {
         private _indicator;
         private _indicatorFrame;
         private _indicatorTab;
+        private _indicatorStripWidth;
         private _indicatorTarget;
         private _expandable;
         private readonly _lightDomClones;