@kubex/zinc 1.1.183 → 1.1.184
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 +475 -475
- package/dist/vscode.html-custom-data.json +68 -68
- package/dist/web-types.json +126 -126
- package/dist/zn.min.js +6 -6
- package/package.json +1 -1
- package/src/components/tile/tile.component.ts +5 -4
- package/src/components/tile/tile.test.ts +11 -0
|
@@ -56,6 +56,79 @@
|
|
|
56
56
|
}
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
+
{
|
|
60
|
+
"kind": "javascript-module",
|
|
61
|
+
"path": "components/action-bar/action-bar.js",
|
|
62
|
+
"declarations": [
|
|
63
|
+
{
|
|
64
|
+
"kind": "class",
|
|
65
|
+
"description": "",
|
|
66
|
+
"name": "ZnActionBar",
|
|
67
|
+
"cssProperties": [
|
|
68
|
+
{
|
|
69
|
+
"description": "An example CSS custom property.",
|
|
70
|
+
"name": "--example"
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"cssParts": [
|
|
74
|
+
{
|
|
75
|
+
"description": "The component's base wrapper.",
|
|
76
|
+
"name": "base"
|
|
77
|
+
}
|
|
78
|
+
],
|
|
79
|
+
"slots": [
|
|
80
|
+
{
|
|
81
|
+
"description": "The default slot.",
|
|
82
|
+
"name": ""
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"description": "An example slot.",
|
|
86
|
+
"name": "example"
|
|
87
|
+
}
|
|
88
|
+
],
|
|
89
|
+
"members": [
|
|
90
|
+
{
|
|
91
|
+
"kind": "field",
|
|
92
|
+
"name": "localize",
|
|
93
|
+
"privacy": "private",
|
|
94
|
+
"readonly": true,
|
|
95
|
+
"default": "new LocalizeController(this)"
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"events": [
|
|
99
|
+
{
|
|
100
|
+
"description": "Emitted as an example.",
|
|
101
|
+
"name": "zn-event-name"
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
"superclass": {
|
|
105
|
+
"name": "ZincElement",
|
|
106
|
+
"module": "/src/internal/zinc-element"
|
|
107
|
+
},
|
|
108
|
+
"summary": "Short summary of the component's intended use.",
|
|
109
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
110
|
+
"tagName": "zn-action-bar",
|
|
111
|
+
"customElement": true,
|
|
112
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\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 * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
113
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
114
|
+
"status": "experimental",
|
|
115
|
+
"since": "1.0",
|
|
116
|
+
"dependencies": [
|
|
117
|
+
"zn-example"
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
],
|
|
121
|
+
"exports": [
|
|
122
|
+
{
|
|
123
|
+
"kind": "js",
|
|
124
|
+
"name": "default",
|
|
125
|
+
"declaration": {
|
|
126
|
+
"name": "ZnActionBar",
|
|
127
|
+
"module": "components/action-bar/action-bar.js"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
},
|
|
59
132
|
{
|
|
60
133
|
"kind": "javascript-module",
|
|
61
134
|
"path": "components/alert/alert.js",
|
|
@@ -250,79 +323,6 @@
|
|
|
250
323
|
}
|
|
251
324
|
]
|
|
252
325
|
},
|
|
253
|
-
{
|
|
254
|
-
"kind": "javascript-module",
|
|
255
|
-
"path": "components/action-bar/action-bar.js",
|
|
256
|
-
"declarations": [
|
|
257
|
-
{
|
|
258
|
-
"kind": "class",
|
|
259
|
-
"description": "",
|
|
260
|
-
"name": "ZnActionBar",
|
|
261
|
-
"cssProperties": [
|
|
262
|
-
{
|
|
263
|
-
"description": "An example CSS custom property.",
|
|
264
|
-
"name": "--example"
|
|
265
|
-
}
|
|
266
|
-
],
|
|
267
|
-
"cssParts": [
|
|
268
|
-
{
|
|
269
|
-
"description": "The component's base wrapper.",
|
|
270
|
-
"name": "base"
|
|
271
|
-
}
|
|
272
|
-
],
|
|
273
|
-
"slots": [
|
|
274
|
-
{
|
|
275
|
-
"description": "The default slot.",
|
|
276
|
-
"name": ""
|
|
277
|
-
},
|
|
278
|
-
{
|
|
279
|
-
"description": "An example slot.",
|
|
280
|
-
"name": "example"
|
|
281
|
-
}
|
|
282
|
-
],
|
|
283
|
-
"members": [
|
|
284
|
-
{
|
|
285
|
-
"kind": "field",
|
|
286
|
-
"name": "localize",
|
|
287
|
-
"privacy": "private",
|
|
288
|
-
"readonly": true,
|
|
289
|
-
"default": "new LocalizeController(this)"
|
|
290
|
-
}
|
|
291
|
-
],
|
|
292
|
-
"events": [
|
|
293
|
-
{
|
|
294
|
-
"description": "Emitted as an example.",
|
|
295
|
-
"name": "zn-event-name"
|
|
296
|
-
}
|
|
297
|
-
],
|
|
298
|
-
"superclass": {
|
|
299
|
-
"name": "ZincElement",
|
|
300
|
-
"module": "/src/internal/zinc-element"
|
|
301
|
-
},
|
|
302
|
-
"summary": "Short summary of the component's intended use.",
|
|
303
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
304
|
-
"tagName": "zn-action-bar",
|
|
305
|
-
"customElement": true,
|
|
306
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\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 * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
307
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
308
|
-
"status": "experimental",
|
|
309
|
-
"since": "1.0",
|
|
310
|
-
"dependencies": [
|
|
311
|
-
"zn-example"
|
|
312
|
-
]
|
|
313
|
-
}
|
|
314
|
-
],
|
|
315
|
-
"exports": [
|
|
316
|
-
{
|
|
317
|
-
"kind": "js",
|
|
318
|
-
"name": "default",
|
|
319
|
-
"declaration": {
|
|
320
|
-
"name": "ZnActionBar",
|
|
321
|
-
"module": "components/action-bar/action-bar.js"
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
]
|
|
325
|
-
},
|
|
326
326
|
{
|
|
327
327
|
"kind": "javascript-module",
|
|
328
328
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -11683,6 +11683,406 @@
|
|
|
11683
11683
|
}
|
|
11684
11684
|
]
|
|
11685
11685
|
},
|
|
11686
|
+
{
|
|
11687
|
+
"kind": "javascript-module",
|
|
11688
|
+
"path": "components/defined-label/defined-label.js",
|
|
11689
|
+
"declarations": [
|
|
11690
|
+
{
|
|
11691
|
+
"kind": "class",
|
|
11692
|
+
"description": "",
|
|
11693
|
+
"name": "ZnDefinedLabel",
|
|
11694
|
+
"cssParts": [
|
|
11695
|
+
{
|
|
11696
|
+
"description": "The component's main input.",
|
|
11697
|
+
"name": "input"
|
|
11698
|
+
},
|
|
11699
|
+
{
|
|
11700
|
+
"description": "The label's value inputs.",
|
|
11701
|
+
"name": "input-value"
|
|
11702
|
+
}
|
|
11703
|
+
],
|
|
11704
|
+
"members": [
|
|
11705
|
+
{
|
|
11706
|
+
"kind": "field",
|
|
11707
|
+
"name": "dependencies",
|
|
11708
|
+
"type": {
|
|
11709
|
+
"text": "object"
|
|
11710
|
+
},
|
|
11711
|
+
"static": true,
|
|
11712
|
+
"default": "{ 'zn-button': ZnButton, 'zn-dropdown': ZnDropdown, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect }"
|
|
11713
|
+
},
|
|
11714
|
+
{
|
|
11715
|
+
"kind": "field",
|
|
11716
|
+
"name": "formControlController",
|
|
11717
|
+
"privacy": "private",
|
|
11718
|
+
"readonly": true,
|
|
11719
|
+
"default": "new FormControlController(this, { value: (control: this) => control.value + (control.inputValue ? `:${control.inputValue}` : ''), })"
|
|
11720
|
+
},
|
|
11721
|
+
{
|
|
11722
|
+
"kind": "field",
|
|
11723
|
+
"name": "input",
|
|
11724
|
+
"type": {
|
|
11725
|
+
"text": "ZnInput"
|
|
11726
|
+
}
|
|
11727
|
+
},
|
|
11728
|
+
{
|
|
11729
|
+
"kind": "field",
|
|
11730
|
+
"name": "dropdown",
|
|
11731
|
+
"type": {
|
|
11732
|
+
"text": "ZnDropdown"
|
|
11733
|
+
}
|
|
11734
|
+
},
|
|
11735
|
+
{
|
|
11736
|
+
"kind": "field",
|
|
11737
|
+
"name": "value",
|
|
11738
|
+
"type": {
|
|
11739
|
+
"text": "string"
|
|
11740
|
+
},
|
|
11741
|
+
"default": "''",
|
|
11742
|
+
"description": "The selected label key. Also acts as the filter while typing.",
|
|
11743
|
+
"attribute": "value"
|
|
11744
|
+
},
|
|
11745
|
+
{
|
|
11746
|
+
"kind": "field",
|
|
11747
|
+
"name": "inputValue",
|
|
11748
|
+
"type": {
|
|
11749
|
+
"text": "string"
|
|
11750
|
+
},
|
|
11751
|
+
"default": "''",
|
|
11752
|
+
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
11753
|
+
"attribute": "inputValue"
|
|
11754
|
+
},
|
|
11755
|
+
{
|
|
11756
|
+
"kind": "field",
|
|
11757
|
+
"name": "inputSize",
|
|
11758
|
+
"type": {
|
|
11759
|
+
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
11760
|
+
},
|
|
11761
|
+
"default": "'medium'",
|
|
11762
|
+
"description": "The size of the main input.",
|
|
11763
|
+
"attribute": "input-size",
|
|
11764
|
+
"reflects": true
|
|
11765
|
+
},
|
|
11766
|
+
{
|
|
11767
|
+
"kind": "field",
|
|
11768
|
+
"name": "name",
|
|
11769
|
+
"type": {
|
|
11770
|
+
"text": "string"
|
|
11771
|
+
},
|
|
11772
|
+
"default": "'label'",
|
|
11773
|
+
"description": "The name of the control. Used for form submission.",
|
|
11774
|
+
"attribute": "name"
|
|
11775
|
+
},
|
|
11776
|
+
{
|
|
11777
|
+
"kind": "field",
|
|
11778
|
+
"name": "title",
|
|
11779
|
+
"type": {
|
|
11780
|
+
"text": "string"
|
|
11781
|
+
},
|
|
11782
|
+
"description": "The title of the main input.",
|
|
11783
|
+
"attribute": "title"
|
|
11784
|
+
},
|
|
11785
|
+
{
|
|
11786
|
+
"kind": "field",
|
|
11787
|
+
"name": "disabled",
|
|
11788
|
+
"type": {
|
|
11789
|
+
"text": "boolean"
|
|
11790
|
+
},
|
|
11791
|
+
"default": "false",
|
|
11792
|
+
"description": "Disables the control.",
|
|
11793
|
+
"attribute": "disabled"
|
|
11794
|
+
},
|
|
11795
|
+
{
|
|
11796
|
+
"kind": "field",
|
|
11797
|
+
"name": "allowCustom",
|
|
11798
|
+
"type": {
|
|
11799
|
+
"text": "boolean"
|
|
11800
|
+
},
|
|
11801
|
+
"default": "false",
|
|
11802
|
+
"description": "Allows labels that aren't in the predefined list.",
|
|
11803
|
+
"attribute": "allow-custom"
|
|
11804
|
+
},
|
|
11805
|
+
{
|
|
11806
|
+
"kind": "field",
|
|
11807
|
+
"name": "predefinedLabels",
|
|
11808
|
+
"type": {
|
|
11809
|
+
"text": "(PredefinedLabel | string)[]"
|
|
11810
|
+
},
|
|
11811
|
+
"default": "[]",
|
|
11812
|
+
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
11813
|
+
"attribute": "predefined-labels"
|
|
11814
|
+
},
|
|
11815
|
+
{
|
|
11816
|
+
"kind": "field",
|
|
11817
|
+
"name": "validationMessage",
|
|
11818
|
+
"readonly": true
|
|
11819
|
+
},
|
|
11820
|
+
{
|
|
11821
|
+
"kind": "field",
|
|
11822
|
+
"name": "validity",
|
|
11823
|
+
"readonly": true
|
|
11824
|
+
},
|
|
11825
|
+
{
|
|
11826
|
+
"kind": "method",
|
|
11827
|
+
"name": "checkValidity",
|
|
11828
|
+
"return": {
|
|
11829
|
+
"type": {
|
|
11830
|
+
"text": "boolean"
|
|
11831
|
+
}
|
|
11832
|
+
}
|
|
11833
|
+
},
|
|
11834
|
+
{
|
|
11835
|
+
"kind": "method",
|
|
11836
|
+
"name": "getForm",
|
|
11837
|
+
"return": {
|
|
11838
|
+
"type": {
|
|
11839
|
+
"text": "HTMLFormElement | null"
|
|
11840
|
+
}
|
|
11841
|
+
}
|
|
11842
|
+
},
|
|
11843
|
+
{
|
|
11844
|
+
"kind": "method",
|
|
11845
|
+
"name": "reportValidity",
|
|
11846
|
+
"return": {
|
|
11847
|
+
"type": {
|
|
11848
|
+
"text": "boolean"
|
|
11849
|
+
}
|
|
11850
|
+
}
|
|
11851
|
+
},
|
|
11852
|
+
{
|
|
11853
|
+
"kind": "method",
|
|
11854
|
+
"name": "setCustomValidity",
|
|
11855
|
+
"return": {
|
|
11856
|
+
"type": {
|
|
11857
|
+
"text": "void"
|
|
11858
|
+
}
|
|
11859
|
+
},
|
|
11860
|
+
"parameters": [
|
|
11861
|
+
{
|
|
11862
|
+
"name": "message",
|
|
11863
|
+
"type": {
|
|
11864
|
+
"text": "string"
|
|
11865
|
+
}
|
|
11866
|
+
}
|
|
11867
|
+
]
|
|
11868
|
+
},
|
|
11869
|
+
{
|
|
11870
|
+
"kind": "method",
|
|
11871
|
+
"name": "handleValueChange"
|
|
11872
|
+
},
|
|
11873
|
+
{
|
|
11874
|
+
"kind": "method",
|
|
11875
|
+
"name": "getFilteredLabels",
|
|
11876
|
+
"privacy": "private",
|
|
11877
|
+
"return": {
|
|
11878
|
+
"type": {
|
|
11879
|
+
"text": "PredefinedLabel[]"
|
|
11880
|
+
}
|
|
11881
|
+
}
|
|
11882
|
+
},
|
|
11883
|
+
{
|
|
11884
|
+
"kind": "method",
|
|
11885
|
+
"name": "handleChange",
|
|
11886
|
+
"privacy": "private"
|
|
11887
|
+
},
|
|
11888
|
+
{
|
|
11889
|
+
"kind": "method",
|
|
11890
|
+
"name": "handleInput",
|
|
11891
|
+
"privacy": "private"
|
|
11892
|
+
},
|
|
11893
|
+
{
|
|
11894
|
+
"kind": "method",
|
|
11895
|
+
"name": "handleClick",
|
|
11896
|
+
"privacy": "private",
|
|
11897
|
+
"parameters": [
|
|
11898
|
+
{
|
|
11899
|
+
"name": "e",
|
|
11900
|
+
"type": {
|
|
11901
|
+
"text": "MouseEvent"
|
|
11902
|
+
}
|
|
11903
|
+
}
|
|
11904
|
+
]
|
|
11905
|
+
},
|
|
11906
|
+
{
|
|
11907
|
+
"kind": "method",
|
|
11908
|
+
"name": "handleInputValueChange",
|
|
11909
|
+
"privacy": "private",
|
|
11910
|
+
"parameters": [
|
|
11911
|
+
{
|
|
11912
|
+
"name": "e",
|
|
11913
|
+
"type": {
|
|
11914
|
+
"text": "Event"
|
|
11915
|
+
}
|
|
11916
|
+
}
|
|
11917
|
+
]
|
|
11918
|
+
},
|
|
11919
|
+
{
|
|
11920
|
+
"kind": "method",
|
|
11921
|
+
"name": "handleFormSubmit",
|
|
11922
|
+
"privacy": "private",
|
|
11923
|
+
"parameters": [
|
|
11924
|
+
{
|
|
11925
|
+
"name": "e",
|
|
11926
|
+
"type": {
|
|
11927
|
+
"text": "Event"
|
|
11928
|
+
}
|
|
11929
|
+
},
|
|
11930
|
+
{
|
|
11931
|
+
"name": "label",
|
|
11932
|
+
"type": {
|
|
11933
|
+
"text": "string"
|
|
11934
|
+
}
|
|
11935
|
+
}
|
|
11936
|
+
]
|
|
11937
|
+
},
|
|
11938
|
+
{
|
|
11939
|
+
"kind": "method",
|
|
11940
|
+
"name": "renderValueControl",
|
|
11941
|
+
"privacy": "private",
|
|
11942
|
+
"return": {
|
|
11943
|
+
"type": {
|
|
11944
|
+
"text": "TemplateResult"
|
|
11945
|
+
}
|
|
11946
|
+
},
|
|
11947
|
+
"parameters": [
|
|
11948
|
+
{
|
|
11949
|
+
"name": "label",
|
|
11950
|
+
"type": {
|
|
11951
|
+
"text": "PredefinedLabel"
|
|
11952
|
+
}
|
|
11953
|
+
}
|
|
11954
|
+
]
|
|
11955
|
+
},
|
|
11956
|
+
{
|
|
11957
|
+
"kind": "method",
|
|
11958
|
+
"name": "renderRow",
|
|
11959
|
+
"privacy": "private",
|
|
11960
|
+
"return": {
|
|
11961
|
+
"type": {
|
|
11962
|
+
"text": "TemplateResult"
|
|
11963
|
+
}
|
|
11964
|
+
},
|
|
11965
|
+
"parameters": [
|
|
11966
|
+
{
|
|
11967
|
+
"name": "label",
|
|
11968
|
+
"type": {
|
|
11969
|
+
"text": "string"
|
|
11970
|
+
}
|
|
11971
|
+
},
|
|
11972
|
+
{
|
|
11973
|
+
"name": "control",
|
|
11974
|
+
"type": {
|
|
11975
|
+
"text": "TemplateResult"
|
|
11976
|
+
}
|
|
11977
|
+
}
|
|
11978
|
+
]
|
|
11979
|
+
}
|
|
11980
|
+
],
|
|
11981
|
+
"attributes": [
|
|
11982
|
+
{
|
|
11983
|
+
"name": "value",
|
|
11984
|
+
"type": {
|
|
11985
|
+
"text": "string"
|
|
11986
|
+
},
|
|
11987
|
+
"default": "''",
|
|
11988
|
+
"description": "The selected label key. Also acts as the filter while typing.",
|
|
11989
|
+
"fieldName": "value"
|
|
11990
|
+
},
|
|
11991
|
+
{
|
|
11992
|
+
"name": "inputValue",
|
|
11993
|
+
"type": {
|
|
11994
|
+
"text": "string"
|
|
11995
|
+
},
|
|
11996
|
+
"default": "''",
|
|
11997
|
+
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
11998
|
+
"fieldName": "inputValue"
|
|
11999
|
+
},
|
|
12000
|
+
{
|
|
12001
|
+
"name": "input-size",
|
|
12002
|
+
"type": {
|
|
12003
|
+
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
12004
|
+
},
|
|
12005
|
+
"default": "'medium'",
|
|
12006
|
+
"description": "The size of the main input.",
|
|
12007
|
+
"fieldName": "inputSize"
|
|
12008
|
+
},
|
|
12009
|
+
{
|
|
12010
|
+
"name": "name",
|
|
12011
|
+
"type": {
|
|
12012
|
+
"text": "string"
|
|
12013
|
+
},
|
|
12014
|
+
"default": "'label'",
|
|
12015
|
+
"description": "The name of the control. Used for form submission.",
|
|
12016
|
+
"fieldName": "name"
|
|
12017
|
+
},
|
|
12018
|
+
{
|
|
12019
|
+
"name": "title",
|
|
12020
|
+
"type": {
|
|
12021
|
+
"text": "string"
|
|
12022
|
+
},
|
|
12023
|
+
"description": "The title of the main input.",
|
|
12024
|
+
"fieldName": "title"
|
|
12025
|
+
},
|
|
12026
|
+
{
|
|
12027
|
+
"name": "disabled",
|
|
12028
|
+
"type": {
|
|
12029
|
+
"text": "boolean"
|
|
12030
|
+
},
|
|
12031
|
+
"default": "false",
|
|
12032
|
+
"description": "Disables the control.",
|
|
12033
|
+
"fieldName": "disabled"
|
|
12034
|
+
},
|
|
12035
|
+
{
|
|
12036
|
+
"name": "allow-custom",
|
|
12037
|
+
"type": {
|
|
12038
|
+
"text": "boolean"
|
|
12039
|
+
},
|
|
12040
|
+
"default": "false",
|
|
12041
|
+
"description": "Allows labels that aren't in the predefined list.",
|
|
12042
|
+
"fieldName": "allowCustom"
|
|
12043
|
+
},
|
|
12044
|
+
{
|
|
12045
|
+
"name": "predefined-labels",
|
|
12046
|
+
"type": {
|
|
12047
|
+
"text": "(PredefinedLabel | string)[]"
|
|
12048
|
+
},
|
|
12049
|
+
"default": "[]",
|
|
12050
|
+
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
12051
|
+
"fieldName": "predefinedLabels"
|
|
12052
|
+
}
|
|
12053
|
+
],
|
|
12054
|
+
"superclass": {
|
|
12055
|
+
"name": "ZincElement",
|
|
12056
|
+
"module": "/src/internal/zinc-element"
|
|
12057
|
+
},
|
|
12058
|
+
"summary": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.",
|
|
12059
|
+
"tagNameWithoutPrefix": "defined-label",
|
|
12060
|
+
"tagName": "zn-defined-label",
|
|
12061
|
+
"customElement": true,
|
|
12062
|
+
"jsDoc": "/**\n * @summary This component provides a labeled input with support for predefined and custom labels,\n * allowing users to select or enter label-value pairs within a dropdown interface.\n * @documentation https://zinc.style/components/defined-label\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-dropdown\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @csspart input - The component's main input.\n * @csspart input-value - The label's value inputs.\n */",
|
|
12063
|
+
"documentation": "https://zinc.style/components/defined-label",
|
|
12064
|
+
"status": "experimental",
|
|
12065
|
+
"since": "1.0",
|
|
12066
|
+
"dependencies": [
|
|
12067
|
+
"zn-button",
|
|
12068
|
+
"zn-dropdown",
|
|
12069
|
+
"zn-input",
|
|
12070
|
+
"zn-option",
|
|
12071
|
+
"zn-select"
|
|
12072
|
+
]
|
|
12073
|
+
}
|
|
12074
|
+
],
|
|
12075
|
+
"exports": [
|
|
12076
|
+
{
|
|
12077
|
+
"kind": "js",
|
|
12078
|
+
"name": "default",
|
|
12079
|
+
"declaration": {
|
|
12080
|
+
"name": "ZnDefinedLabel",
|
|
12081
|
+
"module": "components/defined-label/defined-label.js"
|
|
12082
|
+
}
|
|
12083
|
+
}
|
|
12084
|
+
]
|
|
12085
|
+
},
|
|
11686
12086
|
{
|
|
11687
12087
|
"kind": "javascript-module",
|
|
11688
12088
|
"path": "components/datepicker/datepicker.js",
|
|
@@ -12670,406 +13070,6 @@
|
|
|
12670
13070
|
}
|
|
12671
13071
|
]
|
|
12672
13072
|
},
|
|
12673
|
-
{
|
|
12674
|
-
"kind": "javascript-module",
|
|
12675
|
-
"path": "components/defined-label/defined-label.js",
|
|
12676
|
-
"declarations": [
|
|
12677
|
-
{
|
|
12678
|
-
"kind": "class",
|
|
12679
|
-
"description": "",
|
|
12680
|
-
"name": "ZnDefinedLabel",
|
|
12681
|
-
"cssParts": [
|
|
12682
|
-
{
|
|
12683
|
-
"description": "The component's main input.",
|
|
12684
|
-
"name": "input"
|
|
12685
|
-
},
|
|
12686
|
-
{
|
|
12687
|
-
"description": "The label's value inputs.",
|
|
12688
|
-
"name": "input-value"
|
|
12689
|
-
}
|
|
12690
|
-
],
|
|
12691
|
-
"members": [
|
|
12692
|
-
{
|
|
12693
|
-
"kind": "field",
|
|
12694
|
-
"name": "dependencies",
|
|
12695
|
-
"type": {
|
|
12696
|
-
"text": "object"
|
|
12697
|
-
},
|
|
12698
|
-
"static": true,
|
|
12699
|
-
"default": "{ 'zn-button': ZnButton, 'zn-dropdown': ZnDropdown, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect }"
|
|
12700
|
-
},
|
|
12701
|
-
{
|
|
12702
|
-
"kind": "field",
|
|
12703
|
-
"name": "formControlController",
|
|
12704
|
-
"privacy": "private",
|
|
12705
|
-
"readonly": true,
|
|
12706
|
-
"default": "new FormControlController(this, { value: (control: this) => control.value + (control.inputValue ? `:${control.inputValue}` : ''), })"
|
|
12707
|
-
},
|
|
12708
|
-
{
|
|
12709
|
-
"kind": "field",
|
|
12710
|
-
"name": "input",
|
|
12711
|
-
"type": {
|
|
12712
|
-
"text": "ZnInput"
|
|
12713
|
-
}
|
|
12714
|
-
},
|
|
12715
|
-
{
|
|
12716
|
-
"kind": "field",
|
|
12717
|
-
"name": "dropdown",
|
|
12718
|
-
"type": {
|
|
12719
|
-
"text": "ZnDropdown"
|
|
12720
|
-
}
|
|
12721
|
-
},
|
|
12722
|
-
{
|
|
12723
|
-
"kind": "field",
|
|
12724
|
-
"name": "value",
|
|
12725
|
-
"type": {
|
|
12726
|
-
"text": "string"
|
|
12727
|
-
},
|
|
12728
|
-
"default": "''",
|
|
12729
|
-
"description": "The selected label key. Also acts as the filter while typing.",
|
|
12730
|
-
"attribute": "value"
|
|
12731
|
-
},
|
|
12732
|
-
{
|
|
12733
|
-
"kind": "field",
|
|
12734
|
-
"name": "inputValue",
|
|
12735
|
-
"type": {
|
|
12736
|
-
"text": "string"
|
|
12737
|
-
},
|
|
12738
|
-
"default": "''",
|
|
12739
|
-
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
12740
|
-
"attribute": "inputValue"
|
|
12741
|
-
},
|
|
12742
|
-
{
|
|
12743
|
-
"kind": "field",
|
|
12744
|
-
"name": "inputSize",
|
|
12745
|
-
"type": {
|
|
12746
|
-
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
12747
|
-
},
|
|
12748
|
-
"default": "'medium'",
|
|
12749
|
-
"description": "The size of the main input.",
|
|
12750
|
-
"attribute": "input-size",
|
|
12751
|
-
"reflects": true
|
|
12752
|
-
},
|
|
12753
|
-
{
|
|
12754
|
-
"kind": "field",
|
|
12755
|
-
"name": "name",
|
|
12756
|
-
"type": {
|
|
12757
|
-
"text": "string"
|
|
12758
|
-
},
|
|
12759
|
-
"default": "'label'",
|
|
12760
|
-
"description": "The name of the control. Used for form submission.",
|
|
12761
|
-
"attribute": "name"
|
|
12762
|
-
},
|
|
12763
|
-
{
|
|
12764
|
-
"kind": "field",
|
|
12765
|
-
"name": "title",
|
|
12766
|
-
"type": {
|
|
12767
|
-
"text": "string"
|
|
12768
|
-
},
|
|
12769
|
-
"description": "The title of the main input.",
|
|
12770
|
-
"attribute": "title"
|
|
12771
|
-
},
|
|
12772
|
-
{
|
|
12773
|
-
"kind": "field",
|
|
12774
|
-
"name": "disabled",
|
|
12775
|
-
"type": {
|
|
12776
|
-
"text": "boolean"
|
|
12777
|
-
},
|
|
12778
|
-
"default": "false",
|
|
12779
|
-
"description": "Disables the control.",
|
|
12780
|
-
"attribute": "disabled"
|
|
12781
|
-
},
|
|
12782
|
-
{
|
|
12783
|
-
"kind": "field",
|
|
12784
|
-
"name": "allowCustom",
|
|
12785
|
-
"type": {
|
|
12786
|
-
"text": "boolean"
|
|
12787
|
-
},
|
|
12788
|
-
"default": "false",
|
|
12789
|
-
"description": "Allows labels that aren't in the predefined list.",
|
|
12790
|
-
"attribute": "allow-custom"
|
|
12791
|
-
},
|
|
12792
|
-
{
|
|
12793
|
-
"kind": "field",
|
|
12794
|
-
"name": "predefinedLabels",
|
|
12795
|
-
"type": {
|
|
12796
|
-
"text": "(PredefinedLabel | string)[]"
|
|
12797
|
-
},
|
|
12798
|
-
"default": "[]",
|
|
12799
|
-
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
12800
|
-
"attribute": "predefined-labels"
|
|
12801
|
-
},
|
|
12802
|
-
{
|
|
12803
|
-
"kind": "field",
|
|
12804
|
-
"name": "validationMessage",
|
|
12805
|
-
"readonly": true
|
|
12806
|
-
},
|
|
12807
|
-
{
|
|
12808
|
-
"kind": "field",
|
|
12809
|
-
"name": "validity",
|
|
12810
|
-
"readonly": true
|
|
12811
|
-
},
|
|
12812
|
-
{
|
|
12813
|
-
"kind": "method",
|
|
12814
|
-
"name": "checkValidity",
|
|
12815
|
-
"return": {
|
|
12816
|
-
"type": {
|
|
12817
|
-
"text": "boolean"
|
|
12818
|
-
}
|
|
12819
|
-
}
|
|
12820
|
-
},
|
|
12821
|
-
{
|
|
12822
|
-
"kind": "method",
|
|
12823
|
-
"name": "getForm",
|
|
12824
|
-
"return": {
|
|
12825
|
-
"type": {
|
|
12826
|
-
"text": "HTMLFormElement | null"
|
|
12827
|
-
}
|
|
12828
|
-
}
|
|
12829
|
-
},
|
|
12830
|
-
{
|
|
12831
|
-
"kind": "method",
|
|
12832
|
-
"name": "reportValidity",
|
|
12833
|
-
"return": {
|
|
12834
|
-
"type": {
|
|
12835
|
-
"text": "boolean"
|
|
12836
|
-
}
|
|
12837
|
-
}
|
|
12838
|
-
},
|
|
12839
|
-
{
|
|
12840
|
-
"kind": "method",
|
|
12841
|
-
"name": "setCustomValidity",
|
|
12842
|
-
"return": {
|
|
12843
|
-
"type": {
|
|
12844
|
-
"text": "void"
|
|
12845
|
-
}
|
|
12846
|
-
},
|
|
12847
|
-
"parameters": [
|
|
12848
|
-
{
|
|
12849
|
-
"name": "message",
|
|
12850
|
-
"type": {
|
|
12851
|
-
"text": "string"
|
|
12852
|
-
}
|
|
12853
|
-
}
|
|
12854
|
-
]
|
|
12855
|
-
},
|
|
12856
|
-
{
|
|
12857
|
-
"kind": "method",
|
|
12858
|
-
"name": "handleValueChange"
|
|
12859
|
-
},
|
|
12860
|
-
{
|
|
12861
|
-
"kind": "method",
|
|
12862
|
-
"name": "getFilteredLabels",
|
|
12863
|
-
"privacy": "private",
|
|
12864
|
-
"return": {
|
|
12865
|
-
"type": {
|
|
12866
|
-
"text": "PredefinedLabel[]"
|
|
12867
|
-
}
|
|
12868
|
-
}
|
|
12869
|
-
},
|
|
12870
|
-
{
|
|
12871
|
-
"kind": "method",
|
|
12872
|
-
"name": "handleChange",
|
|
12873
|
-
"privacy": "private"
|
|
12874
|
-
},
|
|
12875
|
-
{
|
|
12876
|
-
"kind": "method",
|
|
12877
|
-
"name": "handleInput",
|
|
12878
|
-
"privacy": "private"
|
|
12879
|
-
},
|
|
12880
|
-
{
|
|
12881
|
-
"kind": "method",
|
|
12882
|
-
"name": "handleClick",
|
|
12883
|
-
"privacy": "private",
|
|
12884
|
-
"parameters": [
|
|
12885
|
-
{
|
|
12886
|
-
"name": "e",
|
|
12887
|
-
"type": {
|
|
12888
|
-
"text": "MouseEvent"
|
|
12889
|
-
}
|
|
12890
|
-
}
|
|
12891
|
-
]
|
|
12892
|
-
},
|
|
12893
|
-
{
|
|
12894
|
-
"kind": "method",
|
|
12895
|
-
"name": "handleInputValueChange",
|
|
12896
|
-
"privacy": "private",
|
|
12897
|
-
"parameters": [
|
|
12898
|
-
{
|
|
12899
|
-
"name": "e",
|
|
12900
|
-
"type": {
|
|
12901
|
-
"text": "Event"
|
|
12902
|
-
}
|
|
12903
|
-
}
|
|
12904
|
-
]
|
|
12905
|
-
},
|
|
12906
|
-
{
|
|
12907
|
-
"kind": "method",
|
|
12908
|
-
"name": "handleFormSubmit",
|
|
12909
|
-
"privacy": "private",
|
|
12910
|
-
"parameters": [
|
|
12911
|
-
{
|
|
12912
|
-
"name": "e",
|
|
12913
|
-
"type": {
|
|
12914
|
-
"text": "Event"
|
|
12915
|
-
}
|
|
12916
|
-
},
|
|
12917
|
-
{
|
|
12918
|
-
"name": "label",
|
|
12919
|
-
"type": {
|
|
12920
|
-
"text": "string"
|
|
12921
|
-
}
|
|
12922
|
-
}
|
|
12923
|
-
]
|
|
12924
|
-
},
|
|
12925
|
-
{
|
|
12926
|
-
"kind": "method",
|
|
12927
|
-
"name": "renderValueControl",
|
|
12928
|
-
"privacy": "private",
|
|
12929
|
-
"return": {
|
|
12930
|
-
"type": {
|
|
12931
|
-
"text": "TemplateResult"
|
|
12932
|
-
}
|
|
12933
|
-
},
|
|
12934
|
-
"parameters": [
|
|
12935
|
-
{
|
|
12936
|
-
"name": "label",
|
|
12937
|
-
"type": {
|
|
12938
|
-
"text": "PredefinedLabel"
|
|
12939
|
-
}
|
|
12940
|
-
}
|
|
12941
|
-
]
|
|
12942
|
-
},
|
|
12943
|
-
{
|
|
12944
|
-
"kind": "method",
|
|
12945
|
-
"name": "renderRow",
|
|
12946
|
-
"privacy": "private",
|
|
12947
|
-
"return": {
|
|
12948
|
-
"type": {
|
|
12949
|
-
"text": "TemplateResult"
|
|
12950
|
-
}
|
|
12951
|
-
},
|
|
12952
|
-
"parameters": [
|
|
12953
|
-
{
|
|
12954
|
-
"name": "label",
|
|
12955
|
-
"type": {
|
|
12956
|
-
"text": "string"
|
|
12957
|
-
}
|
|
12958
|
-
},
|
|
12959
|
-
{
|
|
12960
|
-
"name": "control",
|
|
12961
|
-
"type": {
|
|
12962
|
-
"text": "TemplateResult"
|
|
12963
|
-
}
|
|
12964
|
-
}
|
|
12965
|
-
]
|
|
12966
|
-
}
|
|
12967
|
-
],
|
|
12968
|
-
"attributes": [
|
|
12969
|
-
{
|
|
12970
|
-
"name": "value",
|
|
12971
|
-
"type": {
|
|
12972
|
-
"text": "string"
|
|
12973
|
-
},
|
|
12974
|
-
"default": "''",
|
|
12975
|
-
"description": "The selected label key. Also acts as the filter while typing.",
|
|
12976
|
-
"fieldName": "value"
|
|
12977
|
-
},
|
|
12978
|
-
{
|
|
12979
|
-
"name": "inputValue",
|
|
12980
|
-
"type": {
|
|
12981
|
-
"text": "string"
|
|
12982
|
-
},
|
|
12983
|
-
"default": "''",
|
|
12984
|
-
"description": "The value entered for the selected label. Submitted as `label:value` when present.",
|
|
12985
|
-
"fieldName": "inputValue"
|
|
12986
|
-
},
|
|
12987
|
-
{
|
|
12988
|
-
"name": "input-size",
|
|
12989
|
-
"type": {
|
|
12990
|
-
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
12991
|
-
},
|
|
12992
|
-
"default": "'medium'",
|
|
12993
|
-
"description": "The size of the main input.",
|
|
12994
|
-
"fieldName": "inputSize"
|
|
12995
|
-
},
|
|
12996
|
-
{
|
|
12997
|
-
"name": "name",
|
|
12998
|
-
"type": {
|
|
12999
|
-
"text": "string"
|
|
13000
|
-
},
|
|
13001
|
-
"default": "'label'",
|
|
13002
|
-
"description": "The name of the control. Used for form submission.",
|
|
13003
|
-
"fieldName": "name"
|
|
13004
|
-
},
|
|
13005
|
-
{
|
|
13006
|
-
"name": "title",
|
|
13007
|
-
"type": {
|
|
13008
|
-
"text": "string"
|
|
13009
|
-
},
|
|
13010
|
-
"description": "The title of the main input.",
|
|
13011
|
-
"fieldName": "title"
|
|
13012
|
-
},
|
|
13013
|
-
{
|
|
13014
|
-
"name": "disabled",
|
|
13015
|
-
"type": {
|
|
13016
|
-
"text": "boolean"
|
|
13017
|
-
},
|
|
13018
|
-
"default": "false",
|
|
13019
|
-
"description": "Disables the control.",
|
|
13020
|
-
"fieldName": "disabled"
|
|
13021
|
-
},
|
|
13022
|
-
{
|
|
13023
|
-
"name": "allow-custom",
|
|
13024
|
-
"type": {
|
|
13025
|
-
"text": "boolean"
|
|
13026
|
-
},
|
|
13027
|
-
"default": "false",
|
|
13028
|
-
"description": "Allows labels that aren't in the predefined list.",
|
|
13029
|
-
"fieldName": "allowCustom"
|
|
13030
|
-
},
|
|
13031
|
-
{
|
|
13032
|
-
"name": "predefined-labels",
|
|
13033
|
-
"type": {
|
|
13034
|
-
"text": "(PredefinedLabel | string)[]"
|
|
13035
|
-
},
|
|
13036
|
-
"default": "[]",
|
|
13037
|
-
"description": "The predefined labels. Entries are either a string or `{name, options}`.",
|
|
13038
|
-
"fieldName": "predefinedLabels"
|
|
13039
|
-
}
|
|
13040
|
-
],
|
|
13041
|
-
"superclass": {
|
|
13042
|
-
"name": "ZincElement",
|
|
13043
|
-
"module": "/src/internal/zinc-element"
|
|
13044
|
-
},
|
|
13045
|
-
"summary": "This component provides a labeled input with support for predefined and custom labels,\nallowing users to select or enter label-value pairs within a dropdown interface.",
|
|
13046
|
-
"tagNameWithoutPrefix": "defined-label",
|
|
13047
|
-
"tagName": "zn-defined-label",
|
|
13048
|
-
"customElement": true,
|
|
13049
|
-
"jsDoc": "/**\n * @summary This component provides a labeled input with support for predefined and custom labels,\n * allowing users to select or enter label-value pairs within a dropdown interface.\n * @documentation https://zinc.style/components/defined-label\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-dropdown\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @csspart input - The component's main input.\n * @csspart input-value - The label's value inputs.\n */",
|
|
13050
|
-
"documentation": "https://zinc.style/components/defined-label",
|
|
13051
|
-
"status": "experimental",
|
|
13052
|
-
"since": "1.0",
|
|
13053
|
-
"dependencies": [
|
|
13054
|
-
"zn-button",
|
|
13055
|
-
"zn-dropdown",
|
|
13056
|
-
"zn-input",
|
|
13057
|
-
"zn-option",
|
|
13058
|
-
"zn-select"
|
|
13059
|
-
]
|
|
13060
|
-
}
|
|
13061
|
-
],
|
|
13062
|
-
"exports": [
|
|
13063
|
-
{
|
|
13064
|
-
"kind": "js",
|
|
13065
|
-
"name": "default",
|
|
13066
|
-
"declaration": {
|
|
13067
|
-
"name": "ZnDefinedLabel",
|
|
13068
|
-
"module": "components/defined-label/defined-label.js"
|
|
13069
|
-
}
|
|
13070
|
-
}
|
|
13071
|
-
]
|
|
13072
|
-
},
|
|
13073
13073
|
{
|
|
13074
13074
|
"kind": "javascript-module",
|
|
13075
13075
|
"path": "components/dialog/dialog.js",
|
|
@@ -50952,7 +50952,7 @@
|
|
|
50952
50952
|
"name": "hasSlotController",
|
|
50953
50953
|
"privacy": "private",
|
|
50954
50954
|
"readonly": true,
|
|
50955
|
-
"default": "new HasSlotController(this, '[default]', 'properties', 'actions', 'image')"
|
|
50955
|
+
"default": "new HasSlotController(this, '[default]', 'caption', 'description', 'properties', 'actions', 'image')"
|
|
50956
50956
|
},
|
|
50957
50957
|
{
|
|
50958
50958
|
"kind": "field",
|
|
@@ -54195,7 +54195,7 @@
|
|
|
54195
54195
|
"package": {
|
|
54196
54196
|
"name": "@kubex/zinc",
|
|
54197
54197
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
54198
|
-
"version": "1.1.
|
|
54198
|
+
"version": "1.1.184",
|
|
54199
54199
|
"author": "",
|
|
54200
54200
|
"license": "MIT"
|
|
54201
54201
|
}
|