@kubex/zinc 1.0.21 → 1.0.23

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.
@@ -1644,171 +1644,6 @@
1644
1644
  }
1645
1645
  ]
1646
1646
  },
1647
- {
1648
- "kind": "javascript-module",
1649
- "path": "components/button-group/button-group.js",
1650
- "declarations": [
1651
- {
1652
- "kind": "class",
1653
- "description": "",
1654
- "name": "ZnButtonGroup",
1655
- "cssProperties": [
1656
- {
1657
- "description": "Use flex-grow to fill available space.",
1658
- "name": "--grow"
1659
- },
1660
- {
1661
- "description": "Justify content at the start of the flex space.",
1662
- "name": "--start"
1663
- }
1664
- ],
1665
- "cssParts": [
1666
- {
1667
- "description": "The component's base wrapper.",
1668
- "name": "base"
1669
- }
1670
- ],
1671
- "slots": [
1672
- {
1673
- "description": "The default slot.",
1674
- "name": ""
1675
- }
1676
- ],
1677
- "members": [
1678
- {
1679
- "kind": "field",
1680
- "name": "direction",
1681
- "type": {
1682
- "text": "'horizontal' | 'vertical'"
1683
- },
1684
- "default": "'horizontal'",
1685
- "attribute": "direction"
1686
- },
1687
- {
1688
- "kind": "field",
1689
- "name": "grow",
1690
- "type": {
1691
- "text": "boolean"
1692
- },
1693
- "default": "false",
1694
- "attribute": "grow"
1695
- },
1696
- {
1697
- "kind": "field",
1698
- "name": "wrap",
1699
- "type": {
1700
- "text": "boolean"
1701
- },
1702
- "default": "false",
1703
- "attribute": "wrap"
1704
- },
1705
- {
1706
- "kind": "field",
1707
- "name": "start",
1708
- "type": {
1709
- "text": "boolean"
1710
- },
1711
- "default": "false",
1712
- "attribute": "start"
1713
- },
1714
- {
1715
- "kind": "field",
1716
- "name": "gap",
1717
- "type": {
1718
- "text": "boolean"
1719
- },
1720
- "default": "false",
1721
- "attribute": "gap"
1722
- },
1723
- {
1724
- "kind": "field",
1725
- "name": "defaultSlot",
1726
- "type": {
1727
- "text": "HTMLSlotElement"
1728
- }
1729
- },
1730
- {
1731
- "kind": "method",
1732
- "name": "handleSlotChange",
1733
- "privacy": "private"
1734
- }
1735
- ],
1736
- "events": [
1737
- {
1738
- "description": "Emitted as an example.",
1739
- "name": "zn-event-name"
1740
- }
1741
- ],
1742
- "attributes": [
1743
- {
1744
- "name": "direction",
1745
- "type": {
1746
- "text": "'horizontal' | 'vertical'"
1747
- },
1748
- "default": "'horizontal'",
1749
- "fieldName": "direction"
1750
- },
1751
- {
1752
- "name": "grow",
1753
- "type": {
1754
- "text": "boolean"
1755
- },
1756
- "default": "false",
1757
- "fieldName": "grow"
1758
- },
1759
- {
1760
- "name": "wrap",
1761
- "type": {
1762
- "text": "boolean"
1763
- },
1764
- "default": "false",
1765
- "fieldName": "wrap"
1766
- },
1767
- {
1768
- "name": "start",
1769
- "type": {
1770
- "text": "boolean"
1771
- },
1772
- "default": "false",
1773
- "fieldName": "start"
1774
- },
1775
- {
1776
- "name": "gap",
1777
- "type": {
1778
- "text": "boolean"
1779
- },
1780
- "default": "false",
1781
- "fieldName": "gap"
1782
- }
1783
- ],
1784
- "superclass": {
1785
- "name": "ZincElement",
1786
- "module": "/src/internal/zinc-element"
1787
- },
1788
- "summary": "Short summary of the component's intended use.",
1789
- "tagNameWithoutPrefix": "button-group",
1790
- "tagName": "zn-button-group",
1791
- "customElement": true,
1792
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/button-group\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 *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --grow - Use flex-grow to fill available space.\n * @cssproperty --start - Justify content at the start of the flex space.\n */",
1793
- "documentation": "https://zinc.style/components/button-group",
1794
- "status": "experimental",
1795
- "since": "1.0",
1796
- "dependencies": [
1797
- "zn-example"
1798
- ]
1799
- }
1800
- ],
1801
- "exports": [
1802
- {
1803
- "kind": "js",
1804
- "name": "default",
1805
- "declaration": {
1806
- "name": "ZnButtonGroup",
1807
- "module": "components/button-group/button-group.js"
1808
- }
1809
- }
1810
- ]
1811
- },
1812
1647
  {
1813
1648
  "kind": "javascript-module",
1814
1649
  "path": "components/button-menu/button-menu.js",
@@ -2094,6 +1929,171 @@
2094
1929
  }
