@kubex/zinc 1.0.104 → 1.0.105

package/dist/custom-elements.json

@@ -16340,7 +16340,11 @@
           "cssParts": [
             {
               "description": "The component's base wrapper.",
-              "name": "base"
+              "name": "base",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             },
             {
               "description": "The toolbar containing the view-mode and fullscreen controls.",
@@ -16363,6 +16367,30 @@
             {
               "description": "Help text shown below the editor. Alternatively, use the `help-text` attribute.",
               "name": "help-text"
+            },
+            {
+              "description": "The panel's main content.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "Actions displayed in the panel header (buttons, chips, etc).",
+              "name": "actions",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "description": "Content displayed in the panel footer.",
+              "name": "footer",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             }
           ],
           "members": [
@@ -16375,10 +16403,10 @@
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "markdownSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'label', 'help-text')"
+              "default": "new HasSlotController(this, 'label', 'help-text', 'actions', 'footer')"
             },
             {
               "kind": "field",
@@ -16533,7 +16561,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the editor is currently expanded to cover its containing positioned ancestor."
+              "description": "Whether the editor is currently expanded to cover its containing positioned ancestor.",
+              "attribute": "expanded",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16698,6 +16728,173 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, '[default]', 'actions', 'footer')",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "basis",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "basis-px",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "caption",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "description",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabbed",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "tabbed",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "underlineHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "header-underline",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "cosmic",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "cosmic",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flush",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "flush",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flushX",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "flush-x",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flushY",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "flush-y",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "flushFooter",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "flush-footer",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "transparent",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "transparent",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "shadow",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "components/panel/panel.js"
+              }
             }
           ],
           "events": [
@@ -16816,11 +17013,163 @@
               "default": "false",
               "description": "Disables the editor.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the editor is currently expanded to cover its containing positioned ancestor.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "basis-px",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "basis",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "caption",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "description",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "tabbed",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "tabbed",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "header-underline",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "underlineHeader",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "cosmic",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "cosmic",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flush",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush-x",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flushX",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush-y",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flushY",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "flush-footer",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "flushFooter",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "transparent",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "transparent",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            },
+            {
+              "name": "shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "shadow",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
+            "name": "ZnPanel",
+            "module": "/src/components/panel/panel.component"
           },
           "summary": "A markdown editor with live preview, split view, and a fullscreen mode.",
           "tagNameWithoutPrefix": "markdown-editor",
@@ -16834,6 +17183,16 @@
             "zn-textarea",
             "zn-button-group",
             "zn-icon"
+          ],
+          "cssProperties": [
+            {
+              "description": "The flex-basis of the panel. Can be set using the basis-px attribute.",
+              "name": "--zn-panel-basis",
+              "inheritedFrom": {
+                "name": "ZnPanel",
+                "module": "src/components/panel/panel.component.ts"
+              }
+            }
           ]
         }
       ],
@@ -32562,7 +32921,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.104",
+    "version": "1.0.105",
     "author": "",
     "license": "MIT"
   }

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

