@kubex/zinc 1.0.10 → 1.0.12

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 (9) hide show
  1. package/dist/custom-elements.json +2030 -2025
  2. package/dist/vscode.html-custom-data.json +157 -157
  3. package/dist/web-types.json +362 -361
  4. package/dist/zn.d.ts +5 -0
  5. package/dist/zn.min.js +3 -3
  6. package/package.json +1 -1
  7. package/src/components/popup/popup.component.ts +8 -1
  8. package/src/components/select/select.component.ts +13 -4
  9. package/src/zinc.ts +7 -1
package/dist/web-types.json CHANGED
@@ -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.10",
4
+ "version": "1.0.12",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -901,63 +901,6 @@
901
901
  ]
902
902
  }
903
903
  },
904
- {
905
- "name": "zn-chip",
906
- "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.",
907
- "doc-url": "",
908
- "attributes": [
909
- { "name": "icon", "value": { "type": "string", "default": "''" } },
910
- {
911
- "name": "type",
912
- "value": {
913
- "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n 'transparent' | 'custom' | 'neutral'",
914
- "default": "'neutral'"
915
- }
916
- },
917
- {
918
- "name": "size",
919
- "value": { "type": "'small' | 'medium' | 'large'" }
920
- },
921
- {
922
- "name": "flush",
923
- "value": { "type": "boolean", "default": "false" }
924
- },
925
- {
926
- "name": "flush-x",
927
- "value": { "type": "boolean", "default": "false" }
928
- },
929
- {
930
- "name": "flush-y",
931
- "value": { "type": "boolean", "default": "false" }
932
- }
933
- ],
934
- "slots": [
935
- { "name": "", "description": "The default slot." },
936
- { "name": "example", "description": "An example slot." }
937
- ],
938
- "events": [
939
- { "name": "zn-event-name", "description": "Emitted as an example." }
940
- ],
941
- "js": {
942
- "properties": [
943
- { "name": "icon", "type": "string" },
944
- {
945
- "name": "type",
946
- "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n 'transparent' | 'custom' | 'neutral'"
947
- },
948
- { "name": "size", "type": "'small' | 'medium' | 'large'" },
949
- { "name": "flush", "type": "boolean" },
950
- { "name": "flushX", "type": "boolean" },
951
- { "name": "flushY", "type": "boolean" }
952
- ],
953
- "events": [
954
- {
955
- "name": "zn-event-name",
956
- "description": "Emitted as an example."
957
- }
958
- ]
959
- }
960
- },
961
904
  {
962
905
  "name": "zn-collapsible",
963
906
  "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
@@ -1026,6 +969,63 @@
1026
969
  "events": []
1027
970
  }
1028
971
  },
972
+ {
973
+ "name": "zn-chip",
974
+ "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.",
975
+ "doc-url": "",
976
+ "attributes": [
977
+ { "name": "icon", "value": { "type": "string", "default": "''" } },
978
+ {
979
+ "name": "type",
980
+ "value": {
981
+ "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n 'transparent' | 'custom' | 'neutral'",
982
+ "default": "'neutral'"
983
+ }
984
+ },
985
+ {
986
+ "name": "size",
987
+ "value": { "type": "'small' | 'medium' | 'large'" }
988
+ },
989
+ {
990
+ "name": "flush",
991
+ "value": { "type": "boolean", "default": "false" }
992
+ },
993
+ {
994
+ "name": "flush-x",
995
+ "value": { "type": "boolean", "default": "false" }
996
+ },
997
+ {
998
+ "name": "flush-y",
999
+ "value": { "type": "boolean", "default": "false" }
1000
+ }
1001
+ ],
1002
+ "slots": [
1003
+ { "name": "", "description": "The default slot." },
1004
+ { "name": "example", "description": "An example slot." }
1005
+ ],
1006
+ "events": [
1007
+ { "name": "zn-event-name", "description": "Emitted as an example." }
1008
+ ],
1009
+ "js": {
1010
+ "properties": [
1011
+ { "name": "icon", "type": "string" },
1012
+ {
1013
+ "name": "type",
1014
+ "type": "'info' | 'success' | 'warning' | 'error' | 'primary' |\n 'transparent' | 'custom' | 'neutral'"
1015
+ },
1016
+ { "name": "size", "type": "'small' | 'medium' | 'large'" },
1017
+ { "name": "flush", "type": "boolean" },
1018
+ { "name": "flushX", "type": "boolean" },
1019
+ { "name": "flushY", "type": "boolean" }
1020
+ ],
1021
+ "events": [
1022
+ {
1023
+ "name": "zn-event-name",
1024
+ "description": "Emitted as an example."
1025
+ }
1026
+ ]
1027
+ }
1028
+ },
1029
1029
  {
1030
1030
  "name": "zn-cols",
1031
1031
  "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.",
@@ -2042,6 +2042,100 @@
2042
2042
  ]
