@kubex/zinc 1.1.84 → 1.1.86

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.
Files changed (11) hide show
  1. package/dist/custom-elements.json +378 -367
  2. package/dist/vscode.html-custom-data.json +16 -16
  3. package/dist/web-types.json +41 -41
  4. package/dist/zn.d.ts +10 -1
  5. package/dist/zn.min.js +105 -104
  6. package/package.json +1 -1
  7. package/src/components/flow-builder/flow-builder.scss +6 -0
  8. package/src/components/preview-frame/preview-frame.component.ts +25 -25
  9. package/src/components/preview-frame/preview-frame.test.ts +48 -0
  10. package/src/components/theme-editor/theme-editor.component.ts +21 -17
  11. package/src/components/theme-editor/theme-editor.scss +17 -34
package/dist/custom-elements.json CHANGED
@@ -833,363 +833,6 @@
833
833
  }
834
834
  ]
835
835
  },
836
- {
837
- "kind": "javascript-module",
838
- "path": "components/bulk-actions/bulk-actions.js",
839
- "declarations": [
840
- {
841
- "kind": "class",
842
- "description": "",
843
- "name": "ZnBulkActions",
844
- "cssProperties": [
845
- {
846
- "description": "An example CSS custom property.",
847
- "name": "--example"
848
- }
849
- ],
850
- "cssParts": [
851
- {
852
- "description": "The component's base wrapper.",
853
- "name": "base"
854
- }
855
- ],
856
- "slots": [
857
- {
858
- "description": "The default slot.",
859
- "name": ""
860
- },
861
- {
862
- "description": "An example slot.",
863
- "name": "example"
864
- }
865
- ],
866
- "members": [
867
- {
868
- "kind": "field",
869
- "name": "dependencies",
870
- "type": {
871
- "text": "object"
872
- },
873
- "static": true,
874
- "default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
875
- },
876
- {
877
- "kind": "field",
878
- "name": "container",
879
- "type": {
880
- "text": "HTMLDivElement"
881
- }
882
- },
883
- {
884
- "kind": "field",
885
- "name": "addRule",
886
- "type": {
887
- "text": "ZnSelect"
888
- }
889
- },
890
- {
891
- "kind": "field",
892
- "name": "input",
893
- "type": {
894
- "text": "HTMLInputElement"
895
- }
896
- },
897
- {
898
- "kind": "field",
899
- "name": "name",
900
- "type": {
901
- "text": "string"
902
- },
903
- "attribute": "name"
904
- },
905
- {
906
- "kind": "field",
907
- "name": "value",
908
- "type": {
909
- "text": "PropertyKey"
910
- },
911
- "attribute": "value"
912
- },
913
- {
914
- "kind": "field",
915
- "name": "actions",
916
- "type": {
917
- "text": "BulkActionData"
918
- },
919
- "default": "[]",
920
- "attribute": "actions"
921
- },
922
- {
923
- "kind": "field",
924
- "name": "_selectedRules",
925
- "type": {
926
- "text": "Map<string, CreatedRule>"
927
- },
928
- "privacy": "private",
929
- "default": "new Map<string, CreatedRule>()"
930
- },
931
- {
932
- "kind": "field",
933
- "name": "_formController",
934
- "type": {
935
- "text": "FormControlController"
936
- },
937
- "privacy": "private",
938
- "default": "new FormControlController(this, {})"
939
- },
940
- {
941
- "kind": "field",
942
- "name": "validationMessage",
943
- "type": {
944
- "text": "string"
945
- },
946
- "readonly": true
947
- },
948
- {
949
- "kind": "field",
950
- "name": "validity",
951
- "type": {
952
- "text": "ValidityState"
953
- },
954
- "readonly": true
955
- },
956
- {
957
- "kind": "method",
958
- "name": "_handleChange",
959
- "privacy": "private"
960
- },
961
- {
962
- "kind": "method",
963
- "name": "_addRule",
964
- "privacy": "private",
965
- "parameters": [
966
- {
967
- "name": "event",
968
- "type": {
969
- "text": "Event | null"
970
- }
971
- },
972
- {
973
- "name": "value",
974
- "default": "\"\"",
975
- "type": {
976
- "text": "string"
977
- }
978
- },
979
- {
980
- "name": "pos",
981
- "optional": true,
982
- "type": {
983
- "text": "number"
984
- }
985
- }
986
- ]
987
- },
988
- {
989
- "kind": "method",
990
- "name": "_createInput",
991
- "privacy": "private",
992
- "return": {
993
- "type": {
994
- "text": "ZnSelect | ZnInput | null"
995
- }
996
- },
997
- "parameters": [
998
- {
999
- "name": "uniqueId",
1000
- "type": {
1001
- "text": "string"
1002
- }
1003
- },
1004
- {
1005
- "name": "filter",
1006
- "type": {
1007
- "text": "BulkActionItem"
1008
- }
1009
- }
1010
- ]
1011
- },
1012
- {
1013
- "kind": "method",
1014
- "name": "_updateValue",
1015
- "privacy": "private",
1016
- "parameters": [
1017
- {
1018
- "name": "id",
1019
- "type": {
1020
- "text": "string"
1021
- }
1022
- },
1023
- {
1024
- "name": "event",
1025
- "type": {
1026
- "text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
1027
- }
1028
- }
1029
- ]
1030
- },
1031
- {
1032
- "kind": "method",
1033
- "name": "_getRulePosition",
1034
- "privacy": "private",
1035
- "return": {
1036
- "type": {
1037
- "text": "number"
1038
- }
1039
- },
1040
- "parameters": [
1041
- {
1042
- "name": "id",
1043
- "type": {
1044
- "text": "string"
1045
- }
1046
- }
1047
- ]
1048
- },
1049
- {
1050
- "kind": "method",
1051
- "name": "_changeRule",
1052
- "privacy": "private",
1053
- "parameters": [
1054
- {
1055
- "name": "id",
1056
- "type": {
1057
- "text": "string"
1058
- }
1059
- },
1060
- {
1061
- "name": "event",
1062
- "type": {
1063
- "text": "ZnChangeEvent"
1064
- }
1065
- }
1066
- ]
1067
- },
1068
- {
1069
- "kind": "method",
1070
- "name": "_removeRule",
1071
- "privacy": "private",
1072
- "parameters": [
1073
- {
1074
- "name": "id",
1075
- "type": {
1076
- "text": "string"
1077
- }
1078
- },
1079
- {
1080
- "name": "event",
1081
- "type": {
1082
- "text": "Event"
1083
- }
1084
- }
1085
- ]
1086
- },
1087
- {
1088
- "kind": "method",
1089
- "name": "checkValidity",
1090
- "return": {
1091
- "type": {
1092
- "text": "boolean"
1093
- }
1094
- }
1095
- },
1096
- {
1097
- "kind": "method",
1098
- "name": "getForm",
1099
- "return": {
1100
- "type": {
1101
- "text": "HTMLFormElement | null"
1102
- }
1103
- }
1104
- },
1105
- {
1106
- "kind": "method",
1107
- "name": "reportValidity",
1108
- "return": {
1109
- "type": {
1110
- "text": "boolean"
1111
- }
1112
- }
1113
- },
1114
- {
1115
- "kind": "method",
1116
- "name": "setCustomValidity",
1117
- "return": {
1118
- "type": {
1119
- "text": "void"
1120
- }
1121
- },
1122
- "parameters": [
1123
- {
1124
- "name": "message",
1125
- "type": {
1126
- "text": "string"
1127
- }
1128
- }
1129
- ]
1130
- }
1131
- ],
1132
- "events": [
1133
- {
1134
- "description": "Emitted as an example.",
1135
- "name": "zn-event-name"
1136
- }
1137
- ],
1138
- "attributes": [
1139
- {
1140
- "name": "name",
1141
- "type": {
1142
- "text": "string"
1143
- },
1144
- "fieldName": "name"
1145
- },
1146
- {
1147
- "name": "value",
1148
- "type": {
1149
- "text": "PropertyKey"
1150
- },
1151
- "fieldName": "value"
1152
- },
1153
- {
1154
- "name": "actions",
1155
- "type": {
1156
- "text": "BulkActionData"
1157
- },
1158
- "default": "[]",
1159
- "fieldName": "actions"
1160
- }
1161
- ],
1162
- "superclass": {
1163
- "name": "ZincElement",
1164
- "module": "/src/internal/zinc-element"
1165
- },
1166
- "summary": "Short summary of the component's intended use.",
1167
- "tagNameWithoutPrefix": "bulk-actions",
1168
- "tagName": "zn-bulk-actions",
1169
- "customElement": true,
1170
- "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 */",
1171
- "documentation": "https://zinc.style/components/bulk-actions",
1172
- "status": "experimental",
1173
- "since": "1.0",
1174
- "dependencies": [
1175
- "zn-button",
1176
- "zn-input",
1177
- "zn-option",
1178
- "zn-select"
1179
- ]
1180
- }
1181
- ],
1182
- "exports": [
1183
- {
1184
- "kind": "js",
1185
- "name": "default",
1186
- "declaration": {
1187
- "name": "ZnBulkActions",
1188
- "module": "components/bulk-actions/bulk-actions.js"
1189
- }
1190
- }
1191
- ]
1192
- },
1193
836
  {
1194
837
  "kind": "javascript-module",
1195
838
  "path": "components/button/button.js",
@@ -2128,6 +1771,363 @@
2128
1771
  }
