@kubex/zinc 1.0.5 → 1.0.6

package/dist/custom-elements.json

@@ -321,6 +321,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
+            },
             {
               "kind": "field",
               "name": "container",
@@ -332,7 +341,7 @@
               "kind": "field",
               "name": "addRule",
               "type": {
-                "text": "HTMLSelectElement"
+                "text": "ZnSelect"
               }
             },
             {
@@ -423,6 +432,37 @@
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "pos",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_createInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ZnSelect | ZnInput | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "uniqueId",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "filter",
+                  "type": {
+                    "text": "BulkActionItem"
+                  }
                 }
               ]
             },
@@ -440,7 +480,25 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event | { target: HTMLSelectElement | HTMLInputElement | HTMLDivElement }"
+                    "text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getRulePosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
@@ -459,7 +517,7 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "ZnChangeEvent"
                   }
                 }
               ]
@@ -566,12 +624,15 @@
           "tagNameWithoutPrefix": "bulk-actions",
           "tagName": "zn-bulk-actions",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\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 */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\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/bulk-actions",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
-            "zn-example"
+            "zn-button",
+            "zn-input",
+            "zn-option",
+            "zn-select"
           ]
         }
       ],
@@ -1782,6 +1843,15 @@
               "default": "1",
               "attribute": "d-size"
             },
+            {
+              "kind": "field",
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "stacked"
+            },
             {
               "kind": "field",
               "name": "live",
@@ -1891,6 +1961,14 @@
               "default": "1",
               "fieldName": "datapointSize"
             },
+            {
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stacked"
+            },
             {
               "name": "live",
               "type": {
@@ -3501,6 +3579,15 @@
               },
               "attribute": "pad"
             },
+            {
+              "kind": "field",
+              "name": "divide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "divide"
+            },
             {
               "kind": "field",
               "name": "padX",
@@ -3564,6 +3651,14 @@
               },
               "fieldName": "pad"
             },
+            {
+              "name": "divide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "divide"
+            },
             {
               "name": "pad-x",
               "type": {
@@ -4007,6 +4102,16 @@
               "attribute": "short",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "defaultDisplay",
+              "type": {
+                "text": "'text' | 'html'"
+              },
+              "default": "'text'",
+              "attribute": "default-display",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "htmlNodes",
@@ -4037,6 +4142,14 @@
               "privacy": "private",
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "_themeChangeObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_collapseContent",
@@ -4075,6 +4188,24 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "transformLineForImages",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "line",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "showReply",
@@ -4128,6 +4259,14 @@
               },
               "default": "false",
               "fieldName": "short"
+            },
+            {
+              "name": "default-display",
+              "type": {
+                "text": "'text' | 'html'"
+              },
+              "default": "'text'",
+              "fieldName": "defaultDisplay"
             }
           ],
           "superclass": {
@@ -4838,7 +4977,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'zn-button': ZnButton, 'zn-empty-state': ZnEmptyState, 'zn-chip': ZnChip, 'zn-hover-container': ZnHoverContainer, 'zn-dropdown': ZnDropdown, 'zn-menu': ZnMenu, 'zn-menu-item': ZnMenuItem, 'zn-button-group': ZnButtonGroup, 'zn-confirm': ZnConfirm, 'zn-skeleton': ZnSkeleton, }"
+              "default": "{ 'zn-button': ZnButton, 'zn-empty-state': ZnEmptyState, 'zn-chip': ZnChip, 'zn-hover-container': ZnHoverContainer, 'zn-dropdown': ZnDropdown, 'zn-menu': ZnMenu, 'zn-menu-item': ZnMenuItem, 'zn-button-group': ZnButtonGroup, 'zn-confirm': ZnConfirm, 'zn-skeleton': ZnSkeleton, 'zn-style': ZnStyle, }"
             },
             {
               "kind": "field",
@@ -5249,7 +5388,7 @@
                 {
                   "name": "e",
                   "type": {
-                    "text": "PointerEvent"
+                    "text": "Event"
                   }
                 }
               ]
@@ -10483,6 +10622,14 @@
               "kind": "field",
               "name": "submitKeyHandler"
             },