2043
2043
  }
2044
2044
  },
2045
+ {
2046
+ "name": "zn-editor",
2047
+ "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.",
2048
+ "doc-url": "",
2049
+ "attributes": [
2050
+ { "name": "id", "value": { "type": "string" } },
2051
+ { "name": "name", "value": { "type": "string" } },
2052
+ { "name": "value", "value": { "type": "string" } },
2053
+ {
2054
+ "name": "interaction-type",
2055
+ "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
2056
+ },
2057
+ { "name": "attachment-url", "value": { "type": "string" } },
2058
+ {
2059
+ "name": "code-blocks",
2060
+ "value": { "type": "boolean", "default": "false" }
2061
+ },
2062
+ {
2063
+ "name": "dividers",
2064
+ "value": { "type": "boolean", "default": "false" }
2065
+ },
2066
+ {
2067
+ "name": "links",
2068
+ "value": { "type": "boolean", "default": "false" }
2069
+ },
2070
+ {
2071
+ "name": "attachments",
2072
+ "value": { "type": "boolean", "default": "false" }
2073
+ },
2074
+ {
2075
+ "name": "images",
2076
+ "value": { "type": "boolean", "default": "false" }
2077
+ },
2078
+ {
2079
+ "name": "videos",
2080
+ "value": { "type": "boolean", "default": "false" }
2081
+ },
2082
+ {
2083
+ "name": "dates",
2084
+ "value": { "type": "boolean", "default": "false" }
2085
+ },
2086
+ {
2087
+ "name": "emojis",
2088
+ "value": { "type": "boolean", "default": "false" }
2089
+ },
2090
+ {
2091
+ "name": "code",
2092
+ "value": { "type": "boolean", "default": "false" }
2093
+ },
2094
+ {
2095
+ "name": "ai",
2096
+ "value": { "type": "boolean", "default": "false" }
2097
+ },
2098
+ {
2099
+ "name": "ai-path",
2100
+ "value": { "type": "string", "default": "''" }
2101
+ }
2102
+ ],
2103
+ "slots": [
2104
+ { "name": "", "description": "The default slot." },
2105
+ { "name": "example", "description": "An example slot." }
2106
+ ],
2107
+ "events": [
2108
+ { "name": "zn-event-name", "description": "Emitted as an example." }
2109
+ ],
2110
+ "js": {
2111
+ "properties": [
2112
+ { "name": "id", "type": "string" },
2113
+ { "name": "name", "type": "string" },
2114
+ { "name": "value", "type": "string" },
2115
+ { "name": "interactionType", "type": "'ticket' | 'chat'" },
2116
+ { "name": "uploadAttachmentUrl", "type": "string" },
2117
+ { "name": "codeBlocksEnabled", "type": "boolean" },
2118
+ { "name": "dividersEnabled", "type": "boolean" },
2119
+ { "name": "linksEnabled", "type": "boolean" },
2120
+ { "name": "attachmentsEnabled", "type": "boolean" },
2121
+ { "name": "imagesEnabled", "type": "boolean" },
2122
+ { "name": "videosEnabled", "type": "boolean" },
2123
+ { "name": "datesEnabled", "type": "boolean" },
2124
+ { "name": "emojisEnabled", "type": "boolean" },
2125
+ { "name": "codeEnabled", "type": "boolean" },
2126
+ { "name": "aiEnabled", "type": "boolean" },
2127
+ { "name": "aiPath", "type": "string" },
2128
+ { "name": "validity", "type": "ValidityState" },
2129
+ { "name": "validationMessage", "type": "string" }
2130
+ ],
2131
+ "events": [
2132
+ {
2133
+ "name": "zn-event-name",
2134
+ "description": "Emitted as an example."
2135
+ }
2136
+ ]
2137
+ }
2138
+ },
2045
2139
  {
2046
2140
  "name": "zn-dropdown",
2047
2141
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **show()** - Opens the dropdown\n- **hide()** - Closes the dropdown\n- **reposition()** - Instructs the dropdown to reposition itself\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.",
@@ -2168,100 +2262,6 @@
2168
2262
  ]
