@kubex/zinc 1.1.158 → 1.1.160
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 +896 -849
- package/dist/vscode.html-custom-data.json +85 -85
- package/dist/web-types.json +176 -176
- package/dist/zn.d.ts +115 -109
- package/dist/zn.min.js +276 -276
- package/docs/pages/components/page.md +15 -0
- package/package.json +1 -1
- package/src/components/filter-container/filter-container.component.ts +32 -48
- package/src/components/filter-container/filter-container.test.ts +25 -0
- package/src/components/page/page.component.ts +24 -3
- package/src/components/page/page.test.ts +52 -0
- package/src/components/tabs/tabs.component.ts +1 -1
|
@@ -15773,6 +15773,15 @@
|
|
|
15773
15773
|
"default": "'filter'",
|
|
15774
15774
|
"attribute": "attr"
|
|
15775
15775
|
},
|
|
15776
|
+
{
|
|
15777
|
+
"kind": "field",
|
|
15778
|
+
"name": "_filterFrame",
|
|
15779
|
+
"type": {
|
|
15780
|
+
"text": "number"
|
|
15781
|
+
},
|
|
15782
|
+
"privacy": "private",
|
|
15783
|
+
"default": "0"
|
|
15784
|
+
},
|
|
15776
15785
|
{
|
|
15777
15786
|
"kind": "method",
|
|
15778
15787
|
"name": "handleSearchChange",
|
|
@@ -15785,6 +15794,19 @@
|
|
|
15785
15794
|
}
|
|
15786
15795
|
}
|
|
15787
15796
|
]
|
|
15797
|
+
},
|
|
15798
|
+
{
|
|
15799
|
+
"kind": "method",
|
|
15800
|
+
"name": "applyFilter",
|
|
15801
|
+
"privacy": "private",
|
|
15802
|
+
"parameters": [
|
|
15803
|
+
{
|
|
15804
|
+
"name": "searchTerm",
|
|
15805
|
+
"type": {
|
|
15806
|
+
"text": "string"
|
|
15807
|
+
}
|
|
15808
|
+
}
|
|
15809
|
+
]
|
|
15788
15810
|
}
|
|
15789
15811
|
],
|
|
15790
15812
|
"events": [
|
|
@@ -26675,7 +26697,7 @@
|
|
|
26675
26697
|
"name": "ZnPage",
|
|
26676
26698
|
"slots": [
|
|
26677
26699
|
{
|
|
26678
|
-
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.",
|
|
26700
|
+
"description": "Page content. Use zn-tab for named tabs and header-action/header-actions for header actions. Clicking an element in the content with `tab=\"<tab id>\"` opens that tab.",
|
|
26679
26701
|
"name": "",
|
|
26680
26702
|
"inheritedFrom": {
|
|
26681
26703
|
"name": "ZnTabs",
|
|
@@ -27005,6 +27027,11 @@
|
|
|
27005
27027
|
}
|
|
27006
27028
|
]
|
|
27007
27029
|
},
|
|
27030
|
+
{
|
|
27031
|
+
"kind": "field",
|
|
27032
|
+
"name": "handleContentTabClick",
|
|
27033
|
+
"privacy": "private"
|
|
27034
|
+
},
|
|
27008
27035
|
{
|
|
27009
27036
|
"kind": "method",
|
|
27010
27037
|
"name": "handleNavigationSelect",
|
|
@@ -27113,6 +27140,10 @@
|
|
|
27113
27140
|
{
|
|
27114
27141
|
"name": "store",
|
|
27115
27142
|
"default": "false"
|
|
27143
|
+
},
|
|
27144
|
+
{
|
|
27145
|
+
"name": "pushHistory",
|
|
27146
|
+
"default": "false"
|
|
27116
27147
|
}
|
|
27117
27148
|
]
|
|
27118
27149
|
},
|
|
@@ -28353,7 +28384,7 @@
|
|
|
28353
28384
|
"tagNameWithoutPrefix": "page",
|
|
28354
28385
|
"tagName": "zn-page",
|
|
28355
28386
|
"customElement": true,
|
|
28356
|
-
"jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * @slot description - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
|
|
28387
|
+
"jsDoc": "/**\n * @summary Combines a page header with tab navigation and tab panels.\n * @documentation https://zinc.style/components/page\n * @status experimental\n * @since 1.0\n *\n * @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.\n * Clicking an element in the content with `tab=\"<tab id>\"` opens that tab.\n * @slot description - Rich subtitle/description content. Falls back to the `summary` attribute when empty.\n * @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.\n */",
|
|
28357
28388
|
"documentation": "https://zinc.style/components/page",
|
|
28358
28389
|
"status": "experimental",
|
|
28359
28390
|
"since": "1.0",
|
|
@@ -35812,42 +35843,22 @@
|
|
|
35812
35843
|
},
|
|
35813
35844
|
{
|
|
35814
35845
|
"kind": "javascript-module",
|
|
35815
|
-
"path": "components/
|
|
35846
|
+
"path": "components/reveal/reveal.js",
|
|
35816
35847
|
"declarations": [
|
|
35817
35848
|
{
|
|
35818
35849
|
"kind": "class",
|
|
35819
35850
|
"description": "",
|
|
35820
|
-
"name": "
|
|
35851
|
+
"name": "ZnReveal",
|
|
35821
35852
|
"cssProperties": [
|
|
35822
35853
|
{
|
|
35823
35854
|
"description": "An example CSS custom property.",
|
|
35824
35855
|
"name": "--example"
|
|
35825
|
-
},
|
|
35826
|
-
{
|
|
35827
|
-
"description": "The color of the preview value.",
|
|
35828
|
-
"name": "--preview-color"
|
|
35829
|
-
},
|
|
35830
|
-
{
|
|
35831
|
-
"description": "The font size of the preview value.",
|
|
35832
|
-
"name": "--preview-size"
|
|
35833
35856
|
}
|
|
35834
35857
|
],
|
|
35835
35858
|
"cssParts": [
|
|
35836
|
-
{
|
|
35837
|
-
"description": "The form control that wraps the symbols and help text.",
|
|
35838
|
-
"name": "form-control"
|
|
35839
|
-
},
|
|
35840
|
-
{
|
|
35841
|
-
"description": "The help text's wrapper.",
|
|
35842
|
-
"name": "form-control-help-text"
|
|
35843
|
-
},
|
|
35844
35859
|
{
|
|
35845
35860
|
"description": "The component's base wrapper.",
|
|
35846
35861
|
"name": "base"
|
|
35847
|
-
},
|
|
35848
|
-
{
|
|
35849
|
-
"description": "The value shown next to the symbols when `preview` is enabled.",
|
|
35850
|
-
"name": "preview"
|
|
35851
35862
|
}
|
|
35852
35863
|
],
|
|
35853
35864
|
"slots": [
|
|
@@ -35858,399 +35869,110 @@
|
|
|
35858
35869
|
{
|
|
35859
35870
|
"description": "An example slot.",
|
|
35860
35871
|
"name": "example"
|
|
35861
|
-
},
|
|
35862
|
-
{
|
|
35863
|
-
"description": "Text that describes how to use the rating. Alternatively, you can use the `help-text` attribute.",
|
|
35864
|
-
"name": "help-text"
|
|
35865
35872
|
}
|
|
35866
35873
|
],
|
|
35867
35874
|
"members": [
|
|
35868
35875
|
{
|
|
35869
35876
|
"kind": "field",
|
|
35870
|
-
"name": "
|
|
35871
|
-
"privacy": "private",
|
|
35872
|
-
"readonly": true,
|
|
35873
|
-
"default": "new FormControlController(this, { assumeInteractionOn: ['zn-blur', 'zn-input'] })"
|
|
35874
|
-
},
|
|
35875
|
-
{
|
|
35876
|
-
"kind": "field",
|
|
35877
|
-
"name": "hasSlotController",
|
|
35878
|
-
"privacy": "private",
|
|
35879
|
-
"readonly": true,
|
|
35880
|
-
"default": "new HasSlotController(this, 'help-text')"
|
|
35881
|
-
},
|
|
35882
|
-
{
|
|
35883
|
-
"kind": "field",
|
|
35884
|
-
"name": "rating",
|
|
35885
|
-
"type": {
|
|
35886
|
-
"text": "HTMLElement"
|
|
35887
|
-
}
|
|
35888
|
-
},
|
|
35889
|
-
{
|
|
35890
|
-
"kind": "field",
|
|
35891
|
-
"name": "symbols",
|
|
35892
|
-
"type": {
|
|
35893
|
-
"text": "HTMLElement"
|
|
35894
|
-
}
|
|
35895
|
-
},
|
|
35896
|
-
{
|
|
35897
|
-
"kind": "field",
|
|
35898
|
-
"name": "hoverValue",
|
|
35877
|
+
"name": "duration",
|
|
35899
35878
|
"type": {
|
|
35900
35879
|
"text": "number"
|
|
35901
35880
|
},
|
|
35902
|
-
"
|
|
35903
|
-
"
|
|
35904
|
-
},
|
|
35905
|
-
{
|
|
35906
|
-
"kind": "field",
|
|
35907
|
-
"name": "isHovering",
|
|
35908
|
-
"type": {
|
|
35909
|
-
"text": "boolean"
|
|
35910
|
-
},
|
|
35911
|
-
"privacy": "private",
|
|
35912
|
-
"default": "false"
|
|
35913
|
-
},
|
|
35914
|
-
{
|
|
35915
|
-
"kind": "field",
|
|
35916
|
-
"name": "label",
|
|
35917
|
-
"type": {
|
|
35918
|
-
"text": "string"
|
|
35919
|
-
},
|
|
35920
|
-
"attribute": "label"
|
|
35881
|
+
"default": "2000",
|
|
35882
|
+
"attribute": "duration"
|
|
35921
35883
|
},
|
|
35922
35884
|
{
|
|
35923
35885
|
"kind": "field",
|
|
35924
|
-
"name": "
|
|
35886
|
+
"name": "initial",
|
|
35925
35887
|
"type": {
|
|
35926
35888
|
"text": "string"
|
|
35927
35889
|
},
|
|
35928
35890
|
"default": "''",
|
|
35929
|
-
"
|
|
35930
|
-
"attribute": "help-text"
|
|
35891
|
+
"attribute": "initial"
|
|
35931
35892
|
},
|
|
35932
35893
|
{
|
|
35933
35894
|
"kind": "field",
|
|
35934
|
-
"name": "
|
|
35895
|
+
"name": "revealed",
|
|
35935
35896
|
"type": {
|
|
35936
35897
|
"text": "string"
|
|
35937
35898
|
},
|
|
35938
|
-
"
|
|
35939
|
-
|
|
35940
|
-
{
|
|
35941
|
-
"kind": "field",
|
|
35942
|
-
"name": "value",
|
|
35943
|
-
"type": {
|
|
35944
|
-
"text": "number"
|
|
35945
|
-
},
|
|
35946
|
-
"default": "0",
|
|
35947
|
-
"attribute": "value"
|
|
35948
|
-
},
|
|
35949
|
-
{
|
|
35950
|
-
"kind": "field",
|
|
35951
|
-
"name": "defaultValue",
|
|
35952
|
-
"type": {
|
|
35953
|
-
"text": "number"
|
|
35954
|
-
},
|
|
35955
|
-
"default": "0",
|
|
35956
|
-
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
35957
|
-
},
|
|
35958
|
-
{
|
|
35959
|
-
"kind": "field",
|
|
35960
|
-
"name": "max",
|
|
35961
|
-
"type": {
|
|
35962
|
-
"text": "number"
|
|
35963
|
-
},
|
|
35964
|
-
"default": "5",
|
|
35965
|
-
"attribute": "max"
|
|
35899
|
+
"default": "''",
|
|
35900
|
+
"attribute": "revealed"
|
|
35966
35901
|
},
|
|
35967
35902
|
{
|
|
35968
35903
|
"kind": "field",
|
|
35969
|
-
"name": "
|
|
35904
|
+
"name": "hideDelay",
|
|
35970
35905
|
"type": {
|
|
35971
35906
|
"text": "number"
|
|
35972
35907
|
},
|
|
35973
|
-
"default": "
|
|
35974
|
-
"attribute": "
|
|
35908
|
+
"default": "150",
|
|
35909
|
+
"attribute": "hide-delay"
|
|
35975
35910
|
},
|
|
35976
35911
|
{
|
|
35977
35912
|
"kind": "field",
|
|
35978
|
-
"name": "
|
|
35913
|
+
"name": "noToggle",
|
|
35979
35914
|
"type": {
|
|
35980
35915
|
"text": "boolean"
|
|
35981
35916
|
},
|
|
35982
35917
|
"default": "false",
|
|
35983
|
-
"
|
|
35918
|
+
"description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
|
|
35919
|
+
"attribute": "no-toggle"
|
|
35984
35920
|
},
|
|
35985
35921
|
{
|
|
35986
35922
|
"kind": "field",
|
|
35987
|
-
"name": "
|
|
35923
|
+
"name": "_isMasked",
|
|
35988
35924
|
"type": {
|
|
35989
35925
|
"text": "boolean"
|
|
35990
35926
|
},
|
|
35991
|
-
"
|
|
35992
|
-
"
|
|
35927
|
+
"privacy": "private",
|
|
35928
|
+
"description": "Nothing is hidden when the revealed value is what's already on show, so there is nothing to reveal.",
|
|
35929
|
+
"readonly": true
|
|
35993
35930
|
},
|
|
35994
35931
|
{
|
|
35995
35932
|
"kind": "field",
|
|
35996
|
-
"name": "
|
|
35933
|
+
"name": "_isRevealed",
|
|
35997
35934
|
"type": {
|
|
35998
35935
|
"text": "boolean"
|
|
35999
35936
|
},
|
|
36000
|
-
"
|
|
36001
|
-
"
|
|
36002
|
-
"attribute": "preview"
|
|
35937
|
+
"privacy": "private",
|
|
35938
|
+
"default": "false"
|
|
36003
35939
|
},
|
|
36004
35940
|
{
|
|
36005
35941
|
"kind": "field",
|
|
36006
|
-
"name": "
|
|
35942
|
+
"name": "_isToggled",
|
|
36007
35943
|
"type": {
|
|
36008
|
-
"text": "
|
|
35944
|
+
"text": "boolean"
|
|
36009
35945
|
},
|
|
36010
|
-
"
|
|
36011
|
-
"
|
|
35946
|
+
"privacy": "private",
|
|
35947
|
+
"default": "false"
|
|
36012
35948
|
},
|
|
36013
35949
|
{
|
|
36014
35950
|
"kind": "field",
|
|
36015
|
-
"name": "
|
|
35951
|
+
"name": "_hideTimer",
|
|
36016
35952
|
"type": {
|
|
36017
|
-
"text": "
|
|
36018
|
-
},
|
|
36019
|
-
"attribute": "getSymbol"
|
|
36020
|
-
},
|
|
36021
|
-
{
|
|
36022
|
-
"kind": "field",
|
|
36023
|
-
"name": "validity",
|
|
36024
|
-
"description": "Gets the validity state object",
|
|
36025
|
-
"readonly": true
|
|
36026
|
-
},
|
|
36027
|
-
{
|
|
36028
|
-
"kind": "field",
|
|
36029
|
-
"name": "validationMessage",
|
|
36030
|
-
"description": "Gets the validation message",
|
|
36031
|
-
"readonly": true
|
|
36032
|
-
},
|
|
36033
|
-
{
|
|
36034
|
-
"kind": "method",
|
|
36035
|
-
"name": "checkValidity",
|
|
36036
|
-
"return": {
|
|
36037
|
-
"type": {
|
|
36038
|
-
"text": "boolean"
|
|
36039
|
-
}
|
|
36040
|
-
},
|
|
36041
|
-
"description": "Checks the validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
36042
|
-
},
|
|
36043
|
-
{
|
|
36044
|
-
"kind": "method",
|
|
36045
|
-
"name": "getForm",
|
|
36046
|
-
"return": {
|
|
36047
|
-
"type": {
|
|
36048
|
-
"text": "HTMLFormElement | null"
|
|
36049
|
-
}
|
|
36050
|
-
},
|
|
36051
|
-
"description": "Gets the associated form, if one exists."
|
|
36052
|
-
},
|
|
36053
|
-
{
|
|
36054
|
-
"kind": "method",
|
|
36055
|
-
"name": "reportValidity",
|
|
36056
|
-
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
36057
|
-
},
|
|
36058
|
-
{
|
|
36059
|
-
"kind": "method",
|
|
36060
|
-
"name": "setCustomValidity",
|
|
36061
|
-
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
36062
|
-
},
|
|
36063
|
-
{
|
|
36064
|
-
"kind": "method",
|
|
36065
|
-
"name": "_roundToPrecision",
|
|
36066
|
-
"privacy": "private",
|
|
36067
|
-
"return": {
|
|
36068
|
-
"type": {
|
|
36069
|
-
"text": "number"
|
|
36070
|
-
}
|
|
36071
|
-
},
|
|
36072
|
-
"parameters": [
|
|
36073
|
-
{
|
|
36074
|
-
"name": "value",
|
|
36075
|
-
"type": {
|
|
36076
|
-
"text": "number"
|
|
36077
|
-
}
|
|
36078
|
-
},
|
|
36079
|
-
{
|
|
36080
|
-
"name": "precision",
|
|
36081
|
-
"type": {
|
|
36082
|
-
"text": "number"
|
|
36083
|
-
}
|
|
36084
|
-
}
|
|
36085
|
-
]
|
|
36086
|
-
},
|
|
36087
|
-
{
|
|
36088
|
-
"kind": "method",
|
|
36089
|
-
"name": "_getValueFromXCoordinate",
|
|
36090
|
-
"privacy": "private",
|
|
36091
|
-
"return": {
|
|
36092
|
-
"type": {
|
|
36093
|
-
"text": "number"
|
|
36094
|
-
}
|
|
36095
|
-
},
|
|
36096
|
-
"parameters": [
|
|
36097
|
-
{
|
|
36098
|
-
"name": "coordinate",
|
|
36099
|
-
"type": {
|
|
36100
|
-
"text": "number"
|
|
36101
|
-
}
|
|
36102
|
-
}
|
|
36103
|
-
]
|
|
36104
|
-
},
|
|
36105
|
-
{
|
|
36106
|
-
"kind": "method",
|
|
36107
|
-
"name": "_formatValue",
|
|
36108
|
-
"privacy": "private",
|
|
36109
|
-
"return": {
|
|
36110
|
-
"type": {
|
|
36111
|
-
"text": "string"
|
|
36112
|
-
}
|
|
36113
|
-
},
|
|
36114
|
-
"parameters": [
|
|
36115
|
-
{
|
|
36116
|
-
"name": "value",
|
|
36117
|
-
"type": {
|
|
36118
|
-
"text": "number"
|
|
36119
|
-
}
|
|
36120
|
-
}
|
|
36121
|
-
]
|
|
36122
|
-
},
|
|
36123
|
-
{
|
|
36124
|
-
"kind": "method",
|
|
36125
|
-
"name": "_getValueFromMousePosition",
|
|
36126
|
-
"privacy": "private",
|
|
36127
|
-
"return": {
|
|
36128
|
-
"type": {
|
|
36129
|
-
"text": "number"
|
|
36130
|
-
}
|
|
36131
|
-
},
|
|
36132
|
-
"parameters": [
|
|
36133
|
-
{
|
|
36134
|
-
"name": "event",
|
|
36135
|
-
"type": {
|
|
36136
|
-
"text": "MouseEvent"
|
|
36137
|
-
}
|
|
36138
|
-
}
|
|
36139
|
-
]
|
|
36140
|
-
},
|
|
36141
|
-
{
|
|
36142
|
-
"kind": "method",
|
|
36143
|
-
"name": "_getValueFromTouchPosition",
|
|
36144
|
-
"privacy": "private",
|
|
36145
|
-
"return": {
|
|
36146
|
-
"type": {
|
|
36147
|
-
"text": "number"
|
|
36148
|
-
}
|
|
35953
|
+
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
36149
35954
|
},
|
|
36150
|
-
"
|
|
36151
|
-
{
|
|
36152
|
-
"name": "event",
|
|
36153
|
-
"type": {
|
|
36154
|
-
"text": "TouchEvent"
|
|
36155
|
-
}
|
|
36156
|
-
}
|
|
36157
|
-
]
|
|
36158
|
-
},
|
|
36159
|
-
{
|
|
36160
|
-
"kind": "method",
|
|
36161
|
-
"name": "_setValue",
|
|
36162
|
-
"privacy": "private",
|
|
36163
|
-
"parameters": [
|
|
36164
|
-
{
|
|
36165
|
-
"name": "value",
|
|
36166
|
-
"type": {
|
|
36167
|
-
"text": "number"
|
|
36168
|
-
}
|
|
36169
|
-
}
|
|
36170
|
-
]
|
|
36171
|
-
},
|
|
36172
|
-
{
|
|
36173
|
-
"kind": "method",
|
|
36174
|
-
"name": "_handleClick",
|
|
36175
|
-
"privacy": "private",
|
|
36176
|
-
"parameters": [
|
|
36177
|
-
{
|
|
36178
|
-
"name": "event",
|
|
36179
|
-
"type": {
|
|
36180
|
-
"text": "MouseEvent"
|
|
36181
|
-
}
|
|
36182
|
-
}
|
|
36183
|
-
]
|
|
36184
|
-
},
|
|
36185
|
-
{
|
|
36186
|
-
"kind": "method",
|
|
36187
|
-
"name": "_handleMouseEnter",
|
|
36188
|
-
"privacy": "private",
|
|
36189
|
-
"parameters": [
|
|
36190
|
-
{
|
|
36191
|
-
"name": "event",
|
|
36192
|
-
"type": {
|
|
36193
|
-
"text": "MouseEvent"
|
|
36194
|
-
}
|
|
36195
|
-
}
|
|
36196
|
-
]
|
|
36197
|
-
},
|
|
36198
|
-
{
|
|
36199
|
-
"kind": "method",
|
|
36200
|
-
"name": "_handleMouseMove",
|
|
36201
|
-
"privacy": "private",
|
|
36202
|
-
"parameters": [
|
|
36203
|
-
{
|
|
36204
|
-
"name": "event",
|
|
36205
|
-
"type": {
|
|
36206
|
-
"text": "MouseEvent"
|
|
36207
|
-
}
|
|
36208
|
-
}
|
|
36209
|
-
]
|
|
35955
|
+
"privacy": "private"
|
|
36210
35956
|
},
|
|
36211
35957
|
{
|
|
36212
35958
|
"kind": "method",
|
|
36213
|
-
"name": "
|
|
35959
|
+
"name": "_clearHideTimer",
|
|
36214
35960
|
"privacy": "private"
|
|
36215
35961
|
},
|
|
36216
35962
|
{
|
|
36217
35963
|
"kind": "method",
|
|
36218
|
-
"name": "
|
|
36219
|
-
"privacy": "
|
|
36220
|
-
"parameters": [
|
|
36221
|
-
{
|
|
36222
|
-
"name": "event",
|
|
36223
|
-
"type": {
|
|
36224
|
-
"text": "TouchEvent"
|
|
36225
|
-
}
|
|
36226
|
-
}
|
|
36227
|
-
]
|
|
35964
|
+
"name": "handleToggleReveal",
|
|
35965
|
+
"privacy": "protected"
|
|
36228
35966
|
},
|
|
36229
35967
|
{
|
|
36230
35968
|
"kind": "method",
|
|
36231
|
-
"name": "
|
|
36232
|
-
"privacy": "
|
|
36233
|
-
"parameters": [
|
|
36234
|
-
{
|
|
36235
|
-
"name": "event",
|
|
36236
|
-
"type": {
|
|
36237
|
-
"text": "TouchEvent"
|
|
36238
|
-
}
|
|
36239
|
-
}
|
|
36240
|
-
]
|
|
35969
|
+
"name": "handleMouseEnter",
|
|
35970
|
+
"privacy": "protected"
|
|
36241
35971
|
},
|
|
36242
35972
|
{
|
|
36243
35973
|
"kind": "method",
|
|
36244
|
-
"name": "
|
|
36245
|
-
"privacy": "
|
|
36246
|
-
"parameters": [
|
|
36247
|
-
{
|
|
36248
|
-
"name": "event",
|
|
36249
|
-
"type": {
|
|
36250
|
-
"text": "TouchEvent"
|
|
36251
|
-
}
|
|
36252
|
-
}
|
|
36253
|
-
]
|
|
35974
|
+
"name": "handleMouseLeave",
|
|
35975
|
+
"privacy": "protected"
|
|
36254
35976
|
}
|
|
36255
35977
|
],
|
|
36256
35978
|
"events": [
|
|
@@ -36261,91 +35983,45 @@
|
|
|
36261
35983
|
],
|
|
36262
35984
|
"attributes": [
|
|
36263
35985
|
{
|
|
36264
|
-
"name": "
|
|
35986
|
+
"name": "duration",
|
|
36265
35987
|
"type": {
|
|
36266
|
-
"text": "
|
|
35988
|
+
"text": "number"
|
|
36267
35989
|
},
|
|
36268
|
-
"
|
|
35990
|
+
"default": "2000",
|
|
35991
|
+
"fieldName": "duration"
|
|
36269
35992
|
},
|
|
36270
35993
|
{
|
|
36271
|
-
"name": "
|
|
35994
|
+
"name": "initial",
|
|
36272
35995
|
"type": {
|
|
36273
35996
|
"text": "string"
|
|
36274
35997
|
},
|
|
36275
35998
|
"default": "''",
|
|
36276
|
-
"
|
|
36277
|
-
"fieldName": "helpText"
|
|
35999
|
+
"fieldName": "initial"
|
|
36278
36000
|
},
|
|
36279
36001
|
{
|
|
36280
|
-
"name": "
|
|
36002
|
+
"name": "revealed",
|
|
36281
36003
|
"type": {
|
|
36282
36004
|
"text": "string"
|
|
36283
36005
|
},
|
|
36284
|
-
"
|
|
36285
|
-
|
|
36286
|
-
{
|
|
36287
|
-
"name": "value",
|
|
36288
|
-
"type": {
|
|
36289
|
-
"text": "number"
|
|
36290
|
-
},
|
|
36291
|
-
"default": "0",
|
|
36292
|
-
"fieldName": "value"
|
|
36293
|
-
},
|
|
36294
|
-
{
|
|
36295
|
-
"name": "max",
|
|
36296
|
-
"type": {
|
|
36297
|
-
"text": "number"
|
|
36298
|
-
},
|
|
36299
|
-
"default": "5",
|
|
36300
|
-
"fieldName": "max"
|
|
36006
|
+
"default": "''",
|
|
36007
|
+
"fieldName": "revealed"
|
|
36301
36008
|
},
|
|
36302
36009
|
{
|
|
36303
|
-
"name": "
|
|
36010
|
+
"name": "hide-delay",
|
|
36304
36011
|
"type": {
|
|
36305
36012
|
"text": "number"
|
|
36306
36013
|
},
|
|
36307
|
-
"default": "
|
|
36308
|
-
"fieldName": "
|
|
36309
|
-
},
|
|
36310
|
-
{
|
|
36311
|
-
"name": "readonly",
|
|
36312
|
-
"type": {
|
|
36313
|
-
"text": "boolean"
|
|
36314
|
-
},
|
|
36315
|
-
"default": "false",
|
|
36316
|
-
"fieldName": "readonly"
|
|
36317
|
-
},
|
|
36318
|
-
{
|
|
36319
|
-
"name": "disabled",
|
|
36320
|
-
"type": {
|
|
36321
|
-
"text": "boolean"
|
|
36322
|
-
},
|
|
36323
|
-
"default": "false",
|
|
36324
|
-
"fieldName": "disabled"
|
|
36014
|
+
"default": "150",
|
|
36015
|
+
"fieldName": "hideDelay"
|
|
36325
36016
|
},
|
|
36326
36017
|
{
|
|
36327
|
-
"name": "
|
|
36018
|
+
"name": "no-toggle",
|
|
36328
36019
|
"type": {
|
|
36329
36020
|
"text": "boolean"
|
|
36330
36021
|
},
|
|
36331
36022
|
"default": "false",
|
|
36332
|
-
"description": "
|
|
36333
|
-
"fieldName": "
|
|
36334
|
-
},
|
|
36335
|
-
{
|
|
36336
|
-
"name": "size",
|
|
36337
|
-
"type": {
|
|
36338
|
-
"text": "'small' | 'medium' | 'large'"
|
|
36339
|
-
},
|
|
36340
|
-
"default": "'medium'",
|
|
36341
|
-
"fieldName": "size"
|
|
36342
|
-
},
|
|
36343
|
-
{
|
|
36344
|
-
"name": "getSymbol",
|
|
36345
|
-
"type": {
|
|
36346
|
-
"text": "(value: number) => string"
|
|
36347
|
-
},
|
|
36348
|
-
"fieldName": "getSymbol"
|
|
36023
|
+
"description": "Disables click-to-toggle so the value is only revealed on hover. Clicks still bubble to the parent.",
|
|
36024
|
+
"fieldName": "noToggle"
|
|
36349
36025
|
}
|
|
36350
36026
|
],
|
|
36351
36027
|
"superclass": {
|
|
@@ -36353,11 +36029,11 @@
|
|
|
36353
36029
|
"module": "/src/internal/zinc-element"
|
|
36354
36030
|
},
|
|
36355
36031
|
"summary": "Short summary of the component's intended use.",
|
|
36356
|
-
"tagNameWithoutPrefix": "
|
|
36357
|
-
"tagName": "zn-
|
|
36032
|
+
"tagNameWithoutPrefix": "reveal",
|
|
36033
|
+
"tagName": "zn-reveal",
|
|
36358
36034
|
"customElement": true,
|
|
36359
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/
|
|
36360
|
-
"documentation": "https://zinc.style/components/
|
|
36035
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/reveal\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 * @usage\n * ```html\n * <zn-reveal duration=\"3000\"\n * initial=\"******@hotmail.com\"\n * revealed=\"john.doe@hotmail.com\" toggle>\n * </zn-reveal>\n * ```\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
36036
|
+
"documentation": "https://zinc.style/components/reveal",
|
|
36361
36037
|
"status": "experimental",
|
|
36362
36038
|
"since": "1.0",
|
|
36363
36039
|
"dependencies": [
|
|
@@ -36370,8 +36046,8 @@
|
|
|
36370
36046
|
"kind": "js",
|
|
36371
36047
|
"name": "default",
|
|
36372
36048
|
"declaration": {
|
|
36373
|
-
"name": "
|
|
36374
|
-
"module": "components/
|
|
36049
|
+
"name": "ZnReveal",
|
|
36050
|
+
"module": "components/reveal/reveal.js"
|
|
36375
36051
|
}
|
|
36376
36052
|
}
|
|
36377
36053
|
]
|
|
@@ -38198,22 +37874,42 @@
|
|
|
38198
37874
|
},
|
|
38199
37875
|
{
|
|
38200
37876
|
"kind": "javascript-module",
|
|
38201
|
-
"path": "components/
|
|
37877
|
+
"path": "components/rating/rating.js",
|
|
38202
37878
|
"declarations": [
|
|
38203
37879
|
{
|
|
38204
37880
|
"kind": "class",
|
|
38205
37881
|
"description": "",
|
|
38206
|
-
"name": "
|
|
37882
|
+
"name": "ZnRating",
|
|
38207
37883
|
"cssProperties": [
|
|
38208
37884
|
{
|
|
38209
37885
|
"description": "An example CSS custom property.",
|
|
38210
37886
|
"name": "--example"
|
|
37887
|
+
},
|
|
37888
|
+
{
|
|
37889
|
+
"description": "The color of the preview value.",
|
|
37890
|
+
"name": "--preview-color"
|
|
37891
|
+
},
|
|
37892
|
+
{
|
|
37893
|
+
"description": "The font size of the preview value.",
|
|
37894
|
+
"name": "--preview-size"
|
|
38211
37895
|
}
|
|
38212
37896
|
],
|
|
38213
37897
|
"cssParts": [
|
|
37898
|
+
{
|
|
37899
|
+
"description": "The form control that wraps the symbols and help text.",
|
|
37900
|
+
"name": "form-control"
|
|
37901
|
+
},
|
|
37902
|
+
{
|
|
37903
|
+
"description": "The help text's wrapper.",
|
|
37904
|
+
"name": "form-control-help-text"
|
|
37905
|
+
},
|
|
38214
37906
|
{
|
|
38215
37907
|
"description": "The component's base wrapper.",
|
|
38216
37908
|
"name": "base"
|
|
37909
|
+
},
|
|
37910
|
+
{
|
|
37911
|
+
"description": "The value shown next to the symbols when `preview` is enabled.",
|
|
37912
|
+
"name": "preview"
|
|
38217
37913
|
}
|
|
38218
37914
|
],
|
|
38219
37915
|
"slots": [
|
|
@@ -38224,110 +37920,399 @@
|
|
|
38224
37920
|
{
|
|
38225
37921
|
"description": "An example slot.",
|
|
38226
37922
|
"name": "example"
|
|
37923
|
+
},
|
|
37924
|
+
{
|
|
37925
|
+
"description": "Text that describes how to use the rating. Alternatively, you can use the `help-text` attribute.",
|
|
37926
|
+
"name": "help-text"
|
|
38227
37927
|
}
|
|
38228
37928
|
],
|
|
38229
37929
|
"members": [
|
|
38230
37930
|
{
|
|
38231
37931
|
"kind": "field",
|
|
38232
|
-
"name": "
|
|
37932
|
+
"name": "formControlController",
|
|
37933
|
+
"privacy": "private",
|
|
37934
|
+
"readonly": true,
|
|
37935
|
+
"default": "new FormControlController(this, { assumeInteractionOn: ['zn-blur', 'zn-input'] })"
|
|
37936
|
+
},
|
|
37937
|
+
{
|
|
37938
|
+
"kind": "field",
|
|
37939
|
+
"name": "hasSlotController",
|
|
37940
|
+
"privacy": "private",
|
|
37941
|
+
"readonly": true,
|
|
37942
|
+
"default": "new HasSlotController(this, 'help-text')"
|
|
37943
|
+
},
|
|
37944
|
+
{
|
|
37945
|
+
"kind": "field",
|
|
37946
|
+
"name": "rating",
|
|
37947
|
+
"type": {
|
|
37948
|
+
"text": "HTMLElement"
|
|
37949
|
+
}
|
|
37950
|
+
},
|
|
37951
|
+
{
|
|
37952
|
+
"kind": "field",
|
|
37953
|
+
"name": "symbols",
|
|
37954
|
+
"type": {
|
|
37955
|
+
"text": "HTMLElement"
|
|
37956
|
+
}
|
|
37957
|
+
},
|
|
37958
|
+
{
|
|
37959
|
+
"kind": "field",
|
|
37960
|
+
"name": "hoverValue",
|
|
38233
37961
|
"type": {
|
|
38234
37962
|
"text": "number"
|
|
38235
37963
|
},
|
|
38236
|
-
"
|
|
38237
|
-
"
|
|
37964
|
+
"privacy": "private",
|
|
37965
|
+
"default": "0"
|
|
38238
37966
|
},
|
|
38239
37967
|
{
|
|
38240
37968
|
"kind": "field",
|
|
38241
|
-
"name": "
|
|
37969
|
+
"name": "isHovering",
|
|
37970
|
+
"type": {
|
|
37971
|
+
"text": "boolean"
|
|
37972
|
+
},
|
|
37973
|
+
"privacy": "private",
|
|
37974
|
+
"default": "false"
|
|
37975
|
+
},
|
|
37976
|
+
{
|
|
37977
|
+
"kind": "field",
|
|
37978
|
+
"name": "label",
|
|
38242
37979
|
"type": {
|
|
38243
37980
|
"text": "string"
|
|
38244
37981
|
},
|
|
38245
|
-
"
|
|
38246
|
-
"attribute": "initial"
|
|
37982
|
+
"attribute": "label"
|
|
38247
37983
|
},
|
|
38248
37984
|
{
|
|
38249
37985
|
"kind": "field",
|
|
38250
|
-
"name": "
|
|
37986
|
+
"name": "helpText",
|
|
38251
37987
|
"type": {
|
|
38252
37988
|
"text": "string"
|
|
38253
37989
|
},
|
|
38254
37990
|
"default": "''",
|
|
38255
|
-
"
|
|
37991
|
+
"description": "The rating's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
37992
|
+
"attribute": "help-text"
|
|
38256
37993
|
},
|
|
38257
37994
|
{
|
|
38258
37995
|
"kind": "field",
|
|
38259
|
-
"name": "
|
|
37996
|
+
"name": "name",
|
|
37997
|
+
"type": {
|
|
37998
|
+
"text": "string"
|
|
37999
|
+
},
|
|
38000
|
+
"attribute": "name"
|
|
38001
|
+
},
|
|
38002
|
+
{
|
|
38003
|
+
"kind": "field",
|
|
38004
|
+
"name": "value",
|
|
38260
38005
|
"type": {
|
|
38261
38006
|
"text": "number"
|
|
38262
38007
|
},
|
|
38263
|
-
"default": "
|
|
38264
|
-
"attribute": "
|
|
38008
|
+
"default": "0",
|
|
38009
|
+
"attribute": "value"
|
|
38265
38010
|
},
|
|
38266
38011
|
{
|
|
38267
38012
|
"kind": "field",
|
|
38268
|
-
"name": "
|
|
38013
|
+
"name": "defaultValue",
|
|
38014
|
+
"type": {
|
|
38015
|
+
"text": "number"
|
|
38016
|
+
},
|
|
38017
|
+
"default": "0",
|
|
38018
|
+
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
38019
|
+
},
|
|
38020
|
+
{
|
|
38021
|
+
"kind": "field",
|
|
38022
|
+
"name": "max",
|
|
38023
|
+
"type": {
|
|
38024
|
+
"text": "number"
|
|
38025
|
+
},
|
|
38026
|
+
"default": "5",
|
|
38027
|
+
"attribute": "max"
|
|
38028
|
+
},
|
|
38029
|
+
{
|
|
38030
|
+
"kind": "field",
|
|
38031
|
+
"name": "precision",
|
|
38032
|
+
"type": {
|
|
38033
|
+
"text": "number"
|
|
38034
|
+
},
|
|
38035
|
+
"default": "1",
|
|
38036
|
+
"attribute": "precision"
|
|
38037
|
+
},
|
|
38038
|
+
{
|
|
38039
|
+
"kind": "field",
|
|
38040
|
+
"name": "readonly",
|
|
38269
38041
|
"type": {
|
|
38270
38042
|
"text": "boolean"
|
|
38271
38043
|
},
|
|
38272
38044
|
"default": "false",
|
|
38273
|
-
"
|
|
38274
|
-
"attribute": "no-toggle"
|
|
38045
|
+
"attribute": "readonly"
|
|
38275
38046
|
},
|
|
38276
38047
|
{
|
|
38277
38048
|
"kind": "field",
|
|
38278
|
-
"name": "
|
|
38049
|
+
"name": "disabled",
|
|
38279
38050
|
"type": {
|
|
38280
38051
|
"text": "boolean"
|
|
38281
38052
|
},
|
|
38282
|
-
"
|
|
38283
|
-
"
|
|
38284
|
-
"readonly": true
|
|
38053
|
+
"default": "false",
|
|
38054
|
+
"attribute": "disabled"
|
|
38285
38055
|
},
|
|
38286
38056
|
{
|
|
38287
38057
|
"kind": "field",
|
|
38288
|
-
"name": "
|
|
38058
|
+
"name": "preview",
|
|
38289
38059
|
"type": {
|
|
38290
38060
|
"text": "boolean"
|
|
38291
38061
|
},
|
|
38292
|
-
"
|
|
38293
|
-
"
|
|
38062
|
+
"default": "false",
|
|
38063
|
+
"description": "Displays the value alongside the symbols, updating live as the pointer moves across them.",
|
|
38064
|
+
"attribute": "preview"
|
|
38294
38065
|
},
|
|
38295
38066
|
{
|
|
38296
38067
|
"kind": "field",
|
|
38297
|
-
"name": "
|
|
38068
|
+
"name": "size",
|
|
38298
38069
|
"type": {
|
|
38299
|
-
"text": "
|
|
38070
|
+
"text": "'small' | 'medium' | 'large'"
|
|
38300
38071
|
},
|
|
38301
|
-
"
|
|
38302
|
-
"
|
|
38072
|
+
"default": "'medium'",
|
|
38073
|
+
"attribute": "size"
|
|
38303
38074
|
},
|
|
38304
38075
|
{
|
|
38305
38076
|
"kind": "field",
|
|
38306
|
-
"name": "
|
|
38077
|
+
"name": "getSymbol",
|
|
38307
38078
|
"type": {
|
|
38308
|
-
"text": "
|
|
38079
|
+
"text": "(value: number) => string"
|
|
38309
38080
|
},
|
|
38310
|
-
"
|
|
38081
|
+
"attribute": "getSymbol"
|
|
38082
|
+
},
|
|
38083
|
+
{
|
|
38084
|
+
"kind": "field",
|
|
38085
|
+
"name": "validity",
|
|
38086
|
+
"description": "Gets the validity state object",
|
|
38087
|
+
"readonly": true
|
|
38088
|
+
},
|
|
38089
|
+
{
|
|
38090
|
+
"kind": "field",
|
|
38091
|
+
"name": "validationMessage",
|
|
38092
|
+
"description": "Gets the validation message",
|
|
38093
|
+
"readonly": true
|
|
38311
38094
|
},
|
|
38312
38095
|
{
|
|
38313
38096
|
"kind": "method",
|
|
38314
|
-
"name": "
|
|
38097
|
+
"name": "checkValidity",
|
|
38098
|
+
"return": {
|
|
38099
|
+
"type": {
|
|
38100
|
+
"text": "boolean"
|
|
38101
|
+
}
|
|
38102
|
+
},
|
|
38103
|
+
"description": "Checks the validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
38104
|
+
},
|
|
38105
|
+
{
|
|
38106
|
+
"kind": "method",
|
|
38107
|
+
"name": "getForm",
|
|
38108
|
+
"return": {
|
|
38109
|
+
"type": {
|
|
38110
|
+
"text": "HTMLFormElement | null"
|
|
38111
|
+
}
|
|
38112
|
+
},
|
|
38113
|
+
"description": "Gets the associated form, if one exists."
|
|
38114
|
+
},
|
|
38115
|
+
{
|
|
38116
|
+
"kind": "method",
|
|
38117
|
+
"name": "reportValidity",
|
|
38118
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
38119
|
+
},
|
|
38120
|
+
{
|
|
38121
|
+
"kind": "method",
|
|
38122
|
+
"name": "setCustomValidity",
|
|
38123
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
38124
|
+
},
|
|
38125
|
+
{
|
|
38126
|
+
"kind": "method",
|
|
38127
|
+
"name": "_roundToPrecision",
|
|
38128
|
+
"privacy": "private",
|
|
38129
|
+
"return": {
|
|
38130
|
+
"type": {
|
|
38131
|
+
"text": "number"
|
|
38132
|
+
}
|
|
38133
|
+
},
|
|
38134
|
+
"parameters": [
|
|
38135
|
+
{
|
|
38136
|
+
"name": "value",
|
|
38137
|
+
"type": {
|
|
38138
|
+
"text": "number"
|
|
38139
|
+
}
|
|
38140
|
+
},
|
|
38141
|
+
{
|
|
38142
|
+
"name": "precision",
|
|
38143
|
+
"type": {
|
|
38144
|
+
"text": "number"
|
|
38145
|
+
}
|
|
38146
|
+
}
|
|
38147
|
+
]
|
|
38148
|
+
},
|
|
38149
|
+
{
|
|
38150
|
+
"kind": "method",
|
|
38151
|
+
"name": "_getValueFromXCoordinate",
|
|
38152
|
+
"privacy": "private",
|
|
38153
|
+
"return": {
|
|
38154
|
+
"type": {
|
|
38155
|
+
"text": "number"
|
|
38156
|
+
}
|
|
38157
|
+
},
|
|
38158
|
+
"parameters": [
|
|
38159
|
+
{
|
|
38160
|
+
"name": "coordinate",
|
|
38161
|
+
"type": {
|
|
38162
|
+
"text": "number"
|
|
38163
|
+
}
|
|
38164
|
+
}
|
|
38165
|
+
]
|
|
38166
|
+
},
|
|
38167
|
+
{
|
|
38168
|
+
"kind": "method",
|
|
38169
|
+
"name": "_formatValue",
|
|
38170
|
+
"privacy": "private",
|
|
38171
|
+
"return": {
|
|
38172
|
+
"type": {
|
|
38173
|
+
"text": "string"
|
|
38174
|
+
}
|
|
38175
|
+
},
|
|
38176
|
+
"parameters": [
|
|
38177
|
+
{
|
|
38178
|
+
"name": "value",
|
|
38179
|
+
"type": {
|
|
38180
|
+
"text": "number"
|
|
38181
|
+
}
|
|
38182
|
+
}
|
|
38183
|
+
]
|
|
38184
|
+
},
|
|
38185
|
+
{
|
|
38186
|
+
"kind": "method",
|
|
38187
|
+
"name": "_getValueFromMousePosition",
|
|
38188
|
+
"privacy": "private",
|
|
38189
|
+
"return": {
|
|
38190
|
+
"type": {
|
|
38191
|
+
"text": "number"
|
|
38192
|
+
}
|
|
38193
|
+
},
|
|
38194
|
+
"parameters": [
|
|
38195
|
+
{
|
|
38196
|
+
"name": "event",
|
|
38197
|
+
"type": {
|
|
38198
|
+
"text": "MouseEvent"
|
|
38199
|
+
}
|
|
38200
|
+
}
|
|
38201
|
+
]
|
|
38202
|
+
},
|
|
38203
|
+
{
|
|
38204
|
+
"kind": "method",
|
|
38205
|
+
"name": "_getValueFromTouchPosition",
|
|
38206
|
+
"privacy": "private",
|
|
38207
|
+
"return": {
|
|
38208
|
+
"type": {
|
|
38209
|
+
"text": "number"
|
|
38210
|
+
}
|
|
38211
|
+
},
|
|
38212
|
+
"parameters": [
|
|
38213
|
+
{
|
|
38214
|
+
"name": "event",
|
|
38215
|
+
"type": {
|
|
38216
|
+
"text": "TouchEvent"
|
|
38217
|
+
}
|
|
38218
|
+
}
|
|
38219
|
+
]
|
|
38220
|
+
},
|
|
38221
|
+
{
|
|
38222
|
+
"kind": "method",
|
|
38223
|
+
"name": "_setValue",
|
|
38224
|
+
"privacy": "private",
|
|
38225
|
+
"parameters": [
|
|
38226
|
+
{
|
|
38227
|
+
"name": "value",
|
|
38228
|
+
"type": {
|
|
38229
|
+
"text": "number"
|
|
38230
|
+
}
|
|
38231
|
+
}
|
|
38232
|
+
]
|
|
38233
|
+
},
|
|
38234
|
+
{
|
|
38235
|
+
"kind": "method",
|
|
38236
|
+
"name": "_handleClick",
|
|
38237
|
+
"privacy": "private",
|
|
38238
|
+
"parameters": [
|
|
38239
|
+
{
|
|
38240
|
+
"name": "event",
|
|
38241
|
+
"type": {
|
|
38242
|
+
"text": "MouseEvent"
|
|
38243
|
+
}
|
|
38244
|
+
}
|
|
38245
|
+
]
|
|
38246
|
+
},
|
|
38247
|
+
{
|
|
38248
|
+
"kind": "method",
|
|
38249
|
+
"name": "_handleMouseEnter",
|
|
38250
|
+
"privacy": "private",
|
|
38251
|
+
"parameters": [
|
|
38252
|
+
{
|
|
38253
|
+
"name": "event",
|
|
38254
|
+
"type": {
|
|
38255
|
+
"text": "MouseEvent"
|
|
38256
|
+
}
|
|
38257
|
+
}
|
|
38258
|
+
]
|
|
38259
|
+
},
|
|
38260
|
+
{
|
|
38261
|
+
"kind": "method",
|
|
38262
|
+
"name": "_handleMouseMove",
|
|
38263
|
+
"privacy": "private",
|
|
38264
|
+
"parameters": [
|
|
38265
|
+
{
|
|
38266
|
+
"name": "event",
|
|
38267
|
+
"type": {
|
|
38268
|
+
"text": "MouseEvent"
|
|
38269
|
+
}
|
|
38270
|
+
}
|
|
38271
|
+
]
|
|
38272
|
+
},
|
|
38273
|
+
{
|
|
38274
|
+
"kind": "method",
|
|
38275
|
+
"name": "_handleMouseLeave",
|
|
38315
38276
|
"privacy": "private"
|
|
38316
38277
|
},
|
|
38317
38278
|
{
|
|
38318
38279
|
"kind": "method",
|
|
38319
|
-
"name": "
|
|
38320
|
-
"privacy": "
|
|
38280
|
+
"name": "_handleTouchStart",
|
|
38281
|
+
"privacy": "private",
|
|
38282
|
+
"parameters": [
|
|
38283
|
+
{
|
|
38284
|
+
"name": "event",
|
|
38285
|
+
"type": {
|
|
38286
|
+
"text": "TouchEvent"
|
|
38287
|
+
}
|
|
38288
|
+
}
|
|
38289
|
+
]
|
|
38321
38290
|
},
|
|
38322
38291
|
{
|
|
38323
38292
|
"kind": "method",
|
|
38324
|
-
"name": "
|
|
38325
|
-
"privacy": "
|
|
38293
|
+
"name": "_handleTouchMove",
|
|
38294
|
+
"privacy": "private",
|
|
38295
|
+
"parameters": [
|
|
38296
|
+
{
|
|
38297
|
+
"name": "event",
|
|
38298
|
+
"type": {
|
|
38299
|
+
"text": "TouchEvent"
|
|
38300
|
+
}
|
|
38301
|
+
}
|
|
38302
|
+
]
|
|
38326
38303
|
},
|
|
38327
38304
|
{
|
|
38328
38305
|
"kind": "method",
|
|
38329
|
-
"name": "
|
|
38330
|
-
"privacy": "
|
|
38306
|
+
"name": "_handleTouchEnd",
|
|
38307
|
+
"privacy": "private",
|
|
38308
|
+
"parameters": [
|
|
38309
|
+
{
|
|
38310
|
+
"name": "event",
|
|
38311
|
+
"type": {
|
|
38312
|
+
"text": "TouchEvent"
|
|
38313
|
+
}
|
|
38314
|
+
}
|
|
38315
|
+
]
|
|
38331
38316
|
}
|
|
38332
38317
|
],
|
|
38333
38318
|
"events": [
|
|
@@ -38338,45 +38323,91 @@
|
|
|
38338
38323
|
],
|
|
38339
38324
|
"attributes": [
|
|
38340
38325
|
{
|
|
38341
|
-
"name": "
|
|
38326
|
+
"name": "label",
|
|
38342
38327
|
"type": {
|
|
38343
|
-
"text": "
|
|
38328
|
+
"text": "string"
|
|
38344
38329
|
},
|
|
38345
|
-
"
|
|
38346
|
-
"fieldName": "duration"
|
|
38330
|
+
"fieldName": "label"
|
|
38347
38331
|
},
|
|
38348
38332
|
{
|
|
38349
|
-
"name": "
|
|
38333
|
+
"name": "help-text",
|
|
38350
38334
|
"type": {
|
|
38351
38335
|
"text": "string"
|
|
38352
38336
|
},
|
|
38353
38337
|
"default": "''",
|
|
38354
|
-
"
|
|
38338
|
+
"description": "The rating's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
38339
|
+
"fieldName": "helpText"
|
|
38355
38340
|
},
|
|
38356
38341
|
{
|
|
38357
|
-
"name": "
|
|
38342
|
+
"name": "name",
|
|
38358
38343
|
"type": {
|
|
38359
38344
|
"text": "string"
|
|
38360
38345
|
},
|
|
38361
|
-
"
|
|
38362
|
-
"fieldName": "revealed"
|
|
38346
|
+
"fieldName": "name"
|
|
38363
38347
|
},
|
|
38364
38348
|
{
|
|
38365
|
-
"name": "
|
|
38349
|
+
"name": "value",
|
|
38366
38350
|
"type": {
|
|
38367
38351
|
"text": "number"
|
|
38368
38352
|
},
|
|
38369
|
-
"default": "
|
|
38370
|
-
"fieldName": "
|
|
38353
|
+
"default": "0",
|
|
38354
|
+
"fieldName": "value"
|
|
38371
38355
|
},
|
|
38372
38356
|
{
|
|
38373
|
-
"name": "
|
|
38357
|
+
"name": "max",
|
|
38358
|
+
"type": {
|
|
38359
|
+
"text": "number"
|
|
38360
|
+
},
|
|
38361
|
+
"default": "5",
|
|
38362
|
+
"fieldName": "max"
|
|
38363
|
+
},
|
|
38364
|
+
{
|
|
38365
|
+
"name": "precision",
|
|
38366
|
+
"type": {
|
|
38367
|
+
"text": "number"
|
|
38368
|
+
},
|
|
38369
|
+
"default": "1",
|
|
38370
|
+
"fieldName": "precision"
|
|
38371
|
+
},
|
|
38372
|
+
{
|
|
38373
|
+
"name": "readonly",
|
|
38374
38374
|
"type": {
|
|
38375
38375
|
"text": "boolean"
|
|
38376
38376
|
},
|
|
38377
38377
|
"default": "false",
|
|
38378
|
-
"
|
|
38379
|
-
|
|
38378
|
+
"fieldName": "readonly"
|
|
38379
|
+
},
|
|
38380
|
+
{
|
|
38381
|
+
"name": "disabled",
|
|
38382
|
+
"type": {
|
|
38383
|
+
"text": "boolean"
|
|
38384
|
+
},
|
|
38385
|
+
"default": "false",
|
|
38386
|
+
"fieldName": "disabled"
|
|
38387
|
+
},
|
|
38388
|
+
{
|
|
38389
|
+
"name": "preview",
|
|
38390
|
+
"type": {
|
|
38391
|
+
"text": "boolean"
|
|
38392
|
+
},
|
|
38393
|
+
"default": "false",
|
|
38394
|
+
"description": "Displays the value alongside the symbols, updating live as the pointer moves across them.",
|
|
38395
|
+
"fieldName": "preview"
|
|
38396
|
+
},
|
|
38397
|
+
{
|
|
38398
|
+
"name": "size",
|
|
38399
|
+
"type": {
|
|
38400
|
+
"text": "'small' | 'medium' | 'large'"
|
|
38401
|
+
},
|
|
38402
|
+
"default": "'medium'",
|
|
38403
|
+
"fieldName": "size"
|
|
38404
|
+
},
|
|
38405
|
+
{
|
|
38406
|
+
"name": "getSymbol",
|
|
38407
|
+
"type": {
|
|
38408
|
+
"text": "(value: number) => string"
|
|
38409
|
+
},
|
|
38410
|
+
"fieldName": "getSymbol"
|
|
38380
38411
|
}
|
|
38381
38412
|
],
|
|
38382
38413
|
"superclass": {
|
|
@@ -38384,11 +38415,11 @@
|
|
|
38384
38415
|
"module": "/src/internal/zinc-element"
|
|
38385
38416
|
},
|
|
38386
38417
|
"summary": "Short summary of the component's intended use.",
|
|
38387
|
-
"tagNameWithoutPrefix": "
|
|
38388
|
-
"tagName": "zn-
|
|
38418
|
+
"tagNameWithoutPrefix": "rating",
|
|
38419
|
+
"tagName": "zn-rating",
|
|
38389
38420
|
"customElement": true,
|
|
38390
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/
|
|
38391
|
-
"documentation": "https://zinc.style/components/
|
|
38421
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/rating\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 * @slot help-text - Text that describes how to use the rating. Alternatively, you can use the `help-text` attribute.\n *\n * @csspart form-control - The form control that wraps the symbols and help text.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart preview - The value shown next to the symbols when `preview` is enabled.\n *\n * @cssproperty --example - An example CSS custom property.\n * @cssproperty --preview-color - The color of the preview value.\n * @cssproperty --preview-size - The font size of the preview value.\n */",
|
|
38422
|
+
"documentation": "https://zinc.style/components/rating",
|
|
38392
38423
|
"status": "experimental",
|
|
38393
38424
|
"since": "1.0",
|
|
38394
38425
|
"dependencies": [
|
|
@@ -38401,8 +38432,8 @@
|
|
|
38401
38432
|
"kind": "js",
|
|
38402
38433
|
"name": "default",
|
|
38403
38434
|
"declaration": {
|
|
38404
|
-
"name": "
|
|
38405
|
-
"module": "components/
|
|
38435
|
+
"name": "ZnRating",
|
|
38436
|
+
"module": "components/rating/rating.js"
|
|
38406
38437
|
}
|
|
38407
38438
|
}
|
|
38408
38439
|
]
|
|
@@ -46083,6 +46114,14 @@
|
|
|
46083
46114
|
"kind": "javascript-module",
|
|
46084
46115
|
"path": "components/tabs/tabs.js",
|
|
46085
46116
|
"declarations": [
|
|
46117
|
+
{
|
|
46118
|
+
"kind": "variable",
|
|
46119
|
+
"name": "tabContainerSelector",
|
|
46120
|
+
"type": {
|
|
46121
|
+
"text": "string"
|
|
46122
|
+
},
|
|
46123
|
+
"default": "'zn-tabs, zn-page, zn-page-nav'"
|
|
46124
|
+
},
|
|
46086
46125
|
{
|
|
46087
46126
|
"kind": "class",
|
|
46088
46127
|
"description": "",
|
|
@@ -46965,6 +47004,14 @@
|
|
|
46965
47004
|
}
|
|
46966
47005
|
],
|
|
46967
47006
|
"exports": [
|
|
47007
|
+
{
|
|
47008
|
+
"kind": "js",
|
|
47009
|
+
"name": "tabContainerSelector",
|
|
47010
|
+
"declaration": {
|
|
47011
|
+
"name": "tabContainerSelector",
|
|
47012
|
+
"module": "components/tabs/tabs.js"
|
|
47013
|
+
}
|
|
47014
|
+
},
|
|
46968
47015
|
{
|
|
46969
47016
|
"kind": "js",
|
|
46970
47017
|
"name": "default",
|
|
@@ -49166,6 +49213,381 @@
|
|
|
49166
49213
|
}
|
|
49167
49214
|
]
|
|
49168
49215
|
},
|
|
49216
|
+
{
|
|
49217
|
+
"kind": "javascript-module",
|
|
49218
|
+
"path": "components/tile/tile.js",
|
|
49219
|
+
"declarations": [
|
|
49220
|
+
{
|
|
49221
|
+
"kind": "class",
|
|
49222
|
+
"description": "",
|
|
49223
|
+
"name": "ZnTile",
|
|
49224
|
+
"cssProperties": [
|
|
49225
|
+
{
|
|
49226
|
+
"description": "An example CSS custom property.",
|
|
49227
|
+
"name": "--example"
|
|
49228
|
+
}
|
|
49229
|
+
],
|
|
49230
|
+
"cssParts": [
|
|
49231
|
+
{
|
|
49232
|
+
"description": "The component's base wrapper.",
|
|
49233
|
+
"name": "base"
|
|
49234
|
+
}
|
|
49235
|
+
],
|
|
49236
|
+
"slots": [
|
|
49237
|
+
{
|
|
49238
|
+
"description": "The default slot.",
|
|
49239
|
+
"name": ""
|
|
49240
|
+
},
|
|
49241
|
+
{
|
|
49242
|
+
"description": "An example slot.",
|
|
49243
|
+
"name": "example"
|
|
49244
|
+
}
|
|
49245
|
+
],
|
|
49246
|
+
"members": [
|
|
49247
|
+
{
|
|
49248
|
+
"kind": "field",
|
|
49249
|
+
"name": "hasSlotController",
|
|
49250
|
+
"privacy": "private",
|
|
49251
|
+
"readonly": true,
|
|
49252
|
+
"default": "new HasSlotController(this, '[default]', 'properties', 'actions', 'image')"
|
|
49253
|
+
},
|
|
49254
|
+
{
|
|
49255
|
+
"kind": "field",
|
|
49256
|
+
"name": "caption",
|
|
49257
|
+
"type": {
|
|
49258
|
+
"text": "string"
|
|
49259
|
+
},
|
|
49260
|
+
"attribute": "caption"
|
|
49261
|
+
},
|
|
49262
|
+
{
|
|
49263
|
+
"kind": "field",
|
|
49264
|
+
"name": "description",
|
|
49265
|
+
"type": {
|
|
49266
|
+
"text": "string"
|
|
49267
|
+
},
|
|
49268
|
+
"attribute": "description"
|
|
49269
|
+
},
|
|
49270
|
+
{
|
|
49271
|
+
"kind": "field",
|
|
49272
|
+
"name": "href",
|
|
49273
|
+
"type": {
|
|
49274
|
+
"text": "string"
|
|
49275
|
+
},
|
|
49276
|
+
"attribute": "href"
|
|
49277
|
+
},
|
|
49278
|
+
{
|
|
49279
|
+
"kind": "field",
|
|
49280
|
+
"name": "dataTarget",
|
|
49281
|
+
"type": {
|
|
49282
|
+
"text": "string"
|
|
49283
|
+
},
|
|
49284
|
+
"attribute": "data-target"
|
|
49285
|
+
},
|
|
49286
|
+
{
|
|
49287
|
+
"kind": "field",
|
|
49288
|
+
"name": "gaid",
|
|
49289
|
+
"type": {
|
|
49290
|
+
"text": "string"
|
|
49291
|
+
},
|
|
49292
|
+
"attribute": "gaid"
|
|
49293
|
+
},
|
|
49294
|
+
{
|
|
49295
|
+
"kind": "field",
|
|
49296
|
+
"name": "dataUri",
|
|
49297
|
+
"type": {
|
|
49298
|
+
"text": "string"
|
|
49299
|
+
},
|
|
49300
|
+
"attribute": "data-uri"
|
|
49301
|
+
},
|
|
49302
|
+
{
|
|
49303
|
+
"kind": "field",
|
|
49304
|
+
"name": "flush",
|
|
49305
|
+
"type": {
|
|
49306
|
+
"text": "boolean"
|
|
49307
|
+
},
|
|
49308
|
+
"attribute": "flush"
|
|
49309
|
+
},
|
|
49310
|
+
{
|
|
49311
|
+
"kind": "field",
|
|
49312
|
+
"name": "flushX",
|
|
49313
|
+
"type": {
|
|
49314
|
+
"text": "boolean"
|
|
49315
|
+
},
|
|
49316
|
+
"attribute": "flush-x"
|
|
49317
|
+
},
|
|
49318
|
+
{
|
|
49319
|
+
"kind": "field",
|
|
49320
|
+
"name": "flushY",
|
|
49321
|
+
"type": {
|
|
49322
|
+
"text": "boolean"
|
|
49323
|
+
},
|
|
49324
|
+
"attribute": "flush-y"
|
|
49325
|
+
},
|
|
49326
|
+
{
|
|
49327
|
+
"kind": "field",
|
|
49328
|
+
"name": "inline",
|
|
49329
|
+
"type": {
|
|
49330
|
+
"text": "boolean"
|
|
49331
|
+
},
|
|
49332
|
+
"attribute": "inline"
|
|
49333
|
+
},
|
|
49334
|
+
{
|
|
49335
|
+
"kind": "field",
|
|
49336
|
+
"name": "plain",
|
|
49337
|
+
"type": {
|
|
49338
|
+
"text": "boolean"
|
|
49339
|
+
},
|
|
49340
|
+
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
49341
|
+
"attribute": "plain"
|
|
49342
|
+
},
|
|
49343
|
+
{
|
|
49344
|
+
"kind": "field",
|
|
49345
|
+
"name": "grouped",
|
|
49346
|
+
"type": {
|
|
49347
|
+
"text": "boolean"
|
|
49348
|
+
},
|
|
49349
|
+
"description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
|
|
49350
|
+
"attribute": "grouped",
|
|
49351
|
+
"reflects": true
|
|
49352
|
+
},
|
|
49353
|
+
{
|
|
49354
|
+
"kind": "method",
|
|
49355
|
+
"name": "_isLink",
|
|
49356
|
+
"privacy": "private"
|
|
49357
|
+
},
|
|
49358
|
+
{
|
|
49359
|
+
"kind": "method",
|
|
49360
|
+
"name": "_handleActionsClick",
|
|
49361
|
+
"privacy": "private",
|
|
49362
|
+
"parameters": [
|
|
49363
|
+
{
|
|
49364
|
+
"name": "e",
|
|
49365
|
+
"type": {
|
|
49366
|
+
"text": "MouseEvent"
|
|
49367
|
+
}
|
|
49368
|
+
}
|
|
49369
|
+
]
|
|
49370
|
+
}
|
|
49371
|
+
],
|
|
49372
|
+
"events": [
|
|
49373
|
+
{
|
|
49374
|
+
"description": "Emitted as an example.",
|
|
49375
|
+
"name": "zn-event-name"
|
|
49376
|
+
}
|
|
49377
|
+
],
|
|
49378
|
+
"attributes": [
|
|
49379
|
+
{
|
|
49380
|
+
"name": "caption",
|
|
49381
|
+
"type": {
|
|
49382
|
+
"text": "string"
|
|
49383
|
+
},
|
|
49384
|
+
"fieldName": "caption"
|
|
49385
|
+
},
|
|
49386
|
+
{
|
|
49387
|
+
"name": "description",
|
|
49388
|
+
"type": {
|
|
49389
|
+
"text": "string"
|
|
49390
|
+
},
|
|
49391
|
+
"fieldName": "description"
|
|
49392
|
+
},
|
|
49393
|
+
{
|
|
49394
|
+
"name": "href",
|
|
49395
|
+
"type": {
|
|
49396
|
+
"text": "string"
|
|
49397
|
+
},
|
|
49398
|
+
"fieldName": "href"
|
|
49399
|
+
},
|
|
49400
|
+
{
|
|
49401
|
+
"name": "data-target",
|
|
49402
|
+
"type": {
|
|
49403
|
+
"text": "string"
|
|
49404
|
+
},
|
|
49405
|
+
"fieldName": "dataTarget"
|
|
49406
|
+
},
|
|
49407
|
+
{
|
|
49408
|
+
"name": "gaid",
|
|
49409
|
+
"type": {
|
|
49410
|
+
"text": "string"
|
|
49411
|
+
},
|
|
49412
|
+
"fieldName": "gaid"
|
|
49413
|
+
},
|
|
49414
|
+
{
|
|
49415
|
+
"name": "data-uri",
|
|
49416
|
+
"type": {
|
|
49417
|
+
"text": "string"
|
|
49418
|
+
},
|
|
49419
|
+
"fieldName": "dataUri"
|
|
49420
|
+
},
|
|
49421
|
+
{
|
|
49422
|
+
"name": "flush",
|
|
49423
|
+
"type": {
|
|
49424
|
+
"text": "boolean"
|
|
49425
|
+
},
|
|
49426
|
+
"fieldName": "flush"
|
|
49427
|
+
},
|
|
49428
|
+
{
|
|
49429
|
+
"name": "flush-x",
|
|
49430
|
+
"type": {
|
|
49431
|
+
"text": "boolean"
|
|
49432
|
+
},
|
|
49433
|
+
"fieldName": "flushX"
|
|
49434
|
+
},
|
|
49435
|
+
{
|
|
49436
|
+
"name": "flush-y",
|
|
49437
|
+
"type": {
|
|
49438
|
+
"text": "boolean"
|
|
49439
|
+
},
|
|
49440
|
+
"fieldName": "flushY"
|
|
49441
|
+
},
|
|
49442
|
+
{
|
|
49443
|
+
"name": "inline",
|
|
49444
|
+
"type": {
|
|
49445
|
+
"text": "boolean"
|
|
49446
|
+
},
|
|
49447
|
+
"fieldName": "inline"
|
|
49448
|
+
},
|
|
49449
|
+
{
|
|
49450
|
+
"name": "plain",
|
|
49451
|
+
"type": {
|
|
49452
|
+
"text": "boolean"
|
|
49453
|
+
},
|
|
49454
|
+
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
49455
|
+
"fieldName": "plain"
|
|
49456
|
+
},
|
|
49457
|
+
{
|
|
49458
|
+
"name": "grouped",
|
|
49459
|
+
"type": {
|
|
49460
|
+
"text": "boolean"
|
|
49461
|
+
},
|
|
49462
|
+
"description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
|
|
49463
|
+
"fieldName": "grouped"
|
|
49464
|
+
}
|
|
49465
|
+
],
|
|
49466
|
+
"superclass": {
|
|
49467
|
+
"name": "ZincElement",
|
|
49468
|
+
"module": "/src/internal/zinc-element"
|
|
49469
|
+
},
|
|
49470
|
+
"summary": "Short summary of the component's intended use.",
|
|
49471
|
+
"tagNameWithoutPrefix": "tile",
|
|
49472
|
+
"tagName": "zn-tile",
|
|
49473
|
+
"customElement": true,
|
|
49474
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/tile\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 */",
|
|
49475
|
+
"documentation": "https://zinc.style/components/tile",
|
|
49476
|
+
"status": "experimental",
|
|
49477
|
+
"since": "1.0",
|
|
49478
|
+
"dependencies": [
|
|
49479
|
+
"zn-example"
|
|
49480
|
+
]
|
|
49481
|
+
}
|
|
49482
|
+
],
|
|
49483
|
+
"exports": [
|
|
49484
|
+
{
|
|
49485
|
+
"kind": "js",
|
|
49486
|
+
"name": "default",
|
|
49487
|
+
"declaration": {
|
|
49488
|
+
"name": "ZnTile",
|
|
49489
|
+
"module": "components/tile/tile.js"
|
|
49490
|
+
}
|
|
49491
|
+
}
|
|
49492
|
+
]
|
|
49493
|
+
},
|
|
49494
|
+
{
|
|
49495
|
+
"kind": "javascript-module",
|
|
49496
|
+
"path": "components/tile-group/tile-group.js",
|
|
49497
|
+
"declarations": [
|
|
49498
|
+
{
|
|
49499
|
+
"kind": "class",
|
|
49500
|
+
"description": "",
|
|
49501
|
+
"name": "ZnTileGroup",
|
|
49502
|
+
"cssProperties": [
|
|
49503
|
+
{
|
|
49504
|
+
"description": "The number of value/action columns (set automatically).",
|
|
49505
|
+
"name": "--zn-tile-cols"
|
|
49506
|
+
}
|
|
49507
|
+
],
|
|
49508
|
+
"cssParts": [
|
|
49509
|
+
{
|
|
49510
|
+
"description": "The component's base wrapper (the grid container).",
|
|
49511
|
+
"name": "base"
|
|
49512
|
+
}
|
|
49513
|
+
],
|
|
49514
|
+
"slots": [
|
|
49515
|
+
{
|
|
49516
|
+
"description": "One or more `zn-tile` elements.",
|
|
49517
|
+
"name": ""
|
|
49518
|
+
}
|
|
49519
|
+
],
|
|
49520
|
+
"members": [
|
|
49521
|
+
{
|
|
49522
|
+
"kind": "field",
|
|
49523
|
+
"name": "divide",
|
|
49524
|
+
"type": {
|
|
49525
|
+
"text": "boolean"
|
|
49526
|
+
},
|
|
49527
|
+
"default": "false",
|
|
49528
|
+
"description": "Draws a dividing border between rows.",
|
|
49529
|
+
"attribute": "divide",
|
|
49530
|
+
"reflects": true
|
|
49531
|
+
},
|
|
49532
|
+
{
|
|
49533
|
+
"kind": "field",
|
|
49534
|
+
"name": "_mutationObserver",
|
|
49535
|
+
"type": {
|
|
49536
|
+
"text": "MutationObserver | null"
|
|
49537
|
+
},
|
|
49538
|
+
"privacy": "private",
|
|
49539
|
+
"default": "null"
|
|
49540
|
+
},
|
|
49541
|
+
{
|
|
49542
|
+
"kind": "field",
|
|
49543
|
+
"name": "_handleSlotChange",
|
|
49544
|
+
"privacy": "private"
|
|
49545
|
+
},
|
|
49546
|
+
{
|
|
49547
|
+
"kind": "method",
|
|
49548
|
+
"name": "_sync",
|
|
49549
|
+
"privacy": "private"
|
|
49550
|
+
}
|
|
49551
|
+
],
|
|
49552
|
+
"attributes": [
|
|
49553
|
+
{
|
|
49554
|
+
"name": "divide",
|
|
49555
|
+
"type": {
|
|
49556
|
+
"text": "boolean"
|
|
49557
|
+
},
|
|
49558
|
+
"default": "false",
|
|
49559
|
+
"description": "Draws a dividing border between rows.",
|
|
49560
|
+
"fieldName": "divide"
|
|
49561
|
+
}
|
|
49562
|
+
],
|
|
49563
|
+
"superclass": {
|
|
49564
|
+
"name": "ZincElement",
|
|
49565
|
+
"module": "/src/internal/zinc-element"
|
|
49566
|
+
},
|
|
49567
|
+
"summary": "Aligns a list of `zn-tile` rows into shared, content-driven columns so values\nand actions line up across every row, with optional dividing borders.",
|
|
49568
|
+
"tagNameWithoutPrefix": "tile-group",
|
|
49569
|
+
"tagName": "zn-tile-group",
|
|
49570
|
+
"customElement": true,
|
|
49571
|
+
"jsDoc": "/**\n * @summary Aligns a list of `zn-tile` rows into shared, content-driven columns so values\n * and actions line up across every row, with optional dividing borders.\n * @documentation https://zinc.style/components/tile-group\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-tile\n *\n * @slot - One or more `zn-tile` elements.\n *\n * @csspart base - The component's base wrapper (the grid container).\n *\n * @cssproperty --zn-tile-cols - The number of value/action columns (set automatically).\n */",
|
|
49572
|
+
"documentation": "https://zinc.style/components/tile-group",
|
|
49573
|
+
"status": "experimental",
|
|
49574
|
+
"since": "1.0",
|
|
49575
|
+
"dependencies": [
|
|
49576
|
+
"zn-tile"
|
|
49577
|
+
]
|
|
49578
|
+
}
|
|
49579
|
+
],
|
|
49580
|
+
"exports": [
|
|
49581
|
+
{
|
|
49582
|
+
"kind": "js",
|
|
49583
|
+
"name": "default",
|
|
49584
|
+
"declaration": {
|
|
49585
|
+
"name": "ZnTileGroup",
|
|
49586
|
+
"module": "components/tile-group/tile-group.js"
|
|
49587
|
+
}
|
|
49588
|
+
}
|
|
49589
|
+
]
|
|
49590
|
+
},
|
|
49169
49591
|
{
|
|
49170
49592
|
"kind": "javascript-module",
|
|
49171
49593
|
"path": "components/thumbnail/thumbnail.js",
|
|
@@ -50329,381 +50751,6 @@
|
|
|
50329
50751
|
}
|
|
50330
50752
|
]
|
|
50331
50753
|
},
|
|
50332
|
-
{
|
|
50333
|
-
"kind": "javascript-module",
|
|
50334
|
-
"path": "components/tile/tile.js",
|
|
50335
|
-
"declarations": [
|
|
50336
|
-
{
|
|
50337
|
-
"kind": "class",
|
|
50338
|
-
"description": "",
|
|
50339
|
-
"name": "ZnTile",
|
|
50340
|
-
"cssProperties": [
|
|
50341
|
-
{
|
|
50342
|
-
"description": "An example CSS custom property.",
|
|
50343
|
-
"name": "--example"
|
|
50344
|
-
}
|
|
50345
|
-
],
|
|
50346
|
-
"cssParts": [
|
|
50347
|
-
{
|
|
50348
|
-
"description": "The component's base wrapper.",
|
|
50349
|
-
"name": "base"
|
|
50350
|
-
}
|
|
50351
|
-
],
|
|
50352
|
-
"slots": [
|
|
50353
|
-
{
|
|
50354
|
-
"description": "The default slot.",
|
|
50355
|
-
"name": ""
|
|
50356
|
-
},
|
|
50357
|
-
{
|
|
50358
|
-
"description": "An example slot.",
|
|
50359
|
-
"name": "example"
|
|
50360
|
-
}
|
|
50361
|
-
],
|
|
50362
|
-
"members": [
|
|
50363
|
-
{
|
|
50364
|
-
"kind": "field",
|
|
50365
|
-
"name": "hasSlotController",
|
|
50366
|
-
"privacy": "private",
|
|
50367
|
-
"readonly": true,
|
|
50368
|
-
"default": "new HasSlotController(this, '[default]', 'properties', 'actions', 'image')"
|
|
50369
|
-
},
|
|
50370
|
-
{
|
|
50371
|
-
"kind": "field",
|
|
50372
|
-
"name": "caption",
|
|
50373
|
-
"type": {
|
|
50374
|
-
"text": "string"
|
|
50375
|
-
},
|
|
50376
|
-
"attribute": "caption"
|
|
50377
|
-
},
|
|
50378
|
-
{
|
|
50379
|
-
"kind": "field",
|
|
50380
|
-
"name": "description",
|
|
50381
|
-
"type": {
|
|
50382
|
-
"text": "string"
|
|
50383
|
-
},
|
|
50384
|
-
"attribute": "description"
|
|
50385
|
-
},
|
|
50386
|
-
{
|
|
50387
|
-
"kind": "field",
|
|
50388
|
-
"name": "href",
|
|
50389
|
-
"type": {
|
|
50390
|
-
"text": "string"
|
|
50391
|
-
},
|
|
50392
|
-
"attribute": "href"
|
|
50393
|
-
},
|
|
50394
|
-
{
|
|
50395
|
-
"kind": "field",
|
|
50396
|
-
"name": "dataTarget",
|
|
50397
|
-
"type": {
|
|
50398
|
-
"text": "string"
|
|
50399
|
-
},
|
|
50400
|
-
"attribute": "data-target"
|
|
50401
|
-
},
|
|
50402
|
-
{
|
|
50403
|
-
"kind": "field",
|
|
50404
|
-
"name": "gaid",
|
|
50405
|
-
"type": {
|
|
50406
|
-
"text": "string"
|
|
50407
|
-
},
|
|
50408
|
-
"attribute": "gaid"
|
|
50409
|
-
},
|
|
50410
|
-
{
|
|
50411
|
-
"kind": "field",
|
|
50412
|
-
"name": "dataUri",
|
|
50413
|
-
"type": {
|
|
50414
|
-
"text": "string"
|
|
50415
|
-
},
|
|
50416
|
-
"attribute": "data-uri"
|
|
50417
|
-
},
|
|
50418
|
-
{
|
|
50419
|
-
"kind": "field",
|
|
50420
|
-
"name": "flush",
|
|
50421
|
-
"type": {
|
|
50422
|
-
"text": "boolean"
|
|
50423
|
-
},
|
|
50424
|
-
"attribute": "flush"
|
|
50425
|
-
},
|
|
50426
|
-
{
|
|
50427
|
-
"kind": "field",
|
|
50428
|
-
"name": "flushX",
|
|
50429
|
-
"type": {
|
|
50430
|
-
"text": "boolean"
|
|
50431
|
-
},
|
|
50432
|
-
"attribute": "flush-x"
|
|
50433
|
-
},
|
|
50434
|
-
{
|
|
50435
|
-
"kind": "field",
|
|
50436
|
-
"name": "flushY",
|
|
50437
|
-
"type": {
|
|
50438
|
-
"text": "boolean"
|
|
50439
|
-
},
|
|
50440
|
-
"attribute": "flush-y"
|
|
50441
|
-
},
|
|
50442
|
-
{
|
|
50443
|
-
"kind": "field",
|
|
50444
|
-
"name": "inline",
|
|
50445
|
-
"type": {
|
|
50446
|
-
"text": "boolean"
|
|
50447
|
-
},
|
|
50448
|
-
"attribute": "inline"
|
|
50449
|
-
},
|
|
50450
|
-
{
|
|
50451
|
-
"kind": "field",
|
|
50452
|
-
"name": "plain",
|
|
50453
|
-
"type": {
|
|
50454
|
-
"text": "boolean"
|
|
50455
|
-
},
|
|
50456
|
-
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
50457
|
-
"attribute": "plain"
|
|
50458
|
-
},
|
|
50459
|
-
{
|
|
50460
|
-
"kind": "field",
|
|
50461
|
-
"name": "grouped",
|
|
50462
|
-
"type": {
|
|
50463
|
-
"text": "boolean"
|
|
50464
|
-
},
|
|
50465
|
-
"description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
|
|
50466
|
-
"attribute": "grouped",
|
|
50467
|
-
"reflects": true
|
|
50468
|
-
},
|
|
50469
|
-
{
|
|
50470
|
-
"kind": "method",
|
|
50471
|
-
"name": "_isLink",
|
|
50472
|
-
"privacy": "private"
|
|
50473
|
-
},
|
|
50474
|
-
{
|
|
50475
|
-
"kind": "method",
|
|
50476
|
-
"name": "_handleActionsClick",
|
|
50477
|
-
"privacy": "private",
|
|
50478
|
-
"parameters": [
|
|
50479
|
-
{
|
|
50480
|
-
"name": "e",
|
|
50481
|
-
"type": {
|
|
50482
|
-
"text": "MouseEvent"
|
|
50483
|
-
}
|
|
50484
|
-
}
|
|
50485
|
-
]
|
|
50486
|
-
}
|
|
50487
|
-
],
|
|
50488
|
-
"events": [
|
|
50489
|
-
{
|
|
50490
|
-
"description": "Emitted as an example.",
|
|
50491
|
-
"name": "zn-event-name"
|
|
50492
|
-
}
|
|
50493
|
-
],
|
|
50494
|
-
"attributes": [
|
|
50495
|
-
{
|
|
50496
|
-
"name": "caption",
|
|
50497
|
-
"type": {
|
|
50498
|
-
"text": "string"
|
|
50499
|
-
},
|
|
50500
|
-
"fieldName": "caption"
|
|
50501
|
-
},
|
|
50502
|
-
{
|
|
50503
|
-
"name": "description",
|
|
50504
|
-
"type": {
|
|
50505
|
-
"text": "string"
|
|
50506
|
-
},
|
|
50507
|
-
"fieldName": "description"
|
|
50508
|
-
},
|
|
50509
|
-
{
|
|
50510
|
-
"name": "href",
|
|
50511
|
-
"type": {
|
|
50512
|
-
"text": "string"
|
|
50513
|
-
},
|
|
50514
|
-
"fieldName": "href"
|
|
50515
|
-
},
|
|
50516
|
-
{
|
|
50517
|
-
"name": "data-target",
|
|
50518
|
-
"type": {
|
|
50519
|
-
"text": "string"
|
|
50520
|
-
},
|
|
50521
|
-
"fieldName": "dataTarget"
|
|
50522
|
-
},
|
|
50523
|
-
{
|
|
50524
|
-
"name": "gaid",
|
|
50525
|
-
"type": {
|
|
50526
|
-
"text": "string"
|
|
50527
|
-
},
|
|
50528
|
-
"fieldName": "gaid"
|
|
50529
|
-
},
|
|
50530
|
-
{
|
|
50531
|
-
"name": "data-uri",
|
|
50532
|
-
"type": {
|
|
50533
|
-
"text": "string"
|
|
50534
|
-
},
|
|
50535
|
-
"fieldName": "dataUri"
|
|
50536
|
-
},
|
|
50537
|
-
{
|
|
50538
|
-
"name": "flush",
|
|
50539
|
-
"type": {
|
|
50540
|
-
"text": "boolean"
|
|
50541
|
-
},
|
|
50542
|
-
"fieldName": "flush"
|
|
50543
|
-
},
|
|
50544
|
-
{
|
|
50545
|
-
"name": "flush-x",
|
|
50546
|
-
"type": {
|
|
50547
|
-
"text": "boolean"
|
|
50548
|
-
},
|
|
50549
|
-
"fieldName": "flushX"
|
|
50550
|
-
},
|
|
50551
|
-
{
|
|
50552
|
-
"name": "flush-y",
|
|
50553
|
-
"type": {
|
|
50554
|
-
"text": "boolean"
|
|
50555
|
-
},
|
|
50556
|
-
"fieldName": "flushY"
|
|
50557
|
-
},
|
|
50558
|
-
{
|
|
50559
|
-
"name": "inline",
|
|
50560
|
-
"type": {
|
|
50561
|
-
"text": "boolean"
|
|
50562
|
-
},
|
|
50563
|
-
"fieldName": "inline"
|
|
50564
|
-
},
|
|
50565
|
-
{
|
|
50566
|
-
"name": "plain",
|
|
50567
|
-
"type": {
|
|
50568
|
-
"text": "boolean"
|
|
50569
|
-
},
|
|
50570
|
-
"description": "Renders the caption in the normal table-content weight instead of bold.",
|
|
50571
|
-
"fieldName": "plain"
|
|
50572
|
-
},
|
|
50573
|
-
{
|
|
50574
|
-
"name": "grouped",
|
|
50575
|
-
"type": {
|
|
50576
|
-
"text": "boolean"
|
|
50577
|
-
},
|
|
50578
|
-
"description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
|
|
50579
|
-
"fieldName": "grouped"
|
|
50580
|
-
}
|
|
50581
|
-
],
|
|
50582
|
-
"superclass": {
|
|
50583
|
-
"name": "ZincElement",
|
|
50584
|
-
"module": "/src/internal/zinc-element"
|
|
50585
|
-
},
|
|
50586
|
-
"summary": "Short summary of the component's intended use.",
|
|
50587
|
-
"tagNameWithoutPrefix": "tile",
|
|
50588
|
-
"tagName": "zn-tile",
|
|
50589
|
-
"customElement": true,
|
|
50590
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/tile\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 */",
|
|
50591
|
-
"documentation": "https://zinc.style/components/tile",
|
|
50592
|
-
"status": "experimental",
|
|
50593
|
-
"since": "1.0",
|
|
50594
|
-
"dependencies": [
|
|
50595
|
-
"zn-example"
|
|
50596
|
-
]
|
|
50597
|
-
}
|
|
50598
|
-
],
|
|
50599
|
-
"exports": [
|
|
50600
|
-
{
|
|
50601
|
-
"kind": "js",
|
|
50602
|
-
"name": "default",
|
|
50603
|
-
"declaration": {
|
|
50604
|
-
"name": "ZnTile",
|
|
50605
|
-
"module": "components/tile/tile.js"
|
|
50606
|
-
}
|
|
50607
|
-
}
|
|
50608
|
-
]
|
|
50609
|
-
},
|
|
50610
|
-
{
|
|
50611
|
-
"kind": "javascript-module",
|
|
50612
|
-
"path": "components/tile-group/tile-group.js",
|
|
50613
|
-
"declarations": [
|
|
50614
|
-
{
|
|
50615
|
-
"kind": "class",
|
|
50616
|
-
"description": "",
|
|
50617
|
-
"name": "ZnTileGroup",
|
|
50618
|
-
"cssProperties": [
|
|
50619
|
-
{
|
|
50620
|
-
"description": "The number of value/action columns (set automatically).",
|
|
50621
|
-
"name": "--zn-tile-cols"
|
|
50622
|
-
}
|
|
50623
|
-
],
|
|
50624
|
-
"cssParts": [
|
|
50625
|
-
{
|
|
50626
|
-
"description": "The component's base wrapper (the grid container).",
|
|
50627
|
-
"name": "base"
|
|
50628
|
-
}
|
|
50629
|
-
],
|
|
50630
|
-
"slots": [
|
|
50631
|
-
{
|
|
50632
|
-
"description": "One or more `zn-tile` elements.",
|
|
50633
|
-
"name": ""
|
|
50634
|
-
}
|
|
50635
|
-
],
|
|
50636
|
-
"members": [
|
|
50637
|
-
{
|
|
50638
|
-
"kind": "field",
|
|
50639
|
-
"name": "divide",
|
|
50640
|
-
"type": {
|
|
50641
|
-
"text": "boolean"
|
|
50642
|
-
},
|
|
50643
|
-
"default": "false",
|
|
50644
|
-
"description": "Draws a dividing border between rows.",
|
|
50645
|
-
"attribute": "divide",
|
|
50646
|
-
"reflects": true
|
|
50647
|
-
},
|
|
50648
|
-
{
|
|
50649
|
-
"kind": "field",
|
|
50650
|
-
"name": "_mutationObserver",
|
|
50651
|
-
"type": {
|
|
50652
|
-
"text": "MutationObserver | null"
|
|
50653
|
-
},
|
|
50654
|
-
"privacy": "private",
|
|
50655
|
-
"default": "null"
|
|
50656
|
-
},
|
|
50657
|
-
{
|
|
50658
|
-
"kind": "field",
|
|
50659
|
-
"name": "_handleSlotChange",
|
|
50660
|
-
"privacy": "private"
|
|
50661
|
-
},
|
|
50662
|
-
{
|
|
50663
|
-
"kind": "method",
|
|
50664
|
-
"name": "_sync",
|
|
50665
|
-
"privacy": "private"
|
|
50666
|
-
}
|
|
50667
|
-
],
|
|
50668
|
-
"attributes": [
|
|
50669
|
-
{
|
|
50670
|
-
"name": "divide",
|
|
50671
|
-
"type": {
|
|
50672
|
-
"text": "boolean"
|
|
50673
|
-
},
|
|
50674
|
-
"default": "false",
|
|
50675
|
-
"description": "Draws a dividing border between rows.",
|
|
50676
|
-
"fieldName": "divide"
|
|
50677
|
-
}
|
|
50678
|
-
],
|
|
50679
|
-
"superclass": {
|
|
50680
|
-
"name": "ZincElement",
|
|
50681
|
-
"module": "/src/internal/zinc-element"
|
|
50682
|
-
},
|
|
50683
|
-
"summary": "Aligns a list of `zn-tile` rows into shared, content-driven columns so values\nand actions line up across every row, with optional dividing borders.",
|
|
50684
|
-
"tagNameWithoutPrefix": "tile-group",
|
|
50685
|
-
"tagName": "zn-tile-group",
|
|
50686
|
-
"customElement": true,
|
|
50687
|
-
"jsDoc": "/**\n * @summary Aligns a list of `zn-tile` rows into shared, content-driven columns so values\n * and actions line up across every row, with optional dividing borders.\n * @documentation https://zinc.style/components/tile-group\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-tile\n *\n * @slot - One or more `zn-tile` elements.\n *\n * @csspart base - The component's base wrapper (the grid container).\n *\n * @cssproperty --zn-tile-cols - The number of value/action columns (set automatically).\n */",
|
|
50688
|
-
"documentation": "https://zinc.style/components/tile-group",
|
|
50689
|
-
"status": "experimental",
|
|
50690
|
-
"since": "1.0",
|
|
50691
|
-
"dependencies": [
|
|
50692
|
-
"zn-tile"
|
|
50693
|
-
]
|
|
50694
|
-
}
|
|
50695
|
-
],
|
|
50696
|
-
"exports": [
|
|
50697
|
-
{
|
|
50698
|
-
"kind": "js",
|
|
50699
|
-
"name": "default",
|
|
50700
|
-
"declaration": {
|
|
50701
|
-
"name": "ZnTileGroup",
|
|
50702
|
-
"module": "components/tile-group/tile-group.js"
|
|
50703
|
-
}
|
|
50704
|
-
}
|
|
50705
|
-
]
|
|
50706
|
-
},
|
|
50707
50754
|
{
|
|
50708
50755
|
"kind": "javascript-module",
|
|
50709
50756
|
"path": "components/tile-property/tile-property.js",
|
|
@@ -53585,7 +53632,7 @@
|
|
|
53585
53632
|
"package": {
|
|
53586
53633
|
"name": "@kubex/zinc",
|
|
53587
53634
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
53588
|
-
"version": "1.1.
|
|
53635
|
+
"version": "1.1.160",
|
|
53589
53636
|
"author": "",
|
|
53590
53637
|
"license": "MIT"
|
|
53591
53638
|
}
|