@kubex/zinc 1.0.5 → 1.0.7

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.7",
   "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>" }
             ],
@@ -1275,6 +1290,7 @@
             },
             {
               "name": "icon-position",
+              "description": "The position of the icon.",
               "value": {
                 "type": "'start' | 'end' | 'none'",
                 "default": "'none'"
@@ -1332,6 +1348,10 @@
               "name": "required",
               "description": "The selects required attribute.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "icon-only",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -1360,7 +1380,11 @@
                 "description": "The provider of the select.",
                 "type": "'color' | 'currency' | 'country' | 'phone'"
               },
-              { "name": "iconPosition", "type": "'start' | 'end' | 'none'" },
+              {
+                "name": "iconPosition",
+                "description": "The position of the icon.",
+                "type": "'start' | 'end' | 'none'"
+              },
               {
                 "name": "filter",
                 "description": "An array of keys to use for filtering the options in the selected provider.",
@@ -1411,6 +1435,7 @@
                 "description": "The selects required attribute.",
                 "type": "boolean"
               },
+              { "name": "iconOnly", "type": "boolean" },
               { "name": "validationMessage" },
               { "name": "validity", "type": "ValidityState" },
               { "name": "closeOnTab" },
@@ -1478,7 +1503,10 @@
               "name": "empty-state-icon",
               "value": { "type": "string", "default": "\"data_alert\"" }
             },
-            { "name": "hide-checkboxes", "value": { "type": "boolean" } },
+            {
+              "name": "hide-checkboxes",
+              "value": { "type": "boolean", "default": "true" }
+            },
             { "name": "filters", "value": { "type": "[]", "default": "[]" } },
             {
               "name": "method",
@@ -1520,7 +1548,6 @@
               { "name": "method", "type": "'GET' | 'POST'" },
               { "name": "noInitialLoad", "type": "boolean" },
               { "name": "requestParams", "type": "Record<string, any>" },
-              { "name": "builtinRequestParams", "type": "Record<string, any>" },
               { "name": "changeEventListener" }
             ],
             "events": [
@@ -2755,6 +2782,10 @@
               "name": "padded",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "blink",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "squared",
               "value": { "type": "boolean", "default": "false" }
@@ -2776,6 +2807,7 @@
               { "name": "library", "type": "IconLibrary" },
               { "name": "color", "type": "IconColor" },
               { "name": "padded", "type": "boolean" },
+              { "name": "blink", "type": "boolean" },
               { "name": "squared", "type": "boolean" },
               { "name": "gravatarOptions", "type": "string" },
               { "name": "defaultLibrary", "type": "IconLibrary" }
@@ -2872,6 +2904,8 @@
               { "name": "mouseEventHandler" },
               { "name": "escKeyHandler" },
               { "name": "submitKeyHandler" },
+              { "name": "captureMouseDown" },
+              { "name": "captureKeyDown" },
               { "name": "handleEditClick" },
               { "name": "handleSubmitClick" },
               { "name": "handleCancelClick" },
@@ -3923,6 +3957,7 @@
             { "name": "flush", "value": { "type": "boolean" } },
             { "name": "flush-x", "value": { "type": "boolean" } },
             { "name": "flush-y", "value": { "type": "boolean" } },
+            { "name": "flush-footer", "value": { "type": "boolean" } },
             { "name": "transparent", "value": { "type": "boolean" } }
           ],
           "slots": [
@@ -3941,6 +3976,7 @@
               { "name": "flush", "type": "boolean" },
               { "name": "flushX", "type": "boolean" },
               { "name": "flushY", "type": "boolean" },
+              { "name": "flushFooter", "type": "boolean" },
               { "name": "transparent", "type": "boolean" }
             ],
             "events": []
@@ -5725,6 +5761,7 @@
               "name": "center",
               "value": { "type": "boolean", "default": "false" }
             },