2169
2263
  }
2170
2264
  },
2171
- {
2172
- "name": "zn-editor",
2173
- "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.",
2174
- "doc-url": "",
2175
- "attributes": [
2176
- { "name": "id", "value": { "type": "string" } },
2177
- { "name": "name", "value": { "type": "string" } },
2178
- { "name": "value", "value": { "type": "string" } },
2179
- {
2180
- "name": "interaction-type",
2181
- "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
2182
- },
2183
- { "name": "attachment-url", "value": { "type": "string" } },
2184
- {
2185
- "name": "code-blocks",
2186
- "value": { "type": "boolean", "default": "false" }
2187
- },
2188
- {
2189
- "name": "dividers",
2190
- "value": { "type": "boolean", "default": "false" }
2191
- },
2192
- {
2193
- "name": "links",
2194
- "value": { "type": "boolean", "default": "false" }
2195
- },
2196
- {
2197
- "name": "attachments",
2198
- "value": { "type": "boolean", "default": "false" }
2199
- },
2200
- {
2201
- "name": "images",
2202
- "value": { "type": "boolean", "default": "false" }
2203
- },
2204
- {
2205
- "name": "videos",
2206
- "value": { "type": "boolean", "default": "false" }
2207
- },
2208
- {
2209
- "name": "dates",
2210
- "value": { "type": "boolean", "default": "false" }
2211
- },
2212
- {
2213
- "name": "emojis",
2214
- "value": { "type": "boolean", "default": "false" }
2215
- },
2216
- {
2217
- "name": "code",
2218
- "value": { "type": "boolean", "default": "false" }
2219
- },
2220
- {
2221
- "name": "ai",
2222
- "value": { "type": "boolean", "default": "false" }
2223
- },
2224
- {
2225
- "name": "ai-path",
2226
- "value": { "type": "string", "default": "''" }
2227
- }
2228
- ],
2229
- "slots": [
2230
- { "name": "", "description": "The default slot." },
2231
- { "name": "example", "description": "An example slot." }
2232
- ],
2233
- "events": [
2234
- { "name": "zn-event-name", "description": "Emitted as an example." }
2235
- ],
2236
- "js": {
2237
- "properties": [
2238
- { "name": "id", "type": "string" },
2239
- { "name": "name", "type": "string" },
2240
- { "name": "value", "type": "string" },
2241
- { "name": "interactionType", "type": "'ticket' | 'chat'" },
2242
- { "name": "uploadAttachmentUrl", "type": "string" },
2243
- { "name": "codeBlocksEnabled", "type": "boolean" },
2244
- { "name": "dividersEnabled", "type": "boolean" },
2245
- { "name": "linksEnabled", "type": "boolean" },
2246
- { "name": "attachmentsEnabled", "type": "boolean" },
2247
- { "name": "imagesEnabled", "type": "boolean" },
2248
- { "name": "videosEnabled", "type": "boolean" },
2249
- { "name": "datesEnabled", "type": "boolean" },
2250
- { "name": "emojisEnabled", "type": "boolean" },
2251
- { "name": "codeEnabled", "type": "boolean" },
2252
- { "name": "aiEnabled", "type": "boolean" },
2253
- { "name": "aiPath", "type": "string" },
2254
- { "name": "validity", "type": "ValidityState" },
2255
- { "name": "validationMessage", "type": "string" }
2256
- ],
2257
- "events": [
2258
- {
2259
- "name": "zn-event-name",
2260
- "description": "Emitted as an example."
2261
- }
2262
- ]
2263
- }
2264
- },
2265
2265
  {
2266
2266
  "name": "zn-empty-state",
2267
2267
  "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.",
@@ -2661,50 +2661,6 @@
2661
2661
  ]