2095
1930
  ]
2096
1931
  },
1932
+ {
1933
+ "kind": "javascript-module",
1934
+ "path": "components/button-group/button-group.js",
1935
+ "declarations": [
1936
+ {
1937
+ "kind": "class",
1938
+ "description": "",
1939
+ "name": "ZnButtonGroup",
1940
+ "cssProperties": [
1941
+ {
1942
+ "description": "Use flex-grow to fill available space.",
1943
+ "name": "--grow"
1944
+ },
1945
+ {
1946
+ "description": "Justify content at the start of the flex space.",
1947
+ "name": "--start"
1948
+ }
1949
+ ],
1950
+ "cssParts": [
1951
+ {
1952
+ "description": "The component's base wrapper.",
1953
+ "name": "base"
1954
+ }
1955
+ ],
1956
+ "slots": [
1957
+ {
1958
+ "description": "The default slot.",
1959
+ "name": ""
1960
+ }
1961
+ ],
1962
+ "members": [
1963
+ {
1964
+ "kind": "field",
1965
+ "name": "direction",
1966
+ "type": {
1967
+ "text": "'horizontal' | 'vertical'"
1968
+ },
1969
+ "default": "'horizontal'",
1970
+ "attribute": "direction"
1971
+ },
1972
+ {
1973
+ "kind": "field",
1974
+ "name": "grow",
1975
+ "type": {
1976
+ "text": "boolean"
1977
+ },
1978
+ "default": "false",
1979
+ "attribute": "grow"
1980
+ },
1981
+ {
1982
+ "kind": "field",
1983
+ "name": "wrap",
1984
+ "type": {
1985
+ "text": "boolean"
1986
+ },
1987
+ "default": "false",
1988
+ "attribute": "wrap"
1989
+ },
1990
+ {
1991
+ "kind": "field",
1992
+ "name": "start",
1993
+ "type": {
1994
+ "text": "boolean"
1995
+ },
1996
+ "default": "false",
1997
+ "attribute": "start"
1998
+ },
1999
+ {
2000
+ "kind": "field",
2001
+ "name": "gap",
2002
+ "type": {
2003
+ "text": "boolean"
2004
+ },
2005
+ "default": "false",
2006
+ "attribute": "gap"
2007
+ },
2008
+ {
2009
+ "kind": "field",
2010
+ "name": "defaultSlot",
2011
+ "type": {
2012
+ "text": "HTMLSlotElement"
2013
+ }
2014
+ },
2015
+ {
2016
+ "kind": "method",
2017
+ "name": "handleSlotChange",
2018
+ "privacy": "private"
2019
+ }
2020
+ ],
2021
+ "events": [
2022
+ {
2023
+ "description": "Emitted as an example.",
2024
+ "name": "zn-event-name"
2025
+ }
2026
+ ],
2027
+ "attributes": [
2028
+ {
2029
+ "name": "direction",
2030
+ "type": {
2031
+ "text": "'horizontal' | 'vertical'"
2032
+ },
2033
+ "default": "'horizontal'",
2034
+ "fieldName": "direction"
2035
+ },
2036
+ {
2037
+ "name": "grow",
2038
+ "type": {
2039
+ "text": "boolean"
2040
+ },
2041
+ "default": "false",
2042
+ "fieldName": "grow"
2043
+ },
2044
+ {
2045
+ "name": "wrap",
2046
+ "type": {
2047
+ "text": "boolean"
2048
+ },
2049
+ "default": "false",
2050
+ "fieldName": "wrap"
2051
+ },
2052
+ {
2053
+ "name": "start",
2054
+ "type": {
2055
+ "text": "boolean"
2056
+ },
2057
+ "default": "false",
2058
+ "fieldName": "start"
2059
+ },
2060
+ {
2061
+ "name": "gap",
2062
+ "type": {
2063
+ "text": "boolean"
2064
+ },
2065
+ "default": "false",
2066
+ "fieldName": "gap"
2067
+ }
2068
+ ],
2069
+ "superclass": {
2070
+ "name": "ZincElement",
2071
+ "module": "/src/internal/zinc-element"
2072
+ },
2073
+ "summary": "Short summary of the component's intended use.",
2074
+ "tagNameWithoutPrefix": "button-group",
2075
+ "tagName": "zn-button-group",
2076
+ "customElement": true,
2077
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/button-group\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 *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --grow - Use flex-grow to fill available space.\n * @cssproperty --start - Justify content at the start of the flex space.\n */",
2078
+ "documentation": "https://zinc.style/components/button-group",
2079
+ "status": "experimental",
2080
+ "since": "1.0",
2081
+ "dependencies": [
2082
+ "zn-example"
2083
+ ]
2084
+ }
2085
+ ],
2086
+ "exports": [
2087
+ {
2088
+ "kind": "js",
2089
+ "name": "default",
2090
+ "declaration": {
2091
+ "name": "ZnButtonGroup",
2092
+ "module": "components/button-group/button-group.js"
2093
+ }
2094
+ }
2095
+ ]
2096
+ },
2097
2097
  {
2098
2098
  "kind": "javascript-module",
2099
2099
  "path": "components/chart/chart.js",
@@ -26851,6 +26851,16 @@
26851
26851
  "attribute": "required",
26852
26852
  "reflects": true
26853
26853
  },