+            {
+              "kind": "field",
+              "name": "captureMouseDown"
+            },
+            {
+              "kind": "field",
+              "name": "captureKeyDown"
+            },
             {
               "kind": "field",
               "name": "handleEditClick"
@@ -21707,6 +21854,15 @@
               "default": "false",
               "attribute": "center"
             },
+            {
+              "kind": "field",
+              "name": "font",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "font"
+            },
             {
               "kind": "field",
               "name": "width",
@@ -21826,6 +21982,14 @@
               "default": "false",
               "fieldName": "center"
             },
+            {
+              "name": "font",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "font"
+            },
             {
               "name": "width",
               "type": {
@@ -25143,7 +25307,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "author": "",
     "license": "MIT"
   }

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

@@ -245,6 +245,7 @@
         { "name": "categories", "values": [{ "name": "string[]" }] },
         { "name": "xAxis", "values": [] },
         { "name": "d-size", "values": [] },
+        { "name": "stacked", "values": [] },
         { "name": "live", "values": [] },
         { "name": "data-url", "values": [] },
         { "name": "live-interval", "values": [] },
@@ -468,6 +469,7 @@
         { "name": "no-gap", "values": [] },
         { "name": "border", "values": [] },
         { "name": "pad", "values": [] },
+        { "name": "divide", "values": [] },
         { "name": "pad-x", "values": [] },
         { "name": "pad-y", "values": [] }
       ],
@@ -549,7 +551,11 @@
         { "name": "sender", "values": [] },
         { "name": "avatar", "values": [] },
         { "name": "outbound", "values": [] },
-        { "name": "short", "values": [] }
+        { "name": "short", "values": [] },
+        {
+          "name": "default-display",
+          "values": [{ "name": "text" }, { "name": "html" }]
+        }
       ],
       "references": [
         {
@@ -2507,6 +2513,7 @@
         { "name": "primary", "values": [] },
         { "name": "accent", "values": [] },
         { "name": "center", "values": [] },
+        { "name": "font", "values": [] },
         { "name": "width", "values": [] },
         { "name": "height", "values": [] },
         { "name": "pad", "values": [] },

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.5",
+  "version": "1.0.6",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -114,7 +114,7 @@
           "js": {
             "properties": [
               { "name": "container", "type": "HTMLDivElement" },
-              { "name": "addRule", "type": "HTMLSelectElement" },
+              { "name": "addRule", "type": "ZnSelect" },
               { "name": "input", "type": "HTMLInputElement" },
               { "name": "name", "type": "string" },
               { "name": "value", "type": "PropertyKey" },
@@ -439,6 +439,10 @@
             },
             { "name": "xAxis", "value": { "type": "string" } },
             { "name": "d-size", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "stacked",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "live",
               "value": { "type": "boolean", "default": "false" }
@@ -475,6 +479,7 @@
               { "name": "categories", "type": "string | string[]" },
               { "name": "xAxis", "type": "string" },
               { "name": "datapointSize", "type": "number" },
+              { "name": "stacked", "type": "boolean" },
               { "name": "live", "type": "boolean" },
               { "name": "dataUrl", "type": "string" },
               { "name": "liveInterval", "type": "number" },
@@ -1004,6 +1009,10 @@
               "value": { "type": "boolean", "default": "false" }
             },
             { "name": "pad", "value": { "type": "boolean" } },
+            {
+              "name": "divide",
+              "value": { "type": "boolean", "default": "false" }
+            },
             { "name": "pad-x", "value": { "type": "boolean" } },
             { "name": "pad-y", "value": { "type": "boolean" } }
           ],
@@ -1021,6 +1030,7 @@
               { "name": "noGap", "type": "boolean" },
               { "name": "border", "type": "boolean" },
               { "name": "pad", "type": "boolean" },
+              { "name": "divide", "type": "boolean" },
               { "name": "padX", "type": "boolean" },
               { "name": "padY", "type": "boolean" }
             ],
@@ -1188,6 +1198,10 @@
             {
               "name": "short",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "default-display",
+              "value": { "type": "'text' | 'html'", "default": "'text'" }
             }
           ],
           "events": [],