@@ -1956,7 +1956,7 @@
     },
     {
       "name": "zn-markdown-editor",
-      "description": "A markdown editor with live preview, split view, and a fullscreen mode.\n---\n\n\n### **Events:**\n - **zn-view-mode-change** - Emitted when the user switches between editor / split / preview.\n- **zn-change** - Emitted when the markdown content changes.\n- **zn-input** - Emitted on each keystroke in the editor.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the editor.\n- **blur()** - Removes focus from the editor.\n\n### **Slots:**\n - **label** - The editor label. Alternatively, use the `label` attribute.\n- **help-text** - Help text shown below the editor. Alternatively, use the `help-text` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The toolbar containing the view-mode and fullscreen controls.\n- **editor** - The textarea wrapper.\n- **preview** - The rendered markdown preview.",
+      "description": "A markdown editor with live preview, split view, and a fullscreen mode.\n---\n\n\n### **Events:**\n - **zn-view-mode-change** - Emitted when the user switches between editor / split / preview.\n- **zn-change** - Emitted when the markdown content changes.\n- **zn-input** - Emitted on each keystroke in the editor.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the editor.\n- **blur()** - Removes focus from the editor.\n\n### **Slots:**\n - **label** - The editor label. Alternatively, use the `label` attribute.\n- **help-text** - Help text shown below the editor. Alternatively, use the `help-text` attribute.\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\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The toolbar containing the view-mode and fullscreen controls.\n- **editor** - The textarea wrapper.\n- **preview** - The rendered markdown preview.",
       "attributes": [
         {
           "name": "name",
@@ -2012,7 +2012,25 @@
           "name": "disabled",
           "description": "Disables the editor.",
           "values": []
-        }
+        },
+        {
+          "name": "expanded",
+          "description": "Whether the editor is currently expanded to cover its containing positioned ancestor.",
+          "values": []
+        },
+        { "name": "basis-px", "values": [] },
+        { "name": "caption", "values": [] },
+        { "name": "icon", "values": [] },
+        { "name": "description", "values": [] },
+        { "name": "tabbed", "values": [] },
+        { "name": "header-underline", "values": [] },
+        { "name": "cosmic", "values": [] },
+        { "name": "flush", "values": [] },
+        { "name": "flush-x", "values": [] },
+        { "name": "flush-y", "values": [] },
+        { "name": "flush-footer", "values": [] },
+        { "name": "transparent", "values": [] },
+        { "name": "shadow", "values": [] }
       ],
       "references": [
         {

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.104",
+  "version": "1.0.105",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4481,7 +4481,7 @@
         },
         {
           "name": "zn-markdown-editor",
-          "description": "A markdown editor with live preview, split view, and a fullscreen mode.\n---\n\n\n### **Events:**\n - **zn-view-mode-change** - Emitted when the user switches between editor / split / preview.\n- **zn-change** - Emitted when the markdown content changes.\n- **zn-input** - Emitted on each keystroke in the editor.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the editor.\n- **blur()** - Removes focus from the editor.\n\n### **Slots:**\n - **label** - The editor label. Alternatively, use the `label` attribute.\n- **help-text** - Help text shown below the editor. Alternatively, use the `help-text` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The toolbar containing the view-mode and fullscreen controls.\n- **editor** - The textarea wrapper.\n- **preview** - The rendered markdown preview.",
+          "description": "A markdown editor with live preview, split view, and a fullscreen mode.\n---\n\n\n### **Events:**\n - **zn-view-mode-change** - Emitted when the user switches between editor / split / preview.\n- **zn-change** - Emitted when the markdown content changes.\n- **zn-input** - Emitted on each keystroke in the editor.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the editor.\n- **blur()** - Removes focus from the editor.\n\n### **Slots:**\n - **label** - The editor label. Alternatively, use the `label` attribute.\n- **help-text** - Help text shown below the editor. Alternatively, use the `help-text` attribute.\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\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **toolbar** - The toolbar containing the view-mode and fullscreen controls.\n- **editor** - The textarea wrapper.\n- **preview** - The rendered markdown preview.",
           "doc-url": "",
           "attributes": [
             {
@@ -4544,7 +4544,25 @@
               "name": "disabled",
               "description": "Disables the editor.",
               "value": { "type": "boolean", "default": "false" }
-            }
+            },
+            {
+              "name": "expanded",
+              "description": "Whether the editor is currently expanded to cover its containing positioned ancestor.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "basis-px", "value": { "type": "number" } },
+            { "name": "caption", "value": { "type": "string" } },
+            { "name": "icon", "value": { "type": "string" } },
+            { "name": "description", "value": { "type": "string" } },
+            { "name": "tabbed", "value": { "type": "boolean" } },
+            { "name": "header-underline", "value": { "type": "boolean" } },
+            { "name": "cosmic", "value": { "type": "boolean" } },
+            { "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" } },
+            { "name": "shadow", "value": { "type": "boolean" } }
           ],
           "slots": [
             {
@@ -4554,6 +4572,15 @@
             {
               "name": "help-text",
               "description": "Help text shown below the editor. Alternatively, use the `help-text` attribute."
+            },
+            { "name": "", "description": "The panel's main content." },
+            {
+              "name": "actions",
+              "description": "Actions displayed in the panel header (buttons, chips, etc)."
+            },
+            {
+              "name": "footer",
+              "description": "Content displayed in the panel footer."
             }
           ],
           "events": [
@@ -4641,7 +4668,20 @@
                 "type": "boolean"
               },
               { "name": "validity", "type": "ValidityState" },
-              { "name": "validationMessage", "type": "string" }
+              { "name": "validationMessage", "type": "string" },
+              { "name": "basis", "type": "number" },
+              { "name": "caption", "type": "string" },
+              { "name": "icon", "type": "string" },
+              { "name": "description", "type": "string" },
+              { "name": "tabbed", "type": "boolean" },
+              { "name": "underlineHeader", "type": "boolean" },
+              { "name": "cosmic", "type": "boolean" },
+              { "name": "flush", "type": "boolean" },
+              { "name": "flushX", "type": "boolean" },
+              { "name": "flushY", "type": "boolean" },
+              { "name": "flushFooter", "type": "boolean" },
+              { "name": "transparent", "type": "boolean" },
+              { "name": "shadow", "type": "boolean" }
             ],
             "events": [
               {

package/dist/zn.d.ts

@@ -7677,9 +7677,9 @@ declare module "components/priority-list/index" {
 }
 declare module "components/markdown-editor/markdown-editor.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
-    import ZincElement from "internal/zinc-element";
     import type { ZincFormControl } from "internal/zinc-element";
     import type ZnTextarea from "components/textarea/index";
+    import ZnPanel from "components/panel/panel.component";
     type ViewMode = 'editor' | 'split' | 'preview';
     /**
      * @summary A markdown editor with live preview, split view, and a fullscreen mode.
@@ -7703,10 +7703,10 @@ declare module "components/markdown-editor/markdown-editor.component" {
      * @csspart editor - The textarea wrapper.
      * @csspart preview - The rendered markdown preview.
      */
-    export default class ZnMarkdownEditor extends ZincElement implements ZincFormControl {
+    export default class ZnMarkdownEditor extends ZnPanel implements ZincFormControl {
         static styles: CSSResultGroup;
         private readonly formControlController;
-        private readonly hasSlotController;
+        private readonly markdownSlotController;
         private debounceTimer;
         textarea: ZnTextarea;
         previewEl: HTMLDivElement;