@kubex/zinc 1.1.83 → 1.1.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +4 -3
- package/dist/web-types.json +1 -1
- package/dist/zn.d.ts +3 -0
- package/dist/zn.min.js +105 -104
- package/docs/pages/components/theme-editor.md +7 -5
- package/package.json +1 -1
- package/src/components/flow-builder/flow-builder.scss +6 -0
- package/src/components/theme-editor/theme-editor.component.ts +21 -17
- package/src/components/theme-editor/theme-editor.scss +51 -64
|
@@ -42069,7 +42069,7 @@
|
|
|
42069
42069
|
"text": "object"
|
|
42070
42070
|
},
|
|
42071
42071
|
"static": true,
|
|
42072
|
-
"default": "{ 'zn-collapsible': ZnCollapsible, 'zn-preview-frame': ZnPreviewFrame, 'zn-icon': ZnIcon, 'zn-button': ZnButton, 'zn-tabs': ZnTabs, 'zn-navbar': ZnNavbar, 'zn-select': ZnSelect, 'zn-option': ZnOption, }"
|
|
42072
|
+
"default": "{ 'zn-collapsible': ZnCollapsible, 'zn-preview-frame': ZnPreviewFrame, 'zn-icon': ZnIcon, 'zn-button': ZnButton, 'zn-button-group': ZnButtonGroup, 'zn-tabs': ZnTabs, 'zn-navbar': ZnNavbar, 'zn-select': ZnSelect, 'zn-option': ZnOption, }"
|
|
42073
42073
|
},
|
|
42074
42074
|
{
|
|
42075
42075
|
"kind": "field",
|
|
@@ -43068,7 +43068,7 @@
|
|
|
43068
43068
|
"tagNameWithoutPrefix": "theme-editor",
|
|
43069
43069
|
"tagName": "zn-theme-editor",
|
|
43070
43070
|
"customElement": true,
|
|
43071
|
-
"jsDoc": "/**\n * @summary A theme editor: slotted form controls drive a live preview frame,\n * with a toolbar for the preview's light/dark mode and device width.\n * @documentation https://zinc.style/components/theme-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-preview-frame\n * @dependency zn-icon\n * @dependency zn-button\n * @dependency zn-tabs\n * @dependency zn-navbar\n * @dependency zn-select\n *\n * @event zn-theme-change - Emitted when the values, mode or device change.\n * @event zn-theme-submit - Emitted on submit (button click), carrying the\n * current values. With `action` set, only fires after a successful save.\n * @event zn-error - Emitted when a save fails. Also seen for preview render\n * failures: the frame's zn-error is composed and not stopped, so it bubbles\n * out through the editor too.\n *\n * @slot - Ungrouped theme controls, rendered above any sections. Controls\n * assigned `slot=\"<name>\"` matching a `sections` entry (or, when nested, a\n * `groups` entry) render inside that section/group instead. Harvesting and\n * change detection walk every slot's full assigned subtree, not just direct\n * children.\n *\n * With `sections` left unset, the structure is instead derived from the\n * controls' own attributes: `group=\"<label>\"` becomes a tab and\n * `category=\"<label>\"` a collapsible within it, and the control is slotted\n * into that collapsible automatically. Either attribute works alone - a\n * control with only `group` sits directly in its tab, and one with only\n * `category` becomes its own top-level section. Setting `sections`\n * explicitly disables the derivation entirely.\n * @slot toolbar - Actions in the toolbar, right-aligned beside the device\n * controls. Where a save button belongs.\n * @slot footer - Actions pinned beneath the controls. The built-in submit button\n * lives in the toolbar, not here.\n *\n * @csspart base - The component's base wrapper.\n * @csspart controls - The left-hand controls column, full height.\n * @csspart controls-header - The controls column's header row: `controls-caption` on the left, the light/dark mode toggle on the right.\n * @csspart toolbar - The preview column's header row: `preview-caption` on the left, the device switcher (and sources/submit) on the right. Spans the preview column only.\n * @csspart section - A rendered section's or group's collapsible (`section-layout=\"collapsible\"`, or any nested group).\n * @csspart footer - The footer wrapper beneath the controls.\n * @csspart preview - The preview column.\n * @csspart error - The inline error strip.\n * @csspart preview__base - The frame's base wrapper (forwarded from zn-preview-frame).\n * @csspart preview__stage - The frame's device-width wrapper (forwarded from zn-preview-frame).\n * @csspart preview__iframe - The frame's iframe (forwarded from zn-preview-frame).\n * @csspart preview__error - The frame's own error overlay (forwarded from zn-preview-frame).\n *\n * @cssproperty --zn-theme-editor-controls-width - Width of the controls column.\n */",
|
|
43071
|
+
"jsDoc": "/**\n * @summary A theme editor: slotted form controls drive a live preview frame,\n * with a toolbar for the preview's light/dark mode and device width.\n * @documentation https://zinc.style/components/theme-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-preview-frame\n * @dependency zn-icon\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-tabs\n * @dependency zn-navbar\n * @dependency zn-select\n *\n * @event zn-theme-change - Emitted when the values, mode or device change.\n * @event zn-theme-submit - Emitted on submit (button click), carrying the\n * current values. With `action` set, only fires after a successful save.\n * @event zn-error - Emitted when a save fails. Also seen for preview render\n * failures: the frame's zn-error is composed and not stopped, so it bubbles\n * out through the editor too.\n *\n * @slot - Ungrouped theme controls, rendered above any sections. Controls\n * assigned `slot=\"<name>\"` matching a `sections` entry (or, when nested, a\n * `groups` entry) render inside that section/group instead. Harvesting and\n * change detection walk every slot's full assigned subtree, not just direct\n * children.\n *\n * With `sections` left unset, the structure is instead derived from the\n * controls' own attributes: `group=\"<label>\"` becomes a tab and\n * `category=\"<label>\"` a collapsible within it, and the control is slotted\n * into that collapsible automatically. Either attribute works alone - a\n * control with only `group` sits directly in its tab, and one with only\n * `category` becomes its own top-level section. Setting `sections`\n * explicitly disables the derivation entirely.\n * @slot toolbar - Actions in the toolbar, right-aligned beside the device\n * controls. Where a save button belongs.\n * @slot footer - Actions pinned beneath the controls. The built-in submit button\n * lives in the toolbar, not here.\n *\n * @csspart base - The component's base wrapper.\n * @csspart controls - The left-hand controls column, full height.\n * @csspart controls-header - The controls column's header row: `controls-caption` on the left, the light/dark mode toggle on the right.\n * @csspart toolbar - The preview column's header row: `preview-caption` on the left, the device switcher (and sources/submit) on the right. Spans the preview column only.\n * @csspart section - A rendered section's or group's collapsible (`section-layout=\"collapsible\"`, or any nested group).\n * @csspart footer - The footer wrapper beneath the controls.\n * @csspart preview - The preview column.\n * @csspart error - The inline error strip.\n * @csspart preview__base - The frame's base wrapper (forwarded from zn-preview-frame).\n * @csspart preview__stage - The frame's device-width wrapper (forwarded from zn-preview-frame).\n * @csspart preview__iframe - The frame's iframe (forwarded from zn-preview-frame).\n * @csspart preview__error - The frame's own error overlay (forwarded from zn-preview-frame).\n *\n * @cssproperty --zn-theme-editor-controls-width - Width of the controls column.\n */",
|
|
43072
43072
|
"documentation": "https://zinc.style/components/theme-editor",
|
|
43073
43073
|
"status": "experimental",
|
|
43074
43074
|
"since": "1.0",
|
|
@@ -43077,6 +43077,7 @@
|
|
|
43077
43077
|
"zn-preview-frame",
|
|
43078
43078
|
"zn-icon",
|
|
43079
43079
|
"zn-button",
|
|
43080
|
+
"zn-button-group",
|
|
43080
43081
|
"zn-tabs",
|
|
43081
43082
|
"zn-navbar",
|
|
43082
43083
|
"zn-select"
|
|
@@ -45850,7 +45851,7 @@
|
|
|
45850
45851
|
"package": {
|
|
45851
45852
|
"name": "@kubex/zinc",
|
|
45852
45853
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
45853
|
-
"version": "1.1.
|
|
45854
|
+
"version": "1.1.85",
|
|
45854
45855
|
"author": "",
|
|
45855
45856
|
"license": "MIT"
|
|
45856
45857
|
}
|
package/dist/web-types.json
CHANGED
package/dist/zn.d.ts
CHANGED
|
@@ -11102,6 +11102,7 @@ declare module "components/theme-editor/theme-editor.component" {
|
|
|
11102
11102
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
11103
11103
|
import ZincElement from "internal/zinc-element";
|
|
11104
11104
|
import ZnButton from "components/button/index";
|
|
11105
|
+
import ZnButtonGroup from "components/button-group/index";
|
|
11105
11106
|
import ZnCollapsible from "components/collapsible/index";
|
|
11106
11107
|
import ZnIcon from "components/icon/index";
|
|
11107
11108
|
import ZnNavbar from "components/navbar/index";
|
|
@@ -11142,6 +11143,7 @@ declare module "components/theme-editor/theme-editor.component" {
|
|
|
11142
11143
|
* @dependency zn-preview-frame
|
|
11143
11144
|
* @dependency zn-icon
|
|
11144
11145
|
* @dependency zn-button
|
|
11146
|
+
* @dependency zn-button-group
|
|
11145
11147
|
* @dependency zn-tabs
|
|
11146
11148
|
* @dependency zn-navbar
|
|
11147
11149
|
* @dependency zn-select
|
|
@@ -11193,6 +11195,7 @@ declare module "components/theme-editor/theme-editor.component" {
|
|
|
11193
11195
|
'zn-preview-frame': typeof ZnPreviewFrame;
|
|
11194
11196
|
'zn-icon': typeof ZnIcon;
|
|
11195
11197
|
'zn-button': typeof ZnButton;
|
|
11198
|
+
'zn-button-group': typeof ZnButtonGroup;
|
|
11196
11199
|
'zn-tabs': typeof ZnTabs;
|
|
11197
11200
|
'zn-navbar': typeof ZnNavbar;
|
|
11198
11201
|
'zn-select': typeof ZnSelect;
|