@kubex/zinc 1.0.117 → 1.0.119
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 +109 -109
- package/dist/vscode.html-custom-data.json +17 -17
- package/dist/web-types.json +31 -31
- package/dist/zn.min.js +72 -72
- package/package.json +1 -1
- package/src/components/chip/chip.scss +1 -0
- package/src/components/page/page.component.ts +3 -6
|
@@ -31222,6 +31222,114 @@
|
|
|
31222
31222
|
}
|
|
31223
31223
|
]
|
|
31224
31224
|
},
|
|
31225
|
+
{
|
|
31226
|
+
"kind": "javascript-module",
|
|
31227
|
+
"path": "components/tab/tab.js",
|
|
31228
|
+
"declarations": [
|
|
31229
|
+
{
|
|
31230
|
+
"kind": "class",
|
|
31231
|
+
"description": "",
|
|
31232
|
+
"name": "ZnTab",
|
|
31233
|
+
"slots": [
|
|
31234
|
+
{
|
|
31235
|
+
"description": "The tab panel content.",
|
|
31236
|
+
"name": ""
|
|
31237
|
+
}
|
|
31238
|
+
],
|
|
31239
|
+
"members": [
|
|
31240
|
+
{
|
|
31241
|
+
"kind": "field",
|
|
31242
|
+
"name": "caption",
|
|
31243
|
+
"type": {
|
|
31244
|
+
"text": "string"
|
|
31245
|
+
},
|
|
31246
|
+
"attribute": "caption"
|
|
31247
|
+
},
|
|
31248
|
+
{
|
|
31249
|
+
"kind": "field",
|
|
31250
|
+
"name": "priority",
|
|
31251
|
+
"type": {
|
|
31252
|
+
"text": "number"
|
|
31253
|
+
},
|
|
31254
|
+
"attribute": "priority"
|
|
31255
|
+
},
|
|
31256
|
+
{
|
|
31257
|
+
"kind": "field",
|
|
31258
|
+
"name": "uri",
|
|
31259
|
+
"type": {
|
|
31260
|
+
"text": "string"
|
|
31261
|
+
},
|
|
31262
|
+
"attribute": "uri"
|
|
31263
|
+
},
|
|
31264
|
+
{
|
|
31265
|
+
"kind": "field",
|
|
31266
|
+
"name": "selected",
|
|
31267
|
+
"type": {
|
|
31268
|
+
"text": "boolean"
|
|
31269
|
+
},
|
|
31270
|
+
"default": "false",
|
|
31271
|
+
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
31272
|
+
"attribute": "selected",
|
|
31273
|
+
"reflects": true
|
|
31274
|
+
}
|
|
31275
|
+
],
|
|
31276
|
+
"attributes": [
|
|
31277
|
+
{
|
|
31278
|
+
"name": "caption",
|
|
31279
|
+
"type": {
|
|
31280
|
+
"text": "string"
|
|
31281
|
+
},
|
|
31282
|
+
"fieldName": "caption"
|
|
31283
|
+
},
|
|
31284
|
+
{
|
|
31285
|
+
"name": "priority",
|
|
31286
|
+
"type": {
|
|
31287
|
+
"text": "number"
|
|
31288
|
+
},
|
|
31289
|
+
"fieldName": "priority"
|
|
31290
|
+
},
|
|
31291
|
+
{
|
|
31292
|
+
"name": "uri",
|
|
31293
|
+
"type": {
|
|
31294
|
+
"text": "string"
|
|
31295
|
+
},
|
|
31296
|
+
"fieldName": "uri"
|
|
31297
|
+
},
|
|
31298
|
+
{
|
|
31299
|
+
"name": "selected",
|
|
31300
|
+
"type": {
|
|
31301
|
+
"text": "boolean"
|
|
31302
|
+
},
|
|
31303
|
+
"default": "false",
|
|
31304
|
+
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
31305
|
+
"fieldName": "selected"
|
|
31306
|
+
}
|
|
31307
|
+
],
|
|
31308
|
+
"superclass": {
|
|
31309
|
+
"name": "ZincElement",
|
|
31310
|
+
"module": "/src/internal/zinc-element"
|
|
31311
|
+
},
|
|
31312
|
+
"summary": "Defines a tab panel for use inside zn-page.",
|
|
31313
|
+
"tagNameWithoutPrefix": "tab",
|
|
31314
|
+
"tagName": "zn-tab",
|
|
31315
|
+
"customElement": true,
|
|
31316
|
+
"jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
|
|
31317
|
+
"documentation": "https://zinc.style/components/tab",
|
|
31318
|
+
"status": "experimental",
|
|
31319
|
+
"since": "1.0"
|
|
31320
|
+
}
|
|
31321
|
+
],
|
|
31322
|
+
"exports": [
|
|
31323
|
+
{
|
|
31324
|
+
"kind": "js",
|
|
31325
|
+
"name": "default",
|
|
31326
|
+
"declaration": {
|
|
31327
|
+
"name": "ZnTab",
|
|
31328
|
+
"module": "components/tab/tab.js"
|
|
31329
|
+
}
|
|
31330
|
+
}
|
|
31331
|
+
]
|
|
31332
|
+
},
|
|
31225
31333
|
{
|
|
31226
31334
|
"kind": "javascript-module",
|
|
31227
31335
|
"path": "components/table/table.js",
|
|
@@ -32275,114 +32383,6 @@
|
|
|
32275
32383
|
}
|
|
32276
32384
|
]
|
|
32277
32385
|
},
|
|
32278
|
-
{
|
|
32279
|
-
"kind": "javascript-module",
|
|
32280
|
-
"path": "components/tab/tab.js",
|
|
32281
|
-
"declarations": [
|
|
32282
|
-
{
|
|
32283
|
-
"kind": "class",
|
|
32284
|
-
"description": "",
|
|
32285
|
-
"name": "ZnTab",
|
|
32286
|
-
"slots": [
|
|
32287
|
-
{
|
|
32288
|
-
"description": "The tab panel content.",
|
|
32289
|
-
"name": ""
|
|
32290
|
-
}
|
|
32291
|
-
],
|
|
32292
|
-
"members": [
|
|
32293
|
-
{
|
|
32294
|
-
"kind": "field",
|
|
32295
|
-
"name": "caption",
|
|
32296
|
-
"type": {
|
|
32297
|
-
"text": "string"
|
|
32298
|
-
},
|
|
32299
|
-
"attribute": "caption"
|
|
32300
|
-
},
|
|
32301
|
-
{
|
|
32302
|
-
"kind": "field",
|
|
32303
|
-
"name": "priority",
|
|
32304
|
-
"type": {
|
|
32305
|
-
"text": "number"
|
|
32306
|
-
},
|
|
32307
|
-
"attribute": "priority"
|
|
32308
|
-
},
|
|
32309
|
-
{
|
|
32310
|
-
"kind": "field",
|
|
32311
|
-
"name": "uri",
|
|
32312
|
-
"type": {
|
|
32313
|
-
"text": "string"
|
|
32314
|
-
},
|
|
32315
|
-
"attribute": "uri"
|
|
32316
|
-
},
|
|
32317
|
-
{
|
|
32318
|
-
"kind": "field",
|
|
32319
|
-
"name": "selected",
|
|
32320
|
-
"type": {
|
|
32321
|
-
"text": "boolean"
|
|
32322
|
-
},
|
|
32323
|
-
"default": "false",
|
|
32324
|
-
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
32325
|
-
"attribute": "selected",
|
|
32326
|
-
"reflects": true
|
|
32327
|
-
}
|
|
32328
|
-
],
|
|
32329
|
-
"attributes": [
|
|
32330
|
-
{
|
|
32331
|
-
"name": "caption",
|
|
32332
|
-
"type": {
|
|
32333
|
-
"text": "string"
|
|
32334
|
-
},
|
|
32335
|
-
"fieldName": "caption"
|
|
32336
|
-
},
|
|
32337
|
-
{
|
|
32338
|
-
"name": "priority",
|
|
32339
|
-
"type": {
|
|
32340
|
-
"text": "number"
|
|
32341
|
-
},
|
|
32342
|
-
"fieldName": "priority"
|
|
32343
|
-
},
|
|
32344
|
-
{
|
|
32345
|
-
"name": "uri",
|
|
32346
|
-
"type": {
|
|
32347
|
-
"text": "string"
|
|
32348
|
-
},
|
|
32349
|
-
"fieldName": "uri"
|
|
32350
|
-
},
|
|
32351
|
-
{
|
|
32352
|
-
"name": "selected",
|
|
32353
|
-
"type": {
|
|
32354
|
-
"text": "boolean"
|
|
32355
|
-
},
|
|
32356
|
-
"default": "false",
|
|
32357
|
-
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
32358
|
-
"fieldName": "selected"
|
|
32359
|
-
}
|
|
32360
|
-
],
|
|
32361
|
-
"superclass": {
|
|
32362
|
-
"name": "ZincElement",
|
|
32363
|
-
"module": "/src/internal/zinc-element"
|
|
32364
|
-
},
|
|
32365
|
-
"summary": "Defines a tab panel for use inside zn-page.",
|
|
32366
|
-
"tagNameWithoutPrefix": "tab",
|
|
32367
|
-
"tagName": "zn-tab",
|
|
32368
|
-
"customElement": true,
|
|
32369
|
-
"jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
|
|
32370
|
-
"documentation": "https://zinc.style/components/tab",
|
|
32371
|
-
"status": "experimental",
|
|
32372
|
-
"since": "1.0"
|
|
32373
|
-
}
|
|
32374
|
-
],
|
|
32375
|
-
"exports": [
|
|
32376
|
-
{
|
|
32377
|
-
"kind": "js",
|
|
32378
|
-
"name": "default",
|
|
32379
|
-
"declaration": {
|
|
32380
|
-
"name": "ZnTab",
|
|
32381
|
-
"module": "components/tab/tab.js"
|
|
32382
|
-
}
|
|
32383
|
-
}
|
|
32384
|
-
]
|
|
32385
|
-
},
|
|
32386
32386
|
{
|
|
32387
32387
|
"kind": "javascript-module",
|
|
32388
32388
|
"path": "components/textarea/textarea.js",
|
|
@@ -35700,7 +35700,7 @@
|
|
|
35700
35700
|
"package": {
|
|
35701
35701
|
"name": "@kubex/zinc",
|
|
35702
35702
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
35703
|
-
"version": "1.0.
|
|
35703
|
+
"version": "1.0.119",
|
|
35704
35704
|
"author": "",
|
|
35705
35705
|
"license": "MIT"
|
|
35706
35706
|
}
|
|
@@ -3337,6 +3337,23 @@
|
|
|
3337
3337
|
}
|
|
3338
3338
|
]
|
|
3339
3339
|
},
|
|
3340
|
+
{
|
|
3341
|
+
"name": "zn-tab",
|
|
3342
|
+
"description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
|
|
3343
|
+
"attributes": [
|
|
3344
|
+
{ "name": "caption", "values": [] },
|
|
3345
|
+
{ "name": "priority", "values": [] },
|
|
3346
|
+
{ "name": "uri", "values": [] },
|
|
3347
|
+
{
|
|
3348
|
+
"name": "selected",
|
|
3349
|
+
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
3350
|
+
"values": []
|
|
3351
|
+
}
|
|
3352
|
+
],
|
|
3353
|
+
"references": [
|
|
3354
|
+
{ "name": "Documentation", "url": "https://zinc.style/components/tab" }
|
|
3355
|
+
]
|
|
3356
|
+
},
|
|
3340
3357
|
{
|
|
3341
3358
|
"name": "zn-table",
|
|
3342
3359
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -3385,23 +3402,6 @@
|
|
|
3385
3402
|
{ "name": "Documentation", "url": "https://zinc.style/components/tabs" }
|
|
3386
3403
|
]
|
|
3387
3404
|
},
|
|
3388
|
-
{
|
|
3389
|
-
"name": "zn-tab",
|
|
3390
|
-
"description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
|
|
3391
|
-
"attributes": [
|
|
3392
|
-
{ "name": "caption", "values": [] },
|
|
3393
|
-
{ "name": "priority", "values": [] },
|
|
3394
|
-
{ "name": "uri", "values": [] },
|
|
3395
|
-
{
|
|
3396
|
-
"name": "selected",
|
|
3397
|
-
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
3398
|
-
"values": []
|
|
3399
|
-
}
|
|
3400
|
-
],
|
|
3401
|
-
"references": [
|
|
3402
|
-
{ "name": "Documentation", "url": "https://zinc.style/components/tab" }
|
|
3403
|
-
]
|
|
3404
|
-
},
|
|
3405
3405
|
{
|
|
3406
3406
|
"name": "zn-textarea",
|
|
3407
3407
|
"description": "Textareas collect data from the user and allow multiple lines of text.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the control loses focus.\n- **zn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **zn-focus** - Emitted when the control gains focus.\n- **zn-input** - Emitted when the control receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The textareas label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **textarea** - The internal `<textarea>` control.",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.119",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -7822,6 +7822,36 @@
|
|
|
7822
7822
|
"events": []
|
|
7823
7823
|
}
|
|
7824
7824
|
},
|
|
7825
|
+
{
|
|
7826
|
+
"name": "zn-tab",
|
|
7827
|
+
"description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
|
|
7828
|
+
"doc-url": "",
|
|
7829
|
+
"attributes": [
|
|
7830
|
+
{ "name": "caption", "value": { "type": "string" } },
|
|
7831
|
+
{ "name": "priority", "value": { "type": "number" } },
|
|
7832
|
+
{ "name": "uri", "value": { "type": "string" } },
|
|
7833
|
+
{
|
|
7834
|
+
"name": "selected",
|
|
7835
|
+
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
7836
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7837
|
+
}
|
|
7838
|
+
],
|
|
7839
|
+
"slots": [{ "name": "", "description": "The tab panel content." }],
|
|
7840
|
+
"events": [],
|
|
7841
|
+
"js": {
|
|
7842
|
+
"properties": [
|
|
7843
|
+
{ "name": "caption", "type": "string" },
|
|
7844
|
+
{ "name": "priority", "type": "number" },
|
|
7845
|
+
{ "name": "uri", "type": "string" },
|
|
7846
|
+
{
|
|
7847
|
+
"name": "selected",
|
|
7848
|
+
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
7849
|
+
"type": "boolean"
|
|
7850
|
+
}
|
|
7851
|
+
],
|
|
7852
|
+
"events": []
|
|
7853
|
+
}
|
|
7854
|
+
},
|
|
7825
7855
|
{
|
|
7826
7856
|
"name": "zn-table",
|
|
7827
7857
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -7977,36 +8007,6 @@
|
|
|
7977
8007
|
]
|
|
7978
8008
|
}
|
|
7979
8009
|
},
|
|
7980
|
-
{
|
|
7981
|
-
"name": "zn-tab",
|
|
7982
|
-
"description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
|
|
7983
|
-
"doc-url": "",
|
|
7984
|
-
"attributes": [
|
|
7985
|
-
{ "name": "caption", "value": { "type": "string" } },
|
|
7986
|
-
{ "name": "priority", "value": { "type": "number" } },
|
|
7987
|
-
{ "name": "uri", "value": { "type": "string" } },
|
|
7988
|
-
{
|
|
7989
|
-
"name": "selected",
|
|
7990
|
-
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
7991
|
-
"value": { "type": "boolean", "default": "false" }
|
|
7992
|
-
}
|
|
7993
|
-
],
|
|
7994
|
-
"slots": [{ "name": "", "description": "The tab panel content." }],
|
|
7995
|
-
"events": [],
|
|
7996
|
-
"js": {
|
|
7997
|
-
"properties": [
|
|
7998
|
-
{ "name": "caption", "type": "string" },
|
|
7999
|
-
{ "name": "priority", "type": "number" },
|
|
8000
|
-
{ "name": "uri", "type": "string" },
|
|
8001
|
-
{
|
|
8002
|
-
"name": "selected",
|
|
8003
|
-
"description": "When present, zn-page opens this tab on load instead of the first tab.",
|
|
8004
|
-
"type": "boolean"
|
|
8005
|
-
}
|
|
8006
|
-
],
|
|
8007
|
-
"events": []
|
|
8008
|
-
}
|
|
8009
|
-
},
|
|
8010
8010
|
{
|
|
8011
8011
|
"name": "zn-textarea",
|
|
8012
8012
|
"description": "Textareas collect data from the user and allow multiple lines of text.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the control loses focus.\n- **zn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **zn-focus** - Emitted when the control gains focus.\n- **zn-input** - Emitted when the control receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The textareas label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **textarea** - The internal `<textarea>` control.",
|