@@ -1198,6 +1212,7 @@
               { "name": "avatar", "type": "string" },
               { "name": "outbound", "type": "boolean" },
               { "name": "short", "type": "boolean" },
+              { "name": "defaultDisplay", "type": "'text' | 'html'" },
               { "name": "htmlNodes", "type": "Node[]" },
               { "name": "iframe", "type": "Promise<HTMLIFrameElement>" }
             ],
@@ -2872,6 +2887,8 @@
               { "name": "mouseEventHandler" },
               { "name": "escKeyHandler" },
               { "name": "submitKeyHandler" },
+              { "name": "captureMouseDown" },
+              { "name": "captureKeyDown" },
               { "name": "handleEditClick" },
               { "name": "handleSubmitClick" },
               { "name": "handleCancelClick" },
@@ -5725,6 +5742,7 @@
               "name": "center",
               "value": { "type": "boolean", "default": "false" }
             },
+            { "name": "font", "value": { "type": "string", "default": "''" } },
             { "name": "width", "value": { "type": "string", "default": "''" } },
             {
               "name": "height",
@@ -5752,6 +5770,7 @@
               { "name": "primary", "type": "boolean" },
               { "name": "accent", "type": "boolean" },
               { "name": "center", "type": "boolean" },
+              { "name": "font", "type": "string" },
               { "name": "width", "type": "string" },
               { "name": "height", "type": "string" },
               { "name": "pad", "type": "string" },

package/dist/zn.d.ts

@@ -1622,6 +1622,41 @@ declare module "components/skeleton/index" {
         }
     }
 }