+            { "name": "font", "value": { "type": "string", "default": "''" } },
             { "name": "width", "value": { "type": "string", "default": "''" } },
             {
               "name": "height",
@@ -5752,6 +5789,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

@@ -504,6 +504,7 @@ declare module "components/icon/icon.component" {
         library: IconLibrary;
         color: IconColor;
         padded: boolean;
+        blink: boolean;
         squared: boolean;
         gravatarOptions: string;
         defaultLibrary: IconLibrary;
@@ -1518,6 +1519,7 @@ declare module "components/empty-state/empty-state.component" {
         description: string;
         type: 'error' | 'info' | 'primary' | '';
         padded: boolean;
+        private readonly hasSlotController;
         render(): import("lit").TemplateResult<1>;
     }
 }
@@ -1622,6 +1624,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>;
@@ -1997,10 +2034,10 @@ declare module "components/select/index" {
 }
 declare module "components/data-select/data-select.component" {
     import { type DataProviderOption, type LocalDataProvider } from "components/data-select/providers/provider";
+    import { type CSSResultGroup, PropertyValues } from 'lit';
     import { FormControlController } from "internal/form";
-    import ZincElement from "internal/zinc-element";
-    import type { CSSResultGroup } from 'lit';
     import type { ZincFormControl } from "internal/zinc-element";
+    import ZincElement from "internal/zinc-element";
     import type ZnSelect from "components/select/index";
     /**
      * @summary Short summary of the component's intended use.
@@ -2029,6 +2066,7 @@ declare module "components/data-select/data-select.component" {
         value: string;
         /** The provider of the select. */
         provider: 'color' | 'currency' | 'country' | 'phone';
+        /** The position of the icon. */
         iconPosition: 'start' | 'end' | 'none';
         /** An array of keys to use for filtering the options in the selected provider. */
         filter: string[];
@@ -2053,11 +2091,14 @@ declare module "components/data-select/data-select.component" {
         helpText: string;
         /** The selects required attribute. */
         required: boolean;
+        iconOnly: boolean;
         protected readonly formControlController: FormControlController;
         get validationMessage(): string;
         get validity(): ValidityState;
+        constructor();
         connectedCallback(): void;
         disconnectedCallback(): void;
+        protected firstUpdated(_changedProperties: PropertyValues): void;
         checkValidity(): boolean;
         getForm(): HTMLFormElement | null;
         reportValidity(): boolean;
@@ -2070,6 +2111,7 @@ declare module "components/data-select/data-select.component" {
         blur: () => void;
         protected render(): import("lit").TemplateResult<1>;
         private _updatePrefix;
+        private getPlaceholder;
     }
 }
 declare module "components/data-select/index" {
@@ -2464,6 +2506,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 +2602,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;
@@ -2595,7 +2639,6 @@ declare module "components/data-table/data-table.component" {
         private _dataTask;
         private rowHasActions;
         requestParams: Record<string, any>;
-        builtinRequestParams: Record<string, any>;
         refresh(): void;
         render(): TemplateResult<1>;
         connectedCallback(): void;
@@ -2615,7 +2658,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;
@@ -2623,6 +2666,7 @@ declare module "components/data-table/data-table.component" {
         private getTableSortIcon;
         private renderCellHeader;
         private renderCellBody;
+        private isRowSelected;
         private getRows;
         private getSelectedKeys;
         private updateKeys;
@@ -2671,6 +2715,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 +2948,7 @@ declare module "components/chart/chart.component" {
         categories: string | string[];
         xAxis: string;
         datapointSize: number;
+        stacked: boolean;
         live: boolean;
         dataUrl: string;
         liveInterval: number;
@@ -3159,6 +3205,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;
@@ -3406,6 +3454,7 @@ declare module "components/panel/panel.component" {
         flush: boolean;
         flushX: boolean;
         flushY: boolean;
+        flushFooter: boolean;
         transparent: boolean;
         protected firstUpdated(_changedProperties: PropertyValues): void;
         connectedCallback(): void;
@@ -3962,6 +4011,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 +4035,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 +4051,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 +4071,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;
@@ -4166,6 +4230,7 @@ declare module "components/editor/modules/toolbar/toolbar" {
         private _openDatePicker;
         private _openDialog;
         private _handleOverflowUpdate;
+        private _addImage;
     }
     export default Toolbar;
 }
@@ -4189,6 +4254,7 @@ declare module "components/editor/modules/attachment/attachment" {
         constructor(quill: Quill, options: AttachmentOptions);
         private _selectLocalImage;
         private _fileChanged;
+        addAttachment(file: File, dataUrl?: string): void;
         private _attachmentContainer;
         private _createAttachmentContainer;
         private _insertAttachment;
@@ -5715,6 +5781,7 @@ declare module "components/item/item.component" {
         alignEnd: boolean;
         connectedCallback(): void;
         protected updated(_changedProperties: PropertyValues): void;
+        protected _hasContent(): boolean;
         render(): import("lit").TemplateResult<1>;
     }
 }
@@ -6142,40 +6209,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,17 +6229,25 @@ 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 _footerObserver?;
+        private _replaceDebounce;
         connectedCallback(): void;
+        disconnectedCallback(): void;
         private _collapseContent;
         private _toggleText;
         private _toggleHtml;
+        private _resizeIframe;
         protected firstUpdated(_changedProperties: PropertyValues): void;
         protected render(): import("lit").TemplateResult<1>;
         protected truncateText(): string;
+        private _handleSlotChange;
+        private _debouncedReplace;
+        private _replaceImagePlaceholders;
         protected getTextSections(): TextRow[];
         showReply(e: MouseEvent): void;
     }