2662
2662
  }
2663
2663
  },
2664
- {
2665
- "name": "zn-form-group",
2666
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
2667
- "doc-url": "",
2668
- "attributes": [
2669
- {
2670
- "name": "label",
2671
- "description": "The form group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
2672
- "value": { "type": "string", "default": "''" }
2673
- },
2674
- {
2675
- "name": "label-tooltip",
2676
- "description": "Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the\n`label-tooltip` slot instead.",
2677
- "value": { "type": "string", "default": "''" }
2678
- },
2679
- {
2680
- "name": "help-text",
2681
- "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
2682
- "value": { "type": "string", "default": "''" }
2683
- }
2684
- ],
2685
- "slots": [{ "name": "", "description": "The default slot." }],
2686
- "events": [],
2687
- "js": {
2688
- "properties": [
2689
- {
2690
- "name": "label",
2691
- "description": "The form group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
2692
- "type": "string"
2693
- },
2694
- {
2695
- "name": "labelTooltip",
2696
- "description": "Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the\n`label-tooltip` slot instead.",
2697
- "type": "string"
2698
- },
2699
- {
2700
- "name": "helpText",
2701
- "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
2702
- "type": "string"
2703
- }
2704
- ],
2705
- "events": []
2706
- }
2707
- },
2708
2664
  {
2709
2665
  "name": "zn-header",
2710
2666
  "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.",
@@ -2759,6 +2715,50 @@
2759
2715
  ]
2760
2716
  }
2761
2717
  },
