@kodaris/krubble-components 1.0.49 → 1.0.51
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/custom-elements.json +313 -313
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -980,28 +980,6 @@
|
|
|
980
980
|
}
|
|
981
981
|
]
|
|
982
982
|
},
|
|
983
|
-
{
|
|
984
|
-
"kind": "javascript-module",
|
|
985
|
-
"path": "dist/accordion/accordion.js",
|
|
986
|
-
"declarations": [
|
|
987
|
-
{
|
|
988
|
-
"kind": "variable",
|
|
989
|
-
"name": "KRAccordion",
|
|
990
|
-
"default": "class KRAccordion extends LitElement { constructor() { super(...arguments); /** * Section header text */ this.header = ''; /** * Whether the accordion is expanded */ this.expanded = false; } toggle() { this.expanded = !this.expanded; } render() { return html ` <div class=\"header\" @click=${this.toggle}> <span class=\"header__title\">${this.header}</span> <svg class=\"header__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M6 9l6 6 6-6\"/> </svg> </div> <div class=\"content\"> <div class=\"content__inner\"> <div class=\"content__body\"> <slot></slot> </div> </div> </div> `; } }",
|
|
991
|
-
"description": "Accordion component for collapsible content sections.\n\n## Usage\n```html\n<kr-accordion header=\"Basic Information\" expanded>\n <div>Content here</div>\n</kr-accordion>\n```"
|
|
992
|
-
}
|
|
993
|
-
],
|
|
994
|
-
"exports": [
|
|
995
|
-
{
|
|
996
|
-
"kind": "js",
|
|
997
|
-
"name": "KRAccordion",
|
|
998
|
-
"declaration": {
|
|
999
|
-
"name": "KRAccordion",
|
|
1000
|
-
"module": "dist/accordion/accordion.js"
|
|
1001
|
-
}
|
|
1002
|
-
}
|
|
1003
|
-
]
|
|
1004
|
-
},
|
|
1005
983
|
{
|
|
1006
984
|
"kind": "javascript-module",
|
|
1007
985
|
"path": "src/index.ts",
|
|
@@ -1305,6 +1283,28 @@
|
|
|
1305
1283
|
}
|
|
1306
1284
|
]
|
|
1307
1285
|
},
|
|
1286
|
+
{
|
|
1287
|
+
"kind": "javascript-module",
|
|
1288
|
+
"path": "dist/accordion/accordion.js",
|
|
1289
|
+
"declarations": [
|
|
1290
|
+
{
|
|
1291
|
+
"kind": "variable",
|
|
1292
|
+
"name": "KRAccordion",
|
|
1293
|
+
"default": "class KRAccordion extends LitElement { constructor() { super(...arguments); /** * Section header text */ this.header = ''; /** * Whether the accordion is expanded */ this.expanded = false; } toggle() { this.expanded = !this.expanded; } render() { return html ` <div class=\"header\" @click=${this.toggle}> <span class=\"header__title\">${this.header}</span> <svg class=\"header__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M6 9l6 6 6-6\"/> </svg> </div> <div class=\"content\"> <div class=\"content__inner\"> <div class=\"content__body\"> <slot></slot> </div> </div> </div> `; } }",
|
|
1294
|
+
"description": "Accordion component for collapsible content sections.\n\n## Usage\n```html\n<kr-accordion header=\"Basic Information\" expanded>\n <div>Content here</div>\n</kr-accordion>\n```"
|
|
1295
|
+
}
|
|
1296
|
+
],
|
|
1297
|
+
"exports": [
|
|
1298
|
+
{
|
|
1299
|
+
"kind": "js",
|
|
1300
|
+
"name": "KRAccordion",
|
|
1301
|
+
"declaration": {
|
|
1302
|
+
"name": "KRAccordion",
|
|
1303
|
+
"module": "dist/accordion/accordion.js"
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
]
|
|
1307
|
+
},
|
|
1308
1308
|
{
|
|
1309
1309
|
"kind": "javascript-module",
|
|
1310
1310
|
"path": "dist/alert/alert.js",
|
|
@@ -5840,12 +5840,18 @@
|
|
|
5840
5840
|
},
|
|
5841
5841
|
{
|
|
5842
5842
|
"kind": "javascript-module",
|
|
5843
|
-
"path": "src/form/
|
|
5843
|
+
"path": "src/form/select-field/select-field.ts",
|
|
5844
5844
|
"declarations": [
|
|
5845
5845
|
{
|
|
5846
5846
|
"kind": "class",
|
|
5847
|
-
"description": "A
|
|
5848
|
-
"name": "
|
|
5847
|
+
"description": "A select dropdown component that works with native browser forms.\n\nUses ElementInternals for form association, allowing the component\nto participate in form submission, validation, and reset.",
|
|
5848
|
+
"name": "KRSelectField",
|
|
5849
|
+
"slots": [
|
|
5850
|
+
{
|
|
5851
|
+
"description": "The kr-select-option elements",
|
|
5852
|
+
"name": ""
|
|
5853
|
+
}
|
|
5854
|
+
],
|
|
5849
5855
|
"members": [
|
|
5850
5856
|
{
|
|
5851
5857
|
"kind": "field",
|
|
@@ -5871,7 +5877,7 @@
|
|
|
5871
5877
|
"text": "string"
|
|
5872
5878
|
},
|
|
5873
5879
|
"default": "''",
|
|
5874
|
-
"description": "The
|
|
5880
|
+
"description": "The select label text",
|
|
5875
5881
|
"attribute": "label"
|
|
5876
5882
|
},
|
|
5877
5883
|
{
|
|
@@ -5891,7 +5897,7 @@
|
|
|
5891
5897
|
"text": "string"
|
|
5892
5898
|
},
|
|
5893
5899
|
"default": "''",
|
|
5894
|
-
"description": "The
|
|
5900
|
+
"description": "The currently selected value",
|
|
5895
5901
|
"attribute": "value"
|
|
5896
5902
|
},
|
|
5897
5903
|
{
|
|
@@ -5900,19 +5906,19 @@
|
|
|
5900
5906
|
"type": {
|
|
5901
5907
|
"text": "string"
|
|
5902
5908
|
},
|
|
5903
|
-
"default": "''",
|
|
5904
|
-
"description": "Placeholder text",
|
|
5909
|
+
"default": "'Select an option'",
|
|
5910
|
+
"description": "Placeholder text when no option is selected",
|
|
5905
5911
|
"attribute": "placeholder"
|
|
5906
5912
|
},
|
|
5907
5913
|
{
|
|
5908
5914
|
"kind": "field",
|
|
5909
|
-
"name": "
|
|
5915
|
+
"name": "disabled",
|
|
5910
5916
|
"type": {
|
|
5911
|
-
"text": "
|
|
5917
|
+
"text": "boolean"
|
|
5912
5918
|
},
|
|
5913
|
-
"default": "
|
|
5914
|
-
"description": "
|
|
5915
|
-
"attribute": "
|
|
5919
|
+
"default": "false",
|
|
5920
|
+
"description": "Whether the select is disabled",
|
|
5921
|
+
"attribute": "disabled"
|
|
5916
5922
|
},
|
|
5917
5923
|
{
|
|
5918
5924
|
"kind": "field",
|
|
@@ -5924,16 +5930,6 @@
|
|
|
5924
5930
|
"description": "Whether the field is required",
|
|
5925
5931
|
"attribute": "required"
|
|
5926
5932
|
},
|
|
5927
|
-
{
|
|
5928
|
-
"kind": "field",
|
|
5929
|
-
"name": "disabled",
|
|
5930
|
-
"type": {
|
|
5931
|
-
"text": "boolean"
|
|
5932
|
-
},
|
|
5933
|
-
"default": "false",
|
|
5934
|
-
"description": "Whether the field is disabled",
|
|
5935
|
-
"attribute": "disabled"
|
|
5936
|
-
},
|
|
5937
5933
|
{
|
|
5938
5934
|
"kind": "field",
|
|
5939
5935
|
"name": "readonly",
|
|
@@ -5946,58 +5942,31 @@
|
|
|
5946
5942
|
},
|
|
5947
5943
|
{
|
|
5948
5944
|
"kind": "field",
|
|
5949
|
-
"name": "
|
|
5950
|
-
"type": {
|
|
5951
|
-
"text": "number | undefined"
|
|
5952
|
-
},
|
|
5953
|
-
"description": "Minimum length for the value",
|
|
5954
|
-
"attribute": "minlength"
|
|
5955
|
-
},
|
|
5956
|
-
{
|
|
5957
|
-
"kind": "field",
|
|
5958
|
-
"name": "maxlength",
|
|
5959
|
-
"type": {
|
|
5960
|
-
"text": "number | undefined"
|
|
5961
|
-
},
|
|
5962
|
-
"description": "Maximum length for the value",
|
|
5963
|
-
"attribute": "maxlength"
|
|
5964
|
-
},
|
|
5965
|
-
{
|
|
5966
|
-
"kind": "field",
|
|
5967
|
-
"name": "pattern",
|
|
5968
|
-
"type": {
|
|
5969
|
-
"text": "string | undefined"
|
|
5970
|
-
},
|
|
5971
|
-
"description": "Pattern for validation (regex)",
|
|
5972
|
-
"attribute": "pattern"
|
|
5973
|
-
},
|
|
5974
|
-
{
|
|
5975
|
-
"kind": "field",
|
|
5976
|
-
"name": "autocomplete",
|
|
5945
|
+
"name": "hint",
|
|
5977
5946
|
"type": {
|
|
5978
5947
|
"text": "string"
|
|
5979
5948
|
},
|
|
5980
5949
|
"default": "''",
|
|
5981
|
-
"description": "
|
|
5982
|
-
"attribute": "
|
|
5950
|
+
"description": "Helper text shown below the select",
|
|
5951
|
+
"attribute": "hint"
|
|
5983
5952
|
},
|
|
5984
5953
|
{
|
|
5985
5954
|
"kind": "field",
|
|
5986
|
-
"name": "
|
|
5955
|
+
"name": "_isOpen",
|
|
5987
5956
|
"type": {
|
|
5988
|
-
"text": "
|
|
5957
|
+
"text": "boolean"
|
|
5989
5958
|
},
|
|
5990
|
-
"
|
|
5991
|
-
"
|
|
5992
|
-
"attribute": "hint"
|
|
5959
|
+
"privacy": "private",
|
|
5960
|
+
"default": "false"
|
|
5993
5961
|
},
|
|
5994
5962
|
{
|
|
5995
5963
|
"kind": "field",
|
|
5996
|
-
"name": "
|
|
5964
|
+
"name": "_highlightedIndex",
|
|
5997
5965
|
"type": {
|
|
5998
|
-
"text": "
|
|
5966
|
+
"text": "number"
|
|
5999
5967
|
},
|
|
6000
|
-
"privacy": "private"
|
|
5968
|
+
"privacy": "private",
|
|
5969
|
+
"default": "-1"
|
|
6001
5970
|
},
|
|
6002
5971
|
{
|
|
6003
5972
|
"kind": "field",
|
|
@@ -6010,12 +5979,11 @@
|
|
|
6010
5979
|
},
|
|
6011
5980
|
{
|
|
6012
5981
|
"kind": "field",
|
|
6013
|
-
"name": "
|
|
5982
|
+
"name": "_triggerElement",
|
|
6014
5983
|
"type": {
|
|
6015
|
-
"text": "
|
|
5984
|
+
"text": "HTMLButtonElement"
|
|
6016
5985
|
},
|
|
6017
|
-
"privacy": "private"
|
|
6018
|
-
"default": "false"
|
|
5986
|
+
"privacy": "private"
|
|
6019
5987
|
},
|
|
6020
5988
|
{
|
|
6021
5989
|
"kind": "field",
|
|
@@ -6066,33 +6034,35 @@
|
|
|
6066
6034
|
"name": "_handleInvalid",
|
|
6067
6035
|
"privacy": "private"
|
|
6068
6036
|
},
|
|
6037
|
+
{
|
|
6038
|
+
"kind": "field",
|
|
6039
|
+
"name": "_handleOutsideClick",
|
|
6040
|
+
"privacy": "private"
|
|
6041
|
+
},
|
|
6042
|
+
{
|
|
6043
|
+
"kind": "field",
|
|
6044
|
+
"name": "_handleKeyDown",
|
|
6045
|
+
"privacy": "private"
|
|
6046
|
+
},
|
|
6069
6047
|
{
|
|
6070
6048
|
"kind": "method",
|
|
6071
|
-
"name": "
|
|
6049
|
+
"name": "_toggle",
|
|
6072
6050
|
"privacy": "private"
|
|
6073
6051
|
},
|
|
6074
6052
|
{
|
|
6075
6053
|
"kind": "method",
|
|
6076
|
-
"name": "
|
|
6077
|
-
"privacy": "private"
|
|
6078
|
-
"parameters": [
|
|
6079
|
-
{
|
|
6080
|
-
"name": "e",
|
|
6081
|
-
"type": {
|
|
6082
|
-
"text": "Event"
|
|
6083
|
-
}
|
|
6084
|
-
}
|
|
6085
|
-
]
|
|
6054
|
+
"name": "_close",
|
|
6055
|
+
"privacy": "private"
|
|
6086
6056
|
},
|
|
6087
6057
|
{
|
|
6088
6058
|
"kind": "method",
|
|
6089
|
-
"name": "
|
|
6059
|
+
"name": "_selectOption",
|
|
6090
6060
|
"privacy": "private",
|
|
6091
6061
|
"parameters": [
|
|
6092
6062
|
{
|
|
6093
|
-
"name": "
|
|
6063
|
+
"name": "option",
|
|
6094
6064
|
"type": {
|
|
6095
|
-
"text": "
|
|
6065
|
+
"text": "KRSelectOption"
|
|
6096
6066
|
}
|
|
6097
6067
|
}
|
|
6098
6068
|
]
|
|
@@ -6104,15 +6074,24 @@
|
|
|
6104
6074
|
},
|
|
6105
6075
|
{
|
|
6106
6076
|
"kind": "method",
|
|
6107
|
-
"name": "
|
|
6077
|
+
"name": "_updateValidity",
|
|
6078
|
+
"privacy": "private"
|
|
6108
6079
|
},
|
|
6109
6080
|
{
|
|
6110
6081
|
"kind": "method",
|
|
6111
|
-
"name": "
|
|
6082
|
+
"name": "focus"
|
|
6112
6083
|
},
|
|
6113
6084
|
{
|
|
6114
6085
|
"kind": "method",
|
|
6115
|
-
"name": "
|
|
6086
|
+
"name": "blur"
|
|
6087
|
+
}
|
|
6088
|
+
],
|
|
6089
|
+
"events": [
|
|
6090
|
+
{
|
|
6091
|
+
"name": "change",
|
|
6092
|
+
"type": {
|
|
6093
|
+
"text": "Event"
|
|
6094
|
+
}
|
|
6116
6095
|
}
|
|
6117
6096
|
],
|
|
6118
6097
|
"attributes": [
|
|
@@ -6122,7 +6101,7 @@
|
|
|
6122
6101
|
"text": "string"
|
|
6123
6102
|
},
|
|
6124
6103
|
"default": "''",
|
|
6125
|
-
"description": "The
|
|
6104
|
+
"description": "The select label text",
|
|
6126
6105
|
"fieldName": "label"
|
|
6127
6106
|
},
|
|
6128
6107
|
{
|
|
@@ -6140,7 +6119,7 @@
|
|
|
6140
6119
|
"text": "string"
|
|
6141
6120
|
},
|
|
6142
6121
|
"default": "''",
|
|
6143
|
-
"description": "The
|
|
6122
|
+
"description": "The currently selected value",
|
|
6144
6123
|
"fieldName": "value"
|
|
6145
6124
|
},
|
|
6146
6125
|
{
|
|
@@ -6148,18 +6127,18 @@
|
|
|
6148
6127
|
"type": {
|
|
6149
6128
|
"text": "string"
|
|
6150
6129
|
},
|
|
6151
|
-
"default": "''",
|
|
6152
|
-
"description": "Placeholder text",
|
|
6130
|
+
"default": "'Select an option'",
|
|
6131
|
+
"description": "Placeholder text when no option is selected",
|
|
6153
6132
|
"fieldName": "placeholder"
|
|
6154
6133
|
},
|
|
6155
6134
|
{
|
|
6156
|
-
"name": "
|
|
6135
|
+
"name": "disabled",
|
|
6157
6136
|
"type": {
|
|
6158
|
-
"text": "
|
|
6137
|
+
"text": "boolean"
|
|
6159
6138
|
},
|
|
6160
|
-
"default": "
|
|
6161
|
-
"description": "
|
|
6162
|
-
"fieldName": "
|
|
6139
|
+
"default": "false",
|
|
6140
|
+
"description": "Whether the select is disabled",
|
|
6141
|
+
"fieldName": "disabled"
|
|
6163
6142
|
},
|
|
6164
6143
|
{
|
|
6165
6144
|
"name": "required",
|
|
@@ -6170,15 +6149,6 @@
|
|
|
6170
6149
|
"description": "Whether the field is required",
|
|
6171
6150
|
"fieldName": "required"
|
|
6172
6151
|
},
|
|
6173
|
-
{
|
|
6174
|
-
"name": "disabled",
|
|
6175
|
-
"type": {
|
|
6176
|
-
"text": "boolean"
|
|
6177
|
-
},
|
|
6178
|
-
"default": "false",
|
|
6179
|
-
"description": "Whether the field is disabled",
|
|
6180
|
-
"fieldName": "disabled"
|
|
6181
|
-
},
|
|
6182
6152
|
{
|
|
6183
6153
|
"name": "readonly",
|
|
6184
6154
|
"type": {
|
|
@@ -6188,46 +6158,13 @@
|
|
|
6188
6158
|
"description": "Whether the field is readonly",
|
|
6189
6159
|
"fieldName": "readonly"
|
|
6190
6160
|
},
|
|
6191
|
-
{
|
|
6192
|
-
"name": "minlength",
|
|
6193
|
-
"type": {
|
|
6194
|
-
"text": "number | undefined"
|
|
6195
|
-
},
|
|
6196
|
-
"description": "Minimum length for the value",
|
|
6197
|
-
"fieldName": "minlength"
|
|
6198
|
-
},
|
|
6199
|
-
{
|
|
6200
|
-
"name": "maxlength",
|
|
6201
|
-
"type": {
|
|
6202
|
-
"text": "number | undefined"
|
|
6203
|
-
},
|
|
6204
|
-
"description": "Maximum length for the value",
|
|
6205
|
-
"fieldName": "maxlength"
|
|
6206
|
-
},
|
|
6207
|
-
{
|
|
6208
|
-
"name": "pattern",
|
|
6209
|
-
"type": {
|
|
6210
|
-
"text": "string | undefined"
|
|
6211
|
-
},
|
|
6212
|
-
"description": "Pattern for validation (regex)",
|
|
6213
|
-
"fieldName": "pattern"
|
|
6214
|
-
},
|
|
6215
|
-
{
|
|
6216
|
-
"name": "autocomplete",
|
|
6217
|
-
"type": {
|
|
6218
|
-
"text": "string"
|
|
6219
|
-
},
|
|
6220
|
-
"default": "''",
|
|
6221
|
-
"description": "Autocomplete attribute value",
|
|
6222
|
-
"fieldName": "autocomplete"
|
|
6223
|
-
},
|
|
6224
6161
|
{
|
|
6225
6162
|
"name": "hint",
|
|
6226
6163
|
"type": {
|
|
6227
6164
|
"text": "string"
|
|
6228
6165
|
},
|
|
6229
6166
|
"default": "''",
|
|
6230
|
-
"description": "Helper text shown below the
|
|
6167
|
+
"description": "Helper text shown below the select",
|
|
6231
6168
|
"fieldName": "hint"
|
|
6232
6169
|
}
|
|
6233
6170
|
],
|
|
@@ -6235,43 +6172,129 @@
|
|
|
6235
6172
|
"name": "LitElement",
|
|
6236
6173
|
"package": "lit"
|
|
6237
6174
|
},
|
|
6238
|
-
"tagName": "kr-
|
|
6175
|
+
"tagName": "kr-select-field",
|
|
6239
6176
|
"customElement": true
|
|
6240
6177
|
}
|
|
6241
6178
|
],
|
|
6242
6179
|
"exports": [
|
|
6243
6180
|
{
|
|
6244
6181
|
"kind": "js",
|
|
6245
|
-
"name": "
|
|
6182
|
+
"name": "KRSelectField",
|
|
6246
6183
|
"declaration": {
|
|
6247
|
-
"name": "
|
|
6248
|
-
"module": "src/form/
|
|
6184
|
+
"name": "KRSelectField",
|
|
6185
|
+
"module": "src/form/select-field/select-field.ts"
|
|
6249
6186
|
}
|
|
6250
6187
|
},
|
|
6251
6188
|
{
|
|
6252
6189
|
"kind": "custom-element-definition",
|
|
6253
|
-
"name": "kr-
|
|
6190
|
+
"name": "kr-select-field",
|
|
6254
6191
|
"declaration": {
|
|
6255
|
-
"name": "
|
|
6256
|
-
"module": "src/form/
|
|
6192
|
+
"name": "KRSelectField",
|
|
6193
|
+
"module": "src/form/select-field/select-field.ts"
|
|
6257
6194
|
}
|
|
6258
6195
|
}
|
|
6259
6196
|
]
|
|
6260
6197
|
},
|
|
6261
6198
|
{
|
|
6262
6199
|
"kind": "javascript-module",
|
|
6263
|
-
"path": "src/form/select-field/select-
|
|
6200
|
+
"path": "src/form/select-field/select-option.ts",
|
|
6264
6201
|
"declarations": [
|
|
6265
6202
|
{
|
|
6266
6203
|
"kind": "class",
|
|
6267
|
-
"description": "
|
|
6268
|
-
"name": "
|
|
6204
|
+
"description": "An option for the kr-select-field component.",
|
|
6205
|
+
"name": "KRSelectOption",
|
|
6269
6206
|
"slots": [
|
|
6270
6207
|
{
|
|
6271
|
-
"description": "The
|
|
6208
|
+
"description": "The option label content",
|
|
6272
6209
|
"name": ""
|
|
6273
6210
|
}
|
|
6274
6211
|
],
|
|
6212
|
+
"members": [
|
|
6213
|
+
{
|
|
6214
|
+
"kind": "field",
|
|
6215
|
+
"name": "value",
|
|
6216
|
+
"type": {
|
|
6217
|
+
"text": "string"
|
|
6218
|
+
},
|
|
6219
|
+
"default": "''",
|
|
6220
|
+
"description": "The option value",
|
|
6221
|
+
"attribute": "value"
|
|
6222
|
+
},
|
|
6223
|
+
{
|
|
6224
|
+
"kind": "field",
|
|
6225
|
+
"name": "disabled",
|
|
6226
|
+
"type": {
|
|
6227
|
+
"text": "boolean"
|
|
6228
|
+
},
|
|
6229
|
+
"default": "false",
|
|
6230
|
+
"description": "Whether the option is disabled",
|
|
6231
|
+
"attribute": "disabled"
|
|
6232
|
+
},
|
|
6233
|
+
{
|
|
6234
|
+
"kind": "field",
|
|
6235
|
+
"name": "label",
|
|
6236
|
+
"type": {
|
|
6237
|
+
"text": "string"
|
|
6238
|
+
},
|
|
6239
|
+
"description": "Gets the label text from the slot",
|
|
6240
|
+
"readonly": true
|
|
6241
|
+
}
|
|
6242
|
+
],
|
|
6243
|
+
"attributes": [
|
|
6244
|
+
{
|
|
6245
|
+
"name": "value",
|
|
6246
|
+
"type": {
|
|
6247
|
+
"text": "string"
|
|
6248
|
+
},
|
|
6249
|
+
"default": "''",
|
|
6250
|
+
"description": "The option value",
|
|
6251
|
+
"fieldName": "value"
|
|
6252
|
+
},
|
|
6253
|
+
{
|
|
6254
|
+
"name": "disabled",
|
|
6255
|
+
"type": {
|
|
6256
|
+
"text": "boolean"
|
|
6257
|
+
},
|
|
6258
|
+
"default": "false",
|
|
6259
|
+
"description": "Whether the option is disabled",
|
|
6260
|
+
"fieldName": "disabled"
|
|
6261
|
+
}
|
|
6262
|
+
],
|
|
6263
|
+
"superclass": {
|
|
6264
|
+
"name": "LitElement",
|
|
6265
|
+
"package": "lit"
|
|
6266
|
+
},
|
|
6267
|
+
"tagName": "kr-select-option",
|
|
6268
|
+
"customElement": true
|
|
6269
|
+
}
|
|
6270
|
+
],
|
|
6271
|
+
"exports": [
|
|
6272
|
+
{
|
|
6273
|
+
"kind": "js",
|
|
6274
|
+
"name": "KRSelectOption",
|
|
6275
|
+
"declaration": {
|
|
6276
|
+
"name": "KRSelectOption",
|
|
6277
|
+
"module": "src/form/select-field/select-option.ts"
|
|
6278
|
+
}
|
|
6279
|
+
},
|
|
6280
|
+
{
|
|
6281
|
+
"kind": "custom-element-definition",
|
|
6282
|
+
"name": "kr-select-option",
|
|
6283
|
+
"declaration": {
|
|
6284
|
+
"name": "KRSelectOption",
|
|
6285
|
+
"module": "src/form/select-field/select-option.ts"
|
|
6286
|
+
}
|
|
6287
|
+
}
|
|
6288
|
+
]
|
|
6289
|
+
},
|
|
6290
|
+
{
|
|
6291
|
+
"kind": "javascript-module",
|
|
6292
|
+
"path": "src/form/text-field/text-field.ts",
|
|
6293
|
+
"declarations": [
|
|
6294
|
+
{
|
|
6295
|
+
"kind": "class",
|
|
6296
|
+
"description": "A text field component that works with native browser forms.\n\nUses ElementInternals for form association, allowing the component\nto participate in form submission, validation, and reset.\n\nNative input and change events bubble up from the inner input element.",
|
|
6297
|
+
"name": "KRTextField",
|
|
6275
6298
|
"members": [
|
|
6276
6299
|
{
|
|
6277
6300
|
"kind": "field",
|
|
@@ -6297,7 +6320,7 @@
|
|
|
6297
6320
|
"text": "string"
|
|
6298
6321
|
},
|
|
6299
6322
|
"default": "''",
|
|
6300
|
-
"description": "The
|
|
6323
|
+
"description": "The input label text",
|
|
6301
6324
|
"attribute": "label"
|
|
6302
6325
|
},
|
|
6303
6326
|
{
|
|
@@ -6317,7 +6340,7 @@
|
|
|
6317
6340
|
"text": "string"
|
|
6318
6341
|
},
|
|
6319
6342
|
"default": "''",
|
|
6320
|
-
"description": "The
|
|
6343
|
+
"description": "The current value",
|
|
6321
6344
|
"attribute": "value"
|
|
6322
6345
|
},
|
|
6323
6346
|
{
|
|
@@ -6326,19 +6349,19 @@
|
|
|
6326
6349
|
"type": {
|
|
6327
6350
|
"text": "string"
|
|
6328
6351
|
},
|
|
6329
|
-
"default": "'
|
|
6330
|
-
"description": "Placeholder text
|
|
6352
|
+
"default": "''",
|
|
6353
|
+
"description": "Placeholder text",
|
|
6331
6354
|
"attribute": "placeholder"
|
|
6332
6355
|
},
|
|
6333
6356
|
{
|
|
6334
6357
|
"kind": "field",
|
|
6335
|
-
"name": "
|
|
6358
|
+
"name": "type",
|
|
6336
6359
|
"type": {
|
|
6337
|
-
"text": "
|
|
6360
|
+
"text": "'text' | 'email' | 'password' | 'tel' | 'url' | 'search'"
|
|
6338
6361
|
},
|
|
6339
|
-
"default": "
|
|
6340
|
-
"description": "
|
|
6341
|
-
"attribute": "
|
|
6362
|
+
"default": "'text'",
|
|
6363
|
+
"description": "Input type (text, email, password, tel, url, search)",
|
|
6364
|
+
"attribute": "type"
|
|
6342
6365
|
},
|
|
6343
6366
|
{
|
|
6344
6367
|
"kind": "field",
|
|
@@ -6350,6 +6373,16 @@
|
|
|
6350
6373
|
"description": "Whether the field is required",
|
|
6351
6374
|
"attribute": "required"
|
|
6352
6375
|
},
|
|
6376
|
+
{
|
|
6377
|
+
"kind": "field",
|
|
6378
|
+
"name": "disabled",
|
|
6379
|
+
"type": {
|
|
6380
|
+
"text": "boolean"
|
|
6381
|
+
},
|
|
6382
|
+
"default": "false",
|
|
6383
|
+
"description": "Whether the field is disabled",
|
|
6384
|
+
"attribute": "disabled"
|
|
6385
|
+
},
|
|
6353
6386
|
{
|
|
6354
6387
|
"kind": "field",
|
|
6355
6388
|
"name": "readonly",
|
|
@@ -6362,31 +6395,58 @@
|
|
|
6362
6395
|
},
|
|
6363
6396
|
{
|
|
6364
6397
|
"kind": "field",
|
|
6365
|
-
"name": "
|
|
6398
|
+
"name": "minlength",
|
|
6399
|
+
"type": {
|
|
6400
|
+
"text": "number | undefined"
|
|
6401
|
+
},
|
|
6402
|
+
"description": "Minimum length for the value",
|
|
6403
|
+
"attribute": "minlength"
|
|
6404
|
+
},
|
|
6405
|
+
{
|
|
6406
|
+
"kind": "field",
|
|
6407
|
+
"name": "maxlength",
|
|
6408
|
+
"type": {
|
|
6409
|
+
"text": "number | undefined"
|
|
6410
|
+
},
|
|
6411
|
+
"description": "Maximum length for the value",
|
|
6412
|
+
"attribute": "maxlength"
|
|
6413
|
+
},
|
|
6414
|
+
{
|
|
6415
|
+
"kind": "field",
|
|
6416
|
+
"name": "pattern",
|
|
6417
|
+
"type": {
|
|
6418
|
+
"text": "string | undefined"
|
|
6419
|
+
},
|
|
6420
|
+
"description": "Pattern for validation (regex)",
|
|
6421
|
+
"attribute": "pattern"
|
|
6422
|
+
},
|
|
6423
|
+
{
|
|
6424
|
+
"kind": "field",
|
|
6425
|
+
"name": "autocomplete",
|
|
6366
6426
|
"type": {
|
|
6367
6427
|
"text": "string"
|
|
6368
6428
|
},
|
|
6369
6429
|
"default": "''",
|
|
6370
|
-
"description": "
|
|
6371
|
-
"attribute": "
|
|
6430
|
+
"description": "Autocomplete attribute value",
|
|
6431
|
+
"attribute": "autocomplete"
|
|
6372
6432
|
},
|
|
6373
6433
|
{
|
|
6374
6434
|
"kind": "field",
|
|
6375
|
-
"name": "
|
|
6435
|
+
"name": "hint",
|
|
6376
6436
|
"type": {
|
|
6377
|
-
"text": "
|
|
6437
|
+
"text": "string"
|
|
6378
6438
|
},
|
|
6379
|
-
"
|
|
6380
|
-
"
|
|
6439
|
+
"default": "''",
|
|
6440
|
+
"description": "Helper text shown below the input",
|
|
6441
|
+
"attribute": "hint"
|
|
6381
6442
|
},
|
|
6382
6443
|
{
|
|
6383
6444
|
"kind": "field",
|
|
6384
|
-
"name": "
|
|
6445
|
+
"name": "_input",
|
|
6385
6446
|
"type": {
|
|
6386
|
-
"text": "
|
|
6447
|
+
"text": "HTMLInputElement"
|
|
6387
6448
|
},
|
|
6388
|
-
"privacy": "private"
|
|
6389
|
-
"default": "-1"
|
|
6449
|
+
"privacy": "private"
|
|
6390
6450
|
},
|
|
6391
6451
|
{
|
|
6392
6452
|
"kind": "field",
|
|
@@ -6399,11 +6459,12 @@
|
|
|
6399
6459
|
},
|
|
6400
6460
|
{
|
|
6401
6461
|
"kind": "field",
|
|
6402
|
-
"name": "
|
|
6462
|
+
"name": "_dirty",
|
|
6403
6463
|
"type": {
|
|
6404
|
-
"text": "
|
|
6464
|
+
"text": "boolean"
|
|
6405
6465
|
},
|
|
6406
|
-
"privacy": "private"
|
|
6466
|
+
"privacy": "private",
|
|
6467
|
+
"default": "false"
|
|
6407
6468
|
},
|
|
6408
6469
|
{
|
|
6409
6470
|
"kind": "field",
|
|
@@ -6454,35 +6515,33 @@
|
|
|
6454
6515
|
"name": "_handleInvalid",
|
|
6455
6516
|
"privacy": "private"
|
|
6456
6517
|
},
|
|
6457
|
-
{
|
|
6458
|
-
"kind": "field",
|
|
6459
|
-
"name": "_handleOutsideClick",
|
|
6460
|
-
"privacy": "private"
|
|
6461
|
-
},
|
|
6462
|
-
{
|
|
6463
|
-
"kind": "field",
|
|
6464
|
-
"name": "_handleKeyDown",
|
|
6465
|
-
"privacy": "private"
|
|
6466
|
-
},
|
|
6467
6518
|
{
|
|
6468
6519
|
"kind": "method",
|
|
6469
|
-
"name": "
|
|
6520
|
+
"name": "_updateValidity",
|
|
6470
6521
|
"privacy": "private"
|
|
6471
6522
|
},
|
|
6472
6523
|
{
|
|
6473
6524
|
"kind": "method",
|
|
6474
|
-
"name": "
|
|
6475
|
-
"privacy": "private"
|
|
6525
|
+
"name": "_handleInput",
|
|
6526
|
+
"privacy": "private",
|
|
6527
|
+
"parameters": [
|
|
6528
|
+
{
|
|
6529
|
+
"name": "e",
|
|
6530
|
+
"type": {
|
|
6531
|
+
"text": "Event"
|
|
6532
|
+
}
|
|
6533
|
+
}
|
|
6534
|
+
]
|
|
6476
6535
|
},
|
|
6477
6536
|
{
|
|
6478
6537
|
"kind": "method",
|
|
6479
|
-
"name": "
|
|
6538
|
+
"name": "_handleChange",
|
|
6480
6539
|
"privacy": "private",
|
|
6481
6540
|
"parameters": [
|
|
6482
6541
|
{
|
|
6483
|
-
"name": "
|
|
6542
|
+
"name": "e",
|
|
6484
6543
|
"type": {
|
|
6485
|
-
"text": "
|
|
6544
|
+
"text": "Event"
|
|
6486
6545
|
}
|
|
6487
6546
|
}
|
|
6488
6547
|
]
|
|
@@ -6492,11 +6551,6 @@
|
|
|
6492
6551
|
"name": "_handleBlur",
|
|
6493
6552
|
"privacy": "private"
|
|
6494
6553
|
},
|
|
6495
|
-
{
|
|
6496
|
-
"kind": "method",
|
|
6497
|
-
"name": "_updateValidity",
|
|
6498
|
-
"privacy": "private"
|
|
6499
|
-
},
|
|
6500
6554
|
{
|
|
6501
6555
|
"kind": "method",
|
|
6502
6556
|
"name": "focus"
|
|
@@ -6504,14 +6558,10 @@
|
|
|
6504
6558
|
{
|
|
6505
6559
|
"kind": "method",
|
|
6506
6560
|
"name": "blur"
|
|
6507
|
-
}
|
|
6508
|
-
],
|
|
6509
|
-
"events": [
|
|
6561
|
+
},
|
|
6510
6562
|
{
|
|
6511
|
-
"
|
|
6512
|
-
"
|
|
6513
|
-
"text": "Event"
|
|
6514
|
-
}
|
|
6563
|
+
"kind": "method",
|
|
6564
|
+
"name": "select"
|
|
6515
6565
|
}
|
|
6516
6566
|
],
|
|
6517
6567
|
"attributes": [
|
|
@@ -6521,7 +6571,7 @@
|
|
|
6521
6571
|
"text": "string"
|
|
6522
6572
|
},
|
|
6523
6573
|
"default": "''",
|
|
6524
|
-
"description": "The
|
|
6574
|
+
"description": "The input label text",
|
|
6525
6575
|
"fieldName": "label"
|
|
6526
6576
|
},
|
|
6527
6577
|
{
|
|
@@ -6539,7 +6589,7 @@
|
|
|
6539
6589
|
"text": "string"
|
|
6540
6590
|
},
|
|
6541
6591
|
"default": "''",
|
|
6542
|
-
"description": "The
|
|
6592
|
+
"description": "The current value",
|
|
6543
6593
|
"fieldName": "value"
|
|
6544
6594
|
},
|
|
6545
6595
|
{
|
|
@@ -6547,18 +6597,18 @@
|
|
|
6547
6597
|
"type": {
|
|
6548
6598
|
"text": "string"
|
|
6549
6599
|
},
|
|
6550
|
-
"default": "'
|
|
6551
|
-
"description": "Placeholder text
|
|
6600
|
+
"default": "''",
|
|
6601
|
+
"description": "Placeholder text",
|
|
6552
6602
|
"fieldName": "placeholder"
|
|
6553
6603
|
},
|
|
6554
6604
|
{
|
|
6555
|
-
"name": "
|
|
6605
|
+
"name": "type",
|
|
6556
6606
|
"type": {
|
|
6557
|
-
"text": "
|
|
6607
|
+
"text": "'text' | 'email' | 'password' | 'tel' | 'url' | 'search'"
|
|
6558
6608
|
},
|
|
6559
|
-
"default": "
|
|
6560
|
-
"description": "
|
|
6561
|
-
"fieldName": "
|
|
6609
|
+
"default": "'text'",
|
|
6610
|
+
"description": "Input type (text, email, password, tel, url, search)",
|
|
6611
|
+
"fieldName": "type"
|
|
6562
6612
|
},
|
|
6563
6613
|
{
|
|
6564
6614
|
"name": "required",
|
|
@@ -6570,139 +6620,89 @@
|
|
|
6570
6620
|
"fieldName": "required"
|
|
6571
6621
|
},
|
|
6572
6622
|
{
|
|
6573
|
-
"name": "
|
|
6623
|
+
"name": "disabled",
|
|
6574
6624
|
"type": {
|
|
6575
6625
|
"text": "boolean"
|
|
6576
6626
|
},
|
|
6577
6627
|
"default": "false",
|
|
6578
|
-
"description": "Whether the field is
|
|
6579
|
-
"fieldName": "
|
|
6628
|
+
"description": "Whether the field is disabled",
|
|
6629
|
+
"fieldName": "disabled"
|
|
6580
6630
|
},
|
|
6581
6631
|
{
|
|
6582
|
-
"name": "
|
|
6632
|
+
"name": "readonly",
|
|
6583
6633
|
"type": {
|
|
6584
|
-
"text": "
|
|
6634
|
+
"text": "boolean"
|
|
6585
6635
|
},
|
|
6586
|
-
"default": "
|
|
6587
|
-
"description": "
|
|
6588
|
-
"fieldName": "
|
|
6589
|
-
}
|
|
6590
|
-
],
|
|
6591
|
-
"superclass": {
|
|
6592
|
-
"name": "LitElement",
|
|
6593
|
-
"package": "lit"
|
|
6594
|
-
},
|
|
6595
|
-
"tagName": "kr-select-field",
|
|
6596
|
-
"customElement": true
|
|
6597
|
-
}
|
|
6598
|
-
],
|
|
6599
|
-
"exports": [
|
|
6600
|
-
{
|
|
6601
|
-
"kind": "js",
|
|
6602
|
-
"name": "KRSelectField",
|
|
6603
|
-
"declaration": {
|
|
6604
|
-
"name": "KRSelectField",
|
|
6605
|
-
"module": "src/form/select-field/select-field.ts"
|
|
6606
|
-
}
|
|
6607
|
-
},
|
|
6608
|
-
{
|
|
6609
|
-
"kind": "custom-element-definition",
|
|
6610
|
-
"name": "kr-select-field",
|
|
6611
|
-
"declaration": {
|
|
6612
|
-
"name": "KRSelectField",
|
|
6613
|
-
"module": "src/form/select-field/select-field.ts"
|
|
6614
|
-
}
|
|
6615
|
-
}
|
|
6616
|
-
]
|
|
6617
|
-
},
|
|
6618
|
-
{
|
|
6619
|
-
"kind": "javascript-module",
|
|
6620
|
-
"path": "src/form/select-field/select-option.ts",
|
|
6621
|
-
"declarations": [
|
|
6622
|
-
{
|
|
6623
|
-
"kind": "class",
|
|
6624
|
-
"description": "An option for the kr-select-field component.",
|
|
6625
|
-
"name": "KRSelectOption",
|
|
6626
|
-
"slots": [
|
|
6627
|
-
{
|
|
6628
|
-
"description": "The option label content",
|
|
6629
|
-
"name": ""
|
|
6630
|
-
}
|
|
6631
|
-
],
|
|
6632
|
-
"members": [
|
|
6636
|
+
"default": "false",
|
|
6637
|
+
"description": "Whether the field is readonly",
|
|
6638
|
+
"fieldName": "readonly"
|
|
6639
|
+
},
|
|
6633
6640
|
{
|
|
6634
|
-
"
|
|
6635
|
-
"name": "value",
|
|
6641
|
+
"name": "minlength",
|
|
6636
6642
|
"type": {
|
|
6637
|
-
"text": "
|
|
6643
|
+
"text": "number | undefined"
|
|
6638
6644
|
},
|
|
6639
|
-
"
|
|
6640
|
-
"
|
|
6641
|
-
"attribute": "value"
|
|
6645
|
+
"description": "Minimum length for the value",
|
|
6646
|
+
"fieldName": "minlength"
|
|
6642
6647
|
},
|
|
6643
6648
|
{
|
|
6644
|
-
"
|
|
6645
|
-
"name": "disabled",
|
|
6649
|
+
"name": "maxlength",
|
|
6646
6650
|
"type": {
|
|
6647
|
-
"text": "
|
|
6651
|
+
"text": "number | undefined"
|
|
6648
6652
|
},
|
|
6649
|
-
"
|
|
6650
|
-
"
|
|
6651
|
-
"attribute": "disabled"
|
|
6653
|
+
"description": "Maximum length for the value",
|
|
6654
|
+
"fieldName": "maxlength"
|
|
6652
6655
|
},
|
|
6653
6656
|
{
|
|
6654
|
-
"
|
|
6655
|
-
"name": "label",
|
|
6657
|
+
"name": "pattern",
|
|
6656
6658
|
"type": {
|
|
6657
|
-
"text": "string"
|
|
6659
|
+
"text": "string | undefined"
|
|
6658
6660
|
},
|
|
6659
|
-
"description": "
|
|
6660
|
-
"
|
|
6661
|
-
}
|
|
6662
|
-
],
|
|
6663
|
-
"attributes": [
|
|
6661
|
+
"description": "Pattern for validation (regex)",
|
|
6662
|
+
"fieldName": "pattern"
|
|
6663
|
+
},
|
|
6664
6664
|
{
|
|
6665
|
-
"name": "
|
|
6665
|
+
"name": "autocomplete",
|
|
6666
6666
|
"type": {
|
|
6667
6667
|
"text": "string"
|
|
6668
6668
|
},
|
|
6669
6669
|
"default": "''",
|
|
6670
|
-
"description": "
|
|
6671
|
-
"fieldName": "
|
|
6670
|
+
"description": "Autocomplete attribute value",
|
|
6671
|
+
"fieldName": "autocomplete"
|
|
6672
6672
|
},
|
|
6673
6673
|
{
|
|
6674
|
-
"name": "
|
|
6674
|
+
"name": "hint",
|
|
6675
6675
|
"type": {
|
|
6676
|
-
"text": "
|
|
6676
|
+
"text": "string"
|
|
6677
6677
|
},
|
|
6678
|
-
"default": "
|
|
6679
|
-
"description": "
|
|
6680
|
-
"fieldName": "
|
|
6678
|
+
"default": "''",
|
|
6679
|
+
"description": "Helper text shown below the input",
|
|
6680
|
+
"fieldName": "hint"
|
|
6681
6681
|
}
|
|
6682
6682
|
],
|
|
6683
6683
|
"superclass": {
|
|
6684
6684
|
"name": "LitElement",
|
|
6685
6685
|
"package": "lit"
|
|
6686
6686
|
},
|
|
6687
|
-
"tagName": "kr-
|
|
6687
|
+
"tagName": "kr-text-field",
|
|
6688
6688
|
"customElement": true
|
|
6689
6689
|
}
|
|
6690
6690
|
],
|
|
6691
6691
|
"exports": [
|
|
6692
6692
|
{
|
|
6693
6693
|
"kind": "js",
|
|
6694
|
-
"name": "
|
|
6694
|
+
"name": "KRTextField",
|
|
6695
6695
|
"declaration": {
|
|
6696
|
-
"name": "
|
|
6697
|
-
"module": "src/form/
|
|
6696
|
+
"name": "KRTextField",
|
|
6697
|
+
"module": "src/form/text-field/text-field.ts"
|
|
6698
6698
|
}
|
|
6699
6699
|
},
|
|
6700
6700
|
{
|
|
6701
6701
|
"kind": "custom-element-definition",
|
|
6702
|
-
"name": "kr-
|
|
6702
|
+
"name": "kr-text-field",
|
|
6703
6703
|
"declaration": {
|
|
6704
|
-
"name": "
|
|
6705
|
-
"module": "src/form/
|
|
6704
|
+
"name": "KRTextField",
|
|
6705
|
+
"module": "src/form/text-field/text-field.ts"
|
|
6706
6706
|
}
|
|
6707
6707
|
}
|
|
6708
6708
|
]
|