26854
+ {
26855
+ "kind": "field",
26856
+ "name": "flush",
26857
+ "type": {
26858
+ "text": "boolean"
26859
+ },
26860
+ "default": "false",
26861
+ "attribute": "flush",
26862
+ "reflects": true
26863
+ },
26854
26864
  {
26855
26865
  "kind": "field",
26856
26866
  "name": "languages",
@@ -26876,7 +26886,7 @@
26876
26886
  "text": "string"
26877
26887
  },
26878
26888
  "privacy": "private",
26879
- "default": "''"
26889
+ "default": "'en'"
26880
26890
  },
26881
26891
  {
26882
26892
  "kind": "field",
@@ -26979,6 +26989,14 @@
26979
26989
  "default": "false",
26980
26990
  "fieldName": "required"
26981
26991
  },
26992
+ {
26993
+ "name": "flush",
26994
+ "type": {
26995
+ "text": "boolean"
26996
+ },
26997
+ "default": "false",
26998
+ "fieldName": "flush"
26999
+ },
26982
27000
  {
26983
27001
  "name": "languages",
26984
27002
  "type": {
@@ -27257,7 +27275,7 @@
27257
27275
  "package": {
27258
27276
  "name": "@kubex/zinc",
27259
27277
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
27260
- "version": "1.0.21",
27278
+ "version": "1.0.23",
27261
27279
  "author": "",
27262
27280
  "license": "MIT"
27263
27281
  }
@@ -212,26 +212,6 @@
212
212
  }
213
213
  ]
214
214
  },
215
- {
216
- "name": "zn-button-group",
217
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--grow** - Use flex-grow to fill available space. _(default: undefined)_\n- **--start** - Justify content at the start of the flex space. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
218
- "attributes": [
219
- {
220
- "name": "direction",
221
- "values": [{ "name": "horizontal" }, { "name": "vertical" }]
222
- },
223
- { "name": "grow", "values": [] },
224
- { "name": "wrap", "values": [] },
225
- { "name": "start", "values": [] },
226
- { "name": "gap", "values": [] }
227
- ],
228
- "references": [
229
- {
230
- "name": "Documentation",
231
- "url": "https://zinc.style/components/button-group"
232
- }
233
- ]
234
- },
235
215
  {
236
216
  "name": "zn-button-menu",
237
217
  "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
@@ -261,6 +241,26 @@
261
241
  }
262
242
  ]
263
243
  },
244
+ {
245
+ "name": "zn-button-group",
246
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--grow** - Use flex-grow to fill available space. _(default: undefined)_\n- **--start** - Justify content at the start of the flex space. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
247
+ "attributes": [
248
+ {
249
+ "name": "direction",
250
+ "values": [{ "name": "horizontal" }, { "name": "vertical" }]
251
+ },
252
+ { "name": "grow", "values": [] },
253
+ { "name": "wrap", "values": [] },
254
+ { "name": "start", "values": [] },
255
+ { "name": "gap", "values": [] }
256
+ ],
257
+ "references": [
258
+ {
259
+ "name": "Documentation",
260
+ "url": "https://zinc.style/components/button-group"
261
+ }
262
+ ]
263
+ },
264
264
  {
265
265
  "name": "zn-chart",
266
266
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -3013,6 +3013,7 @@
3013
3013
  { "name": "label", "values": [] },
3014
3014
  { "name": "disabled", "values": [] },
3015
3015
  { "name": "required", "values": [] },
3016
+ { "name": "flush", "values": [] },
3016
3017
  {
3017
3018
  "name": "languages",
3018
3019
  "values": [{ "name": "Record<string" }, { "name": "string>" }]
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@kubex/zinc",
4
- "version": "1.0.21",
4
+ "version": "1.0.23",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -395,6 +395,52 @@
395
395
  ]
396
396
  }
397
397
  },