2129
1772
  ]
2130
1773
  },
1774
+ {
1775
+ "kind": "javascript-module",
1776
+ "path": "components/bulk-actions/bulk-actions.js",
1777
+ "declarations": [
1778
+ {
1779
+ "kind": "class",
1780
+ "description": "",
1781
+ "name": "ZnBulkActions",
1782
+ "cssProperties": [
1783
+ {
1784
+ "description": "An example CSS custom property.",
1785
+ "name": "--example"
1786
+ }
1787
+ ],
1788
+ "cssParts": [
1789
+ {
1790
+ "description": "The component's base wrapper.",
1791
+ "name": "base"
1792
+ }
1793
+ ],
1794
+ "slots": [
1795
+ {
1796
+ "description": "The default slot.",
1797
+ "name": ""
1798
+ },
1799
+ {
1800
+ "description": "An example slot.",
1801
+ "name": "example"
1802
+ }
1803
+ ],
1804
+ "members": [
1805
+ {
1806
+ "kind": "field",
1807
+ "name": "dependencies",
1808
+ "type": {
1809
+ "text": "object"
1810
+ },
1811
+ "static": true,
1812
+ "default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
1813
+ },
1814
+ {
1815
+ "kind": "field",
1816
+ "name": "container",
1817
+ "type": {
1818
+ "text": "HTMLDivElement"
1819
+ }
1820
+ },
1821
+ {
1822
+ "kind": "field",
1823
+ "name": "addRule",
1824
+ "type": {
1825
+ "text": "ZnSelect"
1826
+ }
1827
+ },
1828
+ {
1829
+ "kind": "field",
1830
+ "name": "input",
1831
+ "type": {
1832
+ "text": "HTMLInputElement"
1833
+ }
1834
+ },
1835
+ {
1836
+ "kind": "field",
1837
+ "name": "name",
1838
+ "type": {
1839
+ "text": "string"
1840
+ },
1841
+ "attribute": "name"
1842
+ },
1843
+ {
1844
+ "kind": "field",
1845
+ "name": "value",
1846
+ "type": {
1847
+ "text": "PropertyKey"
1848
+ },
1849
+ "attribute": "value"
1850
+ },
1851
+ {
1852
+ "kind": "field",
1853
+ "name": "actions",
1854
+ "type": {
1855
+ "text": "BulkActionData"
1856
+ },
1857
+ "default": "[]",
1858
+ "attribute": "actions"
1859
+ },
1860
+ {
1861
+ "kind": "field",
1862
+ "name": "_selectedRules",
1863
+ "type": {
1864
+ "text": "Map<string, CreatedRule>"
1865
+ },
1866
+ "privacy": "private",
1867
+ "default": "new Map<string, CreatedRule>()"
1868
+ },
1869
+ {
1870
+ "kind": "field",
1871
+ "name": "_formController",
1872
+ "type": {
1873
+ "text": "FormControlController"
1874
+ },
1875
+ "privacy": "private",
1876
+ "default": "new FormControlController(this, {})"
1877
+ },
1878
+ {
1879
+ "kind": "field",
1880
+ "name": "validationMessage",
1881
+ "type": {
1882
+ "text": "string"
1883
+ },
1884
+ "readonly": true
1885
+ },
1886
+ {
1887
+ "kind": "field",
1888
+ "name": "validity",
1889
+ "type": {
1890
+ "text": "ValidityState"
1891
+ },
1892
+ "readonly": true
1893
+ },
1894
+ {
1895
+ "kind": "method",
1896
+ "name": "_handleChange",
1897
+ "privacy": "private"
1898
+ },
1899
+ {
1900
+ "kind": "method",
1901
+ "name": "_addRule",
1902
+ "privacy": "private",
1903
+ "parameters": [
1904
+ {
1905
+ "name": "event",
1906
+ "type": {
1907
+ "text": "Event | null"
1908
+ }
1909
+ },
1910
+ {
1911
+ "name": "value",
1912
+ "default": "\"\"",
1913
+ "type": {
1914
+ "text": "string"
1915
+ }
1916
+ },
1917
+ {
1918
+ "name": "pos",
1919
+ "optional": true,
1920
+ "type": {
1921
+ "text": "number"
1922
+ }
1923
+ }
1924
+ ]
1925
+ },
1926
+ {
1927
+ "kind": "method",
1928
+ "name": "_createInput",
1929
+ "privacy": "private",
1930
+ "return": {
1931
+ "type": {
1932
+ "text": "ZnSelect | ZnInput | null"
1933
+ }
1934
+ },
1935
+ "parameters": [
1936
+ {
1937
+ "name": "uniqueId",
1938
+ "type": {
1939
+ "text": "string"
1940
+ }
1941
+ },
1942
+ {
1943
+ "name": "filter",
1944
+ "type": {
1945
+ "text": "BulkActionItem"
1946
+ }
1947
+ }
1948
+ ]
1949
+ },
1950
+ {
1951
+ "kind": "method",
1952
+ "name": "_updateValue",
1953
+ "privacy": "private",
1954
+ "parameters": [
1955
+ {
1956
+ "name": "id",
1957
+ "type": {
1958
+ "text": "string"
1959
+ }
1960
+ },
1961
+ {
1962
+ "name": "event",
1963
+ "type": {
1964
+ "text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
1965
+ }
1966
+ }
1967
+ ]
1968
+ },
1969
+ {
1970
+ "kind": "method",
1971
+ "name": "_getRulePosition",
1972
+ "privacy": "private",
1973
+ "return": {
1974
+ "type": {
1975
+ "text": "number"
1976
+ }
1977
+ },
1978
+ "parameters": [
1979
+ {
1980
+ "name": "id",
1981
+ "type": {
1982
+ "text": "string"
1983
+ }
1984
+ }
1985
+ ]
1986
+ },
1987
+ {
1988
+ "kind": "method",
1989
+ "name": "_changeRule",
1990
+ "privacy": "private",
1991
+ "parameters": [
1992
+ {
1993
+ "name": "id",
1994
+ "type": {
1995
+ "text": "string"
1996
+ }
1997
+ },
1998
+ {
1999
+ "name": "event",
2000
+ "type": {
2001
+ "text": "ZnChangeEvent"
2002
+ }
2003
+ }
2004
+ ]
2005
+ },
2006
+ {
2007
+ "kind": "method",
2008
+ "name": "_removeRule",
2009
+ "privacy": "private",
2010
+ "parameters": [
2011
+ {
2012
+ "name": "id",
2013
+ "type": {
2014
+ "text": "string"
2015
+ }
2016
+ },
2017
+ {
2018
+ "name": "event",
2019
+ "type": {
2020
+ "text": "Event"
2021
+ }
2022
+ }
2023
+ ]
2024
+ },
2025
+ {
2026
+ "kind": "method",
2027
+ "name": "checkValidity",
2028
+ "return": {
2029
+ "type": {
2030
+ "text": "boolean"
2031
+ }
2032
+ }
2033
+ },
2034
+ {
2035
+ "kind": "method",
2036
+ "name": "getForm",
2037
+ "return": {
2038
+ "type": {
2039
+ "text": "HTMLFormElement | null"
2040
+ }
2041
+ }
2042
+ },
2043
+ {
2044
+ "kind": "method",
2045
+ "name": "reportValidity",
2046
+ "return": {
2047
+ "type": {
2048
+ "text": "boolean"
2049
+ }
2050
+ }
2051
+ },
2052
+ {
2053
+ "kind": "method",
2054
+ "name": "setCustomValidity",
2055
+ "return": {
2056
+ "type": {
2057
+ "text": "void"
2058
+ }
2059
+ },
2060
+ "parameters": [
2061
+ {
2062
+ "name": "message",
2063
+ "type": {
2064
+ "text": "string"
2065
+ }
2066
+ }
2067
+ ]
2068
+ }
2069
+ ],
2070
+ "events": [
2071
+ {
2072
+ "description": "Emitted as an example.",
2073
+ "name": "zn-event-name"
2074
+ }
2075
+ ],
2076
+ "attributes": [
2077
+ {
2078
+ "name": "name",
2079
+ "type": {
2080
+ "text": "string"
2081
+ },
2082
+ "fieldName": "name"
2083
+ },
2084
+ {
2085
+ "name": "value",
2086
+ "type": {
2087
+ "text": "PropertyKey"
2088
+ },
2089
+ "fieldName": "value"
2090
+ },
2091
+ {
2092
+ "name": "actions",
2093
+ "type": {
2094
+ "text": "BulkActionData"
2095
+ },
2096
+ "default": "[]",
2097
+ "fieldName": "actions"
2098
+ }
2099
+ ],
2100
+ "superclass": {
2101
+ "name": "ZincElement",
2102
+ "module": "/src/internal/zinc-element"
2103
+ },
2104
+ "summary": "Short summary of the component's intended use.",
2105
+ "tagNameWithoutPrefix": "bulk-actions",
2106
+ "tagName": "zn-bulk-actions",
2107
+ "customElement": true,
2108
+ "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 */",
2109
+ "documentation": "https://zinc.style/components/bulk-actions",
2110
+ "status": "experimental",
2111
+ "since": "1.0",
2112
+ "dependencies": [
2113
+ "zn-button",
2114
+ "zn-input",
2115
+ "zn-option",
2116
+ "zn-select"
2117
+ ]
2118
+ }
2119
+ ],
2120
+ "exports": [
2121
+ {
2122
+ "kind": "js",
2123
+ "name": "default",
2124
+ "declaration": {
2125
+ "name": "ZnBulkActions",
2126
+ "module": "components/bulk-actions/bulk-actions.js"
2127
+ }
2128
+ }
2129
+ ]
2130
+ },
2131
2131
  {
2132
2132
  "kind": "javascript-module",
2133
2133
  "path": "components/button-group/button-group.js",
@@ -29331,7 +29331,7 @@
29331
29331
  "text": "string"
29332
29332
  },