2718
+ {
2719
+ "name": "zn-form-group",
2720
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
2721
+ "doc-url": "",
2722
+ "attributes": [
2723
+ {
2724
+ "name": "label",
2725
+ "description": "The form group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
2726
+ "value": { "type": "string", "default": "''" }
2727
+ },
2728
+ {
2729
+ "name": "label-tooltip",
2730
+ "description": "Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the\n`label-tooltip` slot instead.",
2731
+ "value": { "type": "string", "default": "''" }
2732
+ },
2733
+ {
2734
+ "name": "help-text",
2735
+ "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
2736
+ "value": { "type": "string", "default": "''" }
2737
+ }
2738
+ ],
2739
+ "slots": [{ "name": "", "description": "The default slot." }],
2740
+ "events": [],
2741
+ "js": {
2742
+ "properties": [
2743
+ {
2744
+ "name": "label",
2745
+ "description": "The form group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
2746
+ "type": "string"
2747
+ },
2748
+ {
2749
+ "name": "labelTooltip",
2750
+ "description": "Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the\n`label-tooltip` slot instead.",
2751
+ "type": "string"
2752
+ },
2753
+ {
2754
+ "name": "helpText",
2755
+ "description": "The form groups help text. If you need to display HTML, use the `help-text` slot instead.",
2756
+ "type": "string"
2757
+ }
2758
+ ],
2759
+ "events": []
2760
+ }
2761
+ },
2762
2762
  {
2763
2763
  "name": "zn-hover-container",
2764
2764
  "description": "The HoverContainer component is used to display additional information when a user hovers over or clicks\non an element.\n---\n\n\n### **Events:**\n - **zn-show** - Emitted when the hover-container is shown.\n- **zn-after-show** - Emitted after the hover-container is shown.\n- **zn-hide** - Emitted when the hover-container is hidden.\n- **zn-after-hide** - Emitted after the hover-container is hidden.\n\n### **Slots:**\n - _default_ - The content of the hover-container\n- **anchor** - The anchor the hover-container is attached to.",
@@ -2871,97 +2871,22 @@
2871
2871
  { "name": "alt", "value": { "type": "string" } },
2872
2872
  { "name": "size", "value": { "type": "number", "default": "24" } },
2873
2873
  {
2874
- "name": "round",
2875
- "value": { "type": "boolean", "default": "false" }
2876
- },
2877
- { "name": "library", "value": { "type": "IconLibrary" } },
2878
- { "name": "color", "value": { "type": "IconColor" } },
2879
- {
2880
- "name": "padded",
2881
- "value": { "type": "boolean", "default": "false" }
2882
- },
2883
- {
2884
- "name": "blink",
2885
- "value": { "type": "boolean", "default": "false" }
2886
- },
2887
- {
2888
- "name": "squared",
2889
- "value": { "type": "boolean", "default": "false" }
2890
- }
2891
- ],
2892
- "slots": [
2893
- { "name": "", "description": "The default slot." },
2894
- { "name": "example", "description": "An example slot." }
2895
- ],
2896
- "events": [
2897
- { "name": "zn-event-name", "description": "Emitted as an example." }
2898
- ],
2899
- "js": {
2900
- "properties": [
2901
- { "name": "src", "type": "string" },
2902
- { "name": "alt", "type": "string" },
2903
- { "name": "size", "type": "number" },
2904
- { "name": "round", "type": "boolean" },
2905
- { "name": "library", "type": "IconLibrary" },
2906
- { "name": "color", "type": "IconColor" },
2907
- { "name": "padded", "type": "boolean" },
2908
- { "name": "blink", "type": "boolean" },
2909
- { "name": "squared", "type": "boolean" },
2910
- { "name": "gravatarOptions", "type": "string" },
2911
- { "name": "defaultLibrary", "type": "IconLibrary" }
2912
- ],
2913
- "events": [
2914
- {
2915
- "name": "zn-event-name",
2916
- "description": "Emitted as an example."
2917
- }
2918
- ]
2919
- }
2920
- },
2921
- {
2922
- "name": "zn-inline-edit",
2923
- "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.",
2924
- "doc-url": "",
2925
- "attributes": [
2926
- { "name": "value", "value": { "type": "string" } },
2927
- { "name": "name", "value": { "type": "string" } },
2928
- { "name": "placeholder", "value": { "type": "string" } },
2929
- { "name": "edit-text", "value": { "type": "string" } },
2930
- { "name": "disabled", "value": { "type": "boolean" } },
2931
- { "name": "inline", "value": { "type": "boolean" } },
2932
- { "name": "padded", "value": { "type": "boolean" } },
2933
- {
2934
- "name": "size",
2935
- "value": {
2936
- "type": "'small' | 'medium' | 'large'",
2937
- "default": "'medium'"
2938
- }
2939
- },
2940
- { "name": "required", "value": { "type": "boolean" } },
2941
- { "name": "pattern", "value": { "type": "string" } },
2942
- {
2943
- "name": "input-type",
2944
- "value": {
2945
- "type": "'select' | 'text' | 'data-select' | 'number'",
2946
- "default": "'text'"
2947
- }
2874
+ "name": "round",
2875
+ "value": { "type": "boolean", "default": "false" }
2948
2876
  },
2877
+ { "name": "library", "value": { "type": "IconLibrary" } },
2878
+ { "name": "color", "value": { "type": "IconColor" } },
2949
2879
  {
2950
- "name": "options",
2951
- "value": { "type": "{ [key: string]: string }", "default": "{}" }
2880
+ "name": "padded",
2881
+ "value": { "type": "boolean", "default": "false" }
2952
2882
  },
2953
- { "name": "provider", "value": { "type": "string" } },
2954
2883
  {
2955
- "name": "icon-position",
2956
- "value": {
2957
- "type": "'start' | 'end' | 'none'",
2958
- "default": "'none'"
2959
- }
2884
+ "name": "blink",
2885
+ "value": { "type": "boolean", "default": "false" }
2960
2886
  },
2961
2887
  {
2962
- "name": "help-text",
2963
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
2964
- "value": { "type": "string", "default": "''" }
2888
+ "name": "squared",
2889
+ "value": { "type": "boolean", "default": "false" }
2965
2890
  }
2966
2891
  ],
2967
2892
  "slots": [
@@ -2973,42 +2898,17 @@
2973
2898
  ],
2974
2899
  "js": {
2975
2900
  "properties": [
2976
- { "name": "value", "type": "string" },
2977
- { "name": "name", "type": "string" },
2978
- { "name": "placeholder", "type": "string" },
2979
- { "name": "editText", "type": "string" },
2980
- { "name": "disabled", "type": "boolean" },
2981
- { "name": "inline", "type": "boolean" },
2901
+ { "name": "src", "type": "string" },
2902
+ { "name": "alt", "type": "string" },
2903
+ { "name": "size", "type": "number" },
2904
+ { "name": "round", "type": "boolean" },
2905
+ { "name": "library", "type": "IconLibrary" },
2906
+ { "name": "color", "type": "IconColor" },
2982
2907
  { "name": "padded", "type": "boolean" },
2983
- { "name": "size", "type": "'small' | 'medium' | 'large'" },
2984
- { "name": "required", "type": "boolean" },
2985
- { "name": "pattern", "type": "string" },
2986
- {
2987
- "name": "inputType",
2988
- "type": "'select' | 'text' | 'data-select' | 'number'"
2989
- },
2990
- { "name": "options", "type": "{ [key: string]: string }" },
2991
- { "name": "selectProvider", "type": "string" },
2992
- { "name": "iconPosition", "type": "'start' | 'end' | 'none'" },
2993
- {
2994
- "name": "helpText",
2995
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
2996
- "type": "string"
2997
- },
2998
- { "name": "input", "type": "ZnInput | ZnSelect" },
2999
- { "name": "defaultValue", "type": "string" },
3000
- { "name": "validity", "type": "ValidityState" },
3001
- { "name": "validationMessage", "type": "string" },
3002
- { "name": "mouseEventHandler" },
3003
- { "name": "escKeyHandler" },
3004
- { "name": "submitKeyHandler" },
3005
- { "name": "captureMouseDown" },
3006
- { "name": "captureKeyDown" },
3007
- { "name": "handleEditClick" },
3008
- { "name": "handleSubmitClick" },
3009
- { "name": "handleCancelClick" },
3010
- { "name": "handleBlur" },
3011
- { "name": "handleInput" }
2908
+ { "name": "blink", "type": "boolean" },
2909
+ { "name": "squared", "type": "boolean" },
2910
+ { "name": "gravatarOptions", "type": "string" },
2911
+ { "name": "defaultLibrary", "type": "IconLibrary" }
3012
2912
  ],
3013
2913
  "events": [
3014
2914
  {
@@ -3488,6 +3388,106 @@
3488
3388
  ]
3489
3389
  }
3490
3390
  },
3391
+ {
3392
+ "name": "zn-inline-edit",
3393
+ "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.",
3394
+ "doc-url": "",
3395
+ "attributes": [
3396
+ { "name": "value", "value": { "type": "string" } },
3397
+ { "name": "name", "value": { "type": "string" } },
3398
+ { "name": "placeholder", "value": { "type": "string" } },
3399
+ { "name": "edit-text", "value": { "type": "string" } },
3400
+ { "name": "disabled", "value": { "type": "boolean" } },
3401
+ { "name": "inline", "value": { "type": "boolean" } },
3402
+ { "name": "padded", "value": { "type": "boolean" } },
3403
+ {
3404
+ "name": "size",
3405
+ "value": {
3406
+ "type": "'small' | 'medium' | 'large'",
3407
+ "default": "'medium'"
3408
+ }
3409
+ },
3410
+ { "name": "required", "value": { "type": "boolean" } },
3411
+ { "name": "pattern", "value": { "type": "string" } },
3412
+ {
3413
+ "name": "input-type",
3414
+ "value": {
3415
+ "type": "'select' | 'text' | 'data-select' | 'number'",
3416
+ "default": "'text'"
3417
+ }
3418
+ },
3419
+ {
3420
+ "name": "options",
3421
+ "value": { "type": "{ [key: string]: string }", "default": "{}" }
3422
+ },
3423
+ { "name": "provider", "value": { "type": "string" } },
3424
+ {
3425
+ "name": "icon-position",
3426
+ "value": {
3427
+ "type": "'start' | 'end' | 'none'",
3428
+ "default": "'none'"
3429
+ }
3430
+ },
3431
+ {
3432
+ "name": "help-text",
3433
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
3434
+ "value": { "type": "string", "default": "''" }
3435
+ }
3436
+ ],
3437
+ "slots": [
3438
+ { "name": "", "description": "The default slot." },
3439
+ { "name": "example", "description": "An example slot." }
3440
+ ],
3441
+ "events": [
3442
+ { "name": "zn-event-name", "description": "Emitted as an example." }
3443
+ ],
3444
+ "js": {
3445
+ "properties": [
3446
+ { "name": "value", "type": "string" },
3447
+ { "name": "name", "type": "string" },
3448
+ { "name": "placeholder", "type": "string" },
3449
+ { "name": "editText", "type": "string" },
3450
+ { "name": "disabled", "type": "boolean" },
3451
+ { "name": "inline", "type": "boolean" },
3452
+ { "name": "padded", "type": "boolean" },
3453
+ { "name": "size", "type": "'small' | 'medium' | 'large'" },
3454
+ { "name": "required", "type": "boolean" },
3455
+ { "name": "pattern", "type": "string" },
3456
+ {
3457
+ "name": "inputType",
3458
+ "type": "'select' | 'text' | 'data-select' | 'number'"
3459
+ },
3460
+ { "name": "options", "type": "{ [key: string]: string }" },
3461
+ { "name": "selectProvider", "type": "string" },
3462
+ { "name": "iconPosition", "type": "'start' | 'end' | 'none'" },
3463
+ {
3464
+ "name": "helpText",
3465
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead. *",
3466
+ "type": "string"
3467
+ },
3468
+ { "name": "input", "type": "ZnInput | ZnSelect" },
3469
+ { "name": "defaultValue", "type": "string" },
3470
+ { "name": "validity", "type": "ValidityState" },
3471
+ { "name": "validationMessage", "type": "string" },
3472
+ { "name": "mouseEventHandler" },
3473
+ { "name": "escKeyHandler" },
3474
+ { "name": "submitKeyHandler" },
3475
+ { "name": "captureMouseDown" },
3476
+ { "name": "captureKeyDown" },
3477
+ { "name": "handleEditClick" },
3478
+ { "name": "handleSubmitClick" },
3479
+ { "name": "handleCancelClick" },
3480
+ { "name": "handleBlur" },
3481
+ { "name": "handleInput" }
3482
+ ],
3483
+ "events": [
3484
+ {
3485
+ "name": "zn-event-name",
3486
+ "description": "Emitted as an example."
3487
+ }
3488
+ ]
3489
+ }
3490
+ },
3491
3491
  {
3492
3492
  "name": "zn-item",
3493
3493
  "description": "Used for listing items in a description list. Caption on the right, content on the left.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Can either be slotted or use the value attribute\n- **actions** - Used for adding actions to a zn-item.\n\n### **CSS Parts:**\n - **base** - The items base wrapper\n- **caption** - The items caption\n- **icon** - The items icon",
@@ -4057,50 +4057,6 @@
4057
4057
  ]
4058
4058
  }
4059
4059
  },
4060
- {
4061
- "name": "zn-panel",
4062
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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.",
4063
- "doc-url": "",
4064
- "attributes": [
4065
- { "name": "basis-px", "value": { "type": "number" } },
4066
- { "name": "caption", "value": { "type": "string" } },
4067
- { "name": "icon", "value": { "type": "string" } },
4068
- { "name": "description", "value": { "type": "string" } },
4069
- { "name": "tabbed", "value": { "type": "boolean" } },
4070
- { "name": "header-underline", "value": { "type": "boolean" } },
4071
- { "name": "cosmic", "value": { "type": "boolean" } },
4072
- { "name": "flush", "value": { "type": "boolean" } },
4073
- { "name": "flush-x", "value": { "type": "boolean" } },
4074
- { "name": "flush-y", "value": { "type": "boolean" } },
4075
- { "name": "flush-footer", "value": { "type": "boolean" } },
4076
- { "name": "transparent", "value": { "type": "boolean" } },
4077
- { "name": "shadow", "value": { "type": "boolean" } }
4078
- ],
4079
- "slots": [
4080
- { "name": "", "description": "The default slot." },
4081
- { "name": "actions", "description": "The actions slot." },
4082
- { "name": "footer", "description": "The footer slot." }
4083
- ],
4084
- "events": [],
4085
- "js": {
4086
- "properties": [
4087
- { "name": "basis", "type": "number" },
4088
- { "name": "caption", "type": "string" },
4089
- { "name": "icon", "type": "string" },
4090
- { "name": "description", "type": "string" },
4091
- { "name": "tabbed", "type": "boolean" },
4092
- { "name": "underlineHeader", "type": "boolean" },
4093
- { "name": "cosmic", "type": "boolean" },
4094
- { "name": "flush", "type": "boolean" },
4095
- { "name": "flushX", "type": "boolean" },
4096
- { "name": "flushY", "type": "boolean" },
4097
- { "name": "flushFooter", "type": "boolean" },
4098
- { "name": "transparent", "type": "boolean" },
4099
- { "name": "shadow", "type": "boolean" }
4100
- ],
4101
- "events": []
4102
- }
4103
- },
4104
4060
  {
4105
4061
  "name": "zn-popup",
4106
4062
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\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.",
@@ -4349,7 +4305,8 @@
4349
4305
  "name": "hoverBridge",
4350
4306
  "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
4351
4307
  "type": "boolean"
4352
- }
4308
+ },
4309
+ { "name": "handleAnchorHover" }
4353
4310
  ],