398
+ {
399
+ "name": "zn-button-menu",
400
+ "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
401
+ "doc-url": "",
402
+ "attributes": [
403
+ { "name": "max-width", "value": { "type": "number" } },
404
+ { "name": "containerWidth", "value": { "type": "number" } },
405
+ { "name": "limit", "value": { "type": "number", "default": "-1" } },
406
+ {
407
+ "name": "max-level",
408
+ "value": { "type": "number", "default": "2" }
409
+ },
410
+ {
411
+ "name": "size",
412
+ "value": {
413
+ "type": "'content' | 'x-small' | 'small' | 'medium' | 'large'",
414
+ "default": "'medium'"
415
+ }
416
+ },
417
+ {
418
+ "name": "icon-size",
419
+ "value": { "type": "number", "default": "24" }
420
+ },
421
+ { "name": "no-gap", "value": { "type": "boolean" } },
422
+ { "name": "no-padding", "value": { "type": "boolean" } }
423
+ ],
424
+ "slots": [{ "name": "", "description": "The default slot." }],
425
+ "events": [],
426
+ "js": {
427
+ "properties": [
428
+ { "name": "maxWidth", "type": "number" },
429
+ { "name": "containerWidth", "type": "number" },
430
+ { "name": "limit", "type": "number" },
431
+ { "name": "maxLevel", "type": "number" },
432
+ {
433
+ "name": "size",
434
+ "type": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
435
+ },
436
+ { "name": "iconSize", "type": "number" },
437
+ { "name": "noGap", "type": "boolean" },
438
+ { "name": "noPadding", "type": "boolean" },
439
+ { "name": "handleResize" }
440
+ ],
441
+ "events": []
442
+ }
443
+ },
398
444
  {
399
445
  "name": "zn-button-group",
400
446
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--grow** - Use flex-grow to fill available space. _(default: undefined)_\n- **--start** - Justify content at the start of the flex space. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -445,52 +491,6 @@
445
491
  ]
446
492
  }
447
493
  },
448
- {
449
- "name": "zn-button-menu",
450
- "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
451
- "doc-url": "",
452
- "attributes": [
453
- { "name": "max-width", "value": { "type": "number" } },
454
- { "name": "containerWidth", "value": { "type": "number" } },
455
- { "name": "limit", "value": { "type": "number", "default": "-1" } },
456
- {
457
- "name": "max-level",
458
- "value": { "type": "number", "default": "2" }
459
- },
460
- {
461
- "name": "size",
462
- "value": {
463
- "type": "'content' | 'x-small' | 'small' | 'medium' | 'large'",
464
- "default": "'medium'"
465
- }
466
- },
467
- {
468
- "name": "icon-size",
469
- "value": { "type": "number", "default": "24" }
470
- },
471
- { "name": "no-gap", "value": { "type": "boolean" } },
472
- { "name": "no-padding", "value": { "type": "boolean" } }
473
- ],
474
- "slots": [{ "name": "", "description": "The default slot." }],
475
- "events": [],
476
- "js": {
477
- "properties": [
478
- { "name": "maxWidth", "type": "number" },
479
- { "name": "containerWidth", "type": "number" },
480
- { "name": "limit", "type": "number" },
481
- { "name": "maxLevel", "type": "number" },
482
- {
483
- "name": "size",
484
- "type": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
485
- },
486
- { "name": "iconSize", "type": "number" },
487
- { "name": "noGap", "type": "boolean" },
488
- { "name": "noPadding", "type": "boolean" },
489
- { "name": "handleResize" }
490
- ],
491
- "events": []
492
- }
493
- },
494
494
  {
495
495
  "name": "zn-chart",
496
496
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -6990,6 +6990,10 @@
6990
6990
  "name": "required",
6991
6991
  "value": { "type": "boolean", "default": "false" }
6992
6992
  },
6993
+ {
6994
+ "name": "flush",
6995
+ "value": { "type": "boolean", "default": "false" }
6996
+ },
6993
6997
  {
6994
6998
  "name": "languages",
6995
6999
  "value": {
@@ -7010,6 +7014,7 @@
7010
7014
  { "name": "label", "type": "string" },
7011
7015
  { "name": "disabled", "type": "boolean" },
7012
7016
  { "name": "required", "type": "boolean" },
7017
+ { "name": "flush", "type": "boolean" },
7013
7018
  { "name": "languages", "type": "Record<string, string>" },
7014
7019
  { "name": "values", "type": "Record<string, string>" },
7015
7020
  { "name": "validity", "type": "ValidityState" },
package/dist/zn.d.ts CHANGED
@@ -6708,6 +6708,7 @@ declare module "components/translations/translations.component" {
6708
6708
  label: string;
6709
6709
  disabled: boolean;
6710
6710
  required: boolean;
6711
+ flush: boolean;
6711
6712
  languages: Record<string, string>;
6712
6713
  values: Record<string, string>;
6713
6714
  private _activeLanguage;