29333
29333
  "default": "'form'",
29334
- "description": "Selector for forms whose saves are left to the shell but should still\nrefresh the preview. These are never intercepted: the shell submits them\n(so its own response handling — alerts, refreshes — runs as normal) and the\npreview re-fetches its config once the shell reports the save complete.\nSet empty to disable.",
29334
+ "description": "Selector for forms whose saves are left to the shell but should still\nrefresh the preview. These are never intercepted: the shell submits them\n(so its own response handling — alerts, refreshes — runs as normal) and the\npreview re-fetches its config once the shell reports the save complete.\nMatched by delegation on the shell's bubbled `complete` event rather than\nby attaching to the forms themselves, so a save anywhere on the page\nrefreshes the preview — including forms in a different DOM root, e.g. a\npage-level form saved while the preview sits inside a tab panel's shadow\nroot (a page's Template select lives on one tab, its preview on another).\nSet empty to disable.",
29335
29335
  "attribute": "refresh-on"
29336
29336
  },
29337
29337
  {
@@ -29467,17 +29467,27 @@
29467
29467
  },
29468
29468
  {
29469
29469
  "kind": "field",
29470
- "name": "_refreshForms",
29470
+ "name": "_debounceTimers",
29471
29471
  "privacy": "private",
29472
29472
  "readonly": true,
29473
- "default": "new Set<HTMLFormElement>()"
29473
+ "default": "new Map<HTMLFormElement, number>()"
29474
29474
  },