+declare module "components/style/style.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    export default class ZnStyle extends ZincElement {
+        static styles: CSSResultGroup;
+        private readonly localize;
+        color: string;
+        border: boolean;
+        error: boolean;
+        success: boolean;
+        info: boolean;
+        warning: boolean;
+        primary: boolean;
+        accent: boolean;
+        center: boolean;
+        font: string;
+        width: string;
+        height: string;
+        pad: string;
+        margin: string;
+        autoMargin: string;
+        connectedCallback(): void;
+        createRenderRoot(): this;
+    }
+}
+declare module "components/style/index" {
+    import ZnStyle from "components/style/style.component";
+    export * from "components/style/style.component";
+    export default ZnStyle;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-style': ZnStyle;
+        }
+    }
+}
 declare module "components/data-select/providers/country-data-provider" {
     import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
     export const countryDataProvider: LocalDataProvider<DataProviderOption>;
@@ -2464,6 +2499,7 @@ declare module "components/data-table/data-table.component" {
     import ZnMenu from "components/menu/index";
     import ZnMenuItem from "components/menu-item/index";
     import ZnSkeleton from "components/skeleton/index";
+    import ZnStyle from "components/style/index";
     interface Cell {
         text: string;
         column: string;
@@ -2559,6 +2595,7 @@ declare module "components/data-table/data-table.component" {
             'zn-button-group': typeof ZnButtonGroup;
             'zn-confirm': typeof ZnConfirm;
             'zn-skeleton': typeof ZnSkeleton;
+            'zn-style': typeof ZnStyle;
         };
         dataUri: string;
         data: any;
@@ -2615,7 +2652,7 @@ declare module "components/data-table/data-table.component" {
         goToLastPage(): void;
         updateRowsPerPage(event: Event): void;
         selectAll(event: Event): void;
-        selectRow(e: PointerEvent): void;
+        selectRow(e: Event): void;
         clearSelectedRows(event: Event): void;
         updateSort(key: string): () => void;
         renderCell(data: Cell): TemplateResult;
@@ -2671,6 +2708,7 @@ declare module "components/cols/cols.component" {
         noGap: boolean;
         border: boolean;
         pad: boolean;
+        divide: boolean;
         padX: boolean;
         padY: boolean;
         render(): import("lit").TemplateResult<1>;
@@ -2903,6 +2941,7 @@ declare module "components/chart/chart.component" {
         categories: string | string[];
         xAxis: string;
         datapointSize: number;
+        stacked: boolean;
         live: boolean;
         dataUrl: string;
         liveInterval: number;
@@ -3159,6 +3198,8 @@ declare module "components/inline-edit/inline-edit.component" {
         mouseEventHandler: (e: MouseEvent) => void;
         escKeyHandler: (e: KeyboardEvent) => void;
         submitKeyHandler: (e: KeyboardEvent) => void;
+        captureMouseDown: (e: MouseEvent) => void;
+        captureKeyDown: (e: KeyboardEvent) => void;
         handleEditClick: (e: MouseEvent) => void;
         handleSubmitClick: (e: MouseEvent) => void;
         handleCancelClick: (e: MouseEvent) => void;
@@ -3962,6 +4003,10 @@ declare module "components/order-table/index" {
 declare module "components/bulk-actions/bulk-actions.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
+    import ZnButton from "components/button/index";
+    import ZnInput from "components/input/index";
+    import ZnOption from "components/option/index";
+    import ZnSelect from "components/select/index";
     export interface CreatedRule {
         id: string;
         name: string;
@@ -3982,7 +4027,10 @@ declare module "components/bulk-actions/bulk-actions.component" {
      * @status experimental
      * @since 1.0
      *
-     * @dependency zn-example
+     * @dependency zn-button
+     * @dependency zn-input
+     * @dependency zn-option
+     * @dependency zn-select
      *
      * @event zn-event-name - Emitted as an example.
      *
@@ -3995,8 +4043,14 @@ declare module "components/bulk-actions/bulk-actions.component" {
      */
     export default class ZnBulkActions extends ZincElement {
         static styles: CSSResultGroup;
+        static dependencies: {
+            'zn-button': typeof ZnButton;
+            'zn-input': typeof ZnInput;
+            'zn-option': typeof ZnOption;
+            'zn-select': typeof ZnSelect;
+        };
         container: HTMLDivElement;
-        addRule: HTMLSelectElement;
+        addRule: ZnSelect;
         input: HTMLInputElement;
         name: string;
         value: PropertyKey;
@@ -4009,7 +4063,9 @@ declare module "components/bulk-actions/bulk-actions.component" {
         render(): import("lit").TemplateResult<1>;
         private _handleChange;
         private _addRule;
+        private _createInput;
         private _updateValue;
+        private _getRulePosition;
         private _changeRule;
         private _removeRule;
         checkValidity(): boolean;
@@ -6142,40 +6198,6 @@ declare module "components/split-button/index" {
         }
     }
 }
-declare module "components/style/style.component" {
-    import { type CSSResultGroup } from 'lit';
-    import ZincElement from "internal/zinc-element";
-    export default class ZnStyle extends ZincElement {
-        static styles: CSSResultGroup;
-        private readonly localize;
-        color: string;
-        border: boolean;
-        error: boolean;
-        success: boolean;
-        info: boolean;
-        warning: boolean;
-        primary: boolean;
-        accent: boolean;
-        center: boolean;
-        width: string;
-        height: string;
-        pad: string;
-        margin: string;
-        autoMargin: string;
-        connectedCallback(): void;
-        createRenderRoot(): this;
-    }
-}
-declare module "components/style/index" {
-    import ZnStyle from "components/style/style.component";
-    export * from "components/style/style.component";
-    export default ZnStyle;
-    global {
-        interface HTMLElementTagNameMap {
-            'zn-style': ZnStyle;
-        }
-    }
-}
 declare module "components/content-block/content-block.component" {
     import ZincElement from "internal/zinc-element";
     import type { PropertyValues } from 'lit';
@@ -6196,11 +6218,14 @@ declare module "components/content-block/content-block.component" {
         avatar: string;
         outbound: boolean;
         short: boolean;
+        defaultDisplay: 'text' | 'html';
         htmlNodes: Node[];
         iframe: Promise<HTMLIFrameElement>;
         private readonly hasSlotController;
         private _textRows;
+        private _themeChangeObserver?;
         connectedCallback(): void;
+        disconnectedCallback(): void;
         private _collapseContent;
         private _toggleText;
         private _toggleHtml;
@@ -6208,6 +6233,7 @@ declare module "components/content-block/content-block.component" {
         protected render(): import("lit").TemplateResult<1>;
         protected truncateText(): string;
         protected getTextSections(): TextRow[];
+        private transformLineForImages;
         showReply(e: MouseEvent): void;
     }
 }