4354
4311
  "events": [
4355
4312
  {
@@ -4359,6 +4316,50 @@
4359
4316
  ]
4360
4317
  }
4361
4318
  },
4319
+ {
4320
+ "name": "zn-panel",
4321
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **actions** - The actions slot.\n- **footer** - The footer 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.",
4322
+ "doc-url": "",
4323
+ "attributes": [
4324
+ { "name": "basis-px", "value": { "type": "number" } },
4325
+ { "name": "caption", "value": { "type": "string" } },
4326
+ { "name": "icon", "value": { "type": "string" } },
4327
+ { "name": "description", "value": { "type": "string" } },
4328
+ { "name": "tabbed", "value": { "type": "boolean" } },
4329
+ { "name": "header-underline", "value": { "type": "boolean" } },
4330
+ { "name": "cosmic", "value": { "type": "boolean" } },
4331
+ { "name": "flush", "value": { "type": "boolean" } },
4332
+ { "name": "flush-x", "value": { "type": "boolean" } },
4333
+ { "name": "flush-y", "value": { "type": "boolean" } },
4334
+ { "name": "flush-footer", "value": { "type": "boolean" } },
4335
+ { "name": "transparent", "value": { "type": "boolean" } },
4336
+ { "name": "shadow", "value": { "type": "boolean" } }
4337
+ ],
4338
+ "slots": [
4339
+ { "name": "", "description": "The default slot." },
4340
+ { "name": "actions", "description": "The actions slot." },
4341
+ { "name": "footer", "description": "The footer slot." }
4342
+ ],
4343
+ "events": [],
4344
+ "js": {
4345
+ "properties": [
4346
+ { "name": "basis", "type": "number" },
4347
+ { "name": "caption", "type": "string" },
4348
+ { "name": "icon", "type": "string" },
4349
+ { "name": "description", "type": "string" },
4350
+ { "name": "tabbed", "type": "boolean" },
4351
+ { "name": "underlineHeader", "type": "boolean" },
4352
+ { "name": "cosmic", "type": "boolean" },
4353
+ { "name": "flush", "type": "boolean" },
4354
+ { "name": "flushX", "type": "boolean" },
4355
+ { "name": "flushY", "type": "boolean" },
4356
+ { "name": "flushFooter", "type": "boolean" },
4357
+ { "name": "transparent", "type": "boolean" },
4358
+ { "name": "shadow", "type": "boolean" }
4359
+ ],
4360
+ "events": []
4361
+ }
4362
+ },
4362
4363
  {
4363
4364
  "name": "zn-progress-bar",
4364
4365
  "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.",