29475
29475
  {
29476
29476
  "kind": "field",
29477
- "name": "_debounceTimers",
29477
+ "name": "_shellSaveRoots",
29478
+ "type": {
29479
+ "text": "EventTarget[]"
29480
+ },
29478
29481
  "privacy": "private",
29479
- "readonly": true,
29480
- "default": "new Map<HTMLFormElement, number>()"
29482
+ "default": "[]"
29483
+ },
29484
+ {
29485
+ "kind": "field",
29486
+ "name": "_lastShellSave",
29487
+ "type": {
29488
+ "text": "Event | undefined"
29489
+ },
29490
+ "privacy": "private"
29481
29491
  },
29482
29492
  {
29483
29493
  "kind": "field",
@@ -29656,7 +29666,7 @@
29656
29666
  "text": "string"
29657
29667
  },
29658
29668
  "default": "'form'",
29659
- "description": "Selector for forms whose saves are left to the shell but should still\nrefresh the preview. These are never intercepted: the shell submits them\n(so its own response handling — alerts, refreshes — runs as normal) and the\npreview re-fetches its config once the shell reports the save complete.\nSet empty to disable.",
29669
+ "description": "Selector for forms whose saves are left to the shell but should still\nrefresh the preview. These are never intercepted: the shell submits them\n(so its own response handling — alerts, refreshes — runs as normal) and the\npreview re-fetches its config once the shell reports the save complete.\nMatched by delegation on the shell's bubbled `complete` event rather than\nby attaching to the forms themselves, so a save anywhere on the page\nrefreshes the preview — including forms in a different DOM root, e.g. a\npage-level form saved while the preview sits inside a tab panel's shadow\nroot (a page's Template select lives on one tab, its preview on another).\nSet empty to disable.",
29660
29670
  "fieldName": "refreshOn"
29661
29671
  },
29662
29672
  {
@@ -42069,7 +42079,7 @@
42069
42079
  "text": "object"
42070
42080
  },
42071
42081
  "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, }"
42082
+ "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
42083
  },
42074
42084
  {
42075
42085
  "kind": "field",
@@ -43068,7 +43078,7 @@
43068
43078
  "tagNameWithoutPrefix": "theme-editor",
43069
43079
  "tagName": "zn-theme-editor",
43070
43080
  "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 */",
43081
+ "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
43082
  "documentation": "https://zinc.style/components/theme-editor",
43073
43083
  "status": "experimental",
43074
43084
  "since": "1.0",
@@ -43077,6 +43087,7 @@
43077
43087
  "zn-preview-frame",
43078
43088
  "zn-icon",
43079
43089
  "zn-button",
43090
+ "zn-button-group",
43080
43091
  "zn-tabs",
43081
43092
  "zn-navbar",
43082
43093
  "zn-select"
@@ -45850,7 +45861,7 @@
45850
45861
  "package": {
45851
45862
  "name": "@kubex/zinc",
45852
45863
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
45853
- "version": "1.1.84",
45864
+ "version": "1.1.86",
45854
45865
  "author": "",
45855
45866
  "license": "MIT"
45856
45867
  }