@kubex/zinc 1.1.174 → 1.1.175
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 +166 -166
- package/dist/vscode.html-custom-data.json +37 -37
- package/dist/web-types.json +70 -70
- package/dist/zn.min.js +1 -1
- package/docs/pages/components/vertical-stepper.md +1 -1
- package/package.json +1 -1
- package/src/components/vertical-stepper/vertical-stepper.scss +4 -0
|
@@ -4340,6 +4340,171 @@
|
|
|
4340
4340
|
}
|
|
4341
4341
|
]
|
|
4342
4342
|
},
|
|
4343
|
+
{
|
|
4344
|
+
"kind": "javascript-module",
|
|
4345
|
+
"path": "components/chat-message-attachment/chat-message-attachment.js",
|
|
4346
|
+
"declarations": [
|
|
4347
|
+
{
|
|
4348
|
+
"kind": "class",
|
|
4349
|
+
"description": "",
|
|
4350
|
+
"name": "ZnChatMessageAttachment",
|
|
4351
|
+
"cssParts": [
|
|
4352
|
+
{
|
|
4353
|
+
"description": "The attachment link.",
|
|
4354
|
+
"name": "base"
|
|
4355
|
+
},
|
|
4356
|
+
{
|
|
4357
|
+
"description": "The leading icon.",
|
|
4358
|
+
"name": "icon"
|
|
4359
|
+
},
|
|
4360
|
+
{
|
|
4361
|
+
"description": "The attachment label.",
|
|
4362
|
+
"name": "label"
|
|
4363
|
+
}
|
|
4364
|
+
],
|
|
4365
|
+
"slots": [
|
|
4366
|
+
{
|
|
4367
|
+
"description": "The attachment label. Falls back to the `name` attribute when empty.",
|
|
4368
|
+
"name": ""
|
|
4369
|
+
}
|
|
4370
|
+
],
|
|
4371
|
+
"members": [
|
|
4372
|
+
{
|
|
4373
|
+
"kind": "field",
|
|
4374
|
+
"name": "dependencies",
|
|
4375
|
+
"type": {
|
|
4376
|
+
"text": "object"
|
|
4377
|
+
},
|
|
4378
|
+
"static": true,
|
|
4379
|
+
"default": "{ 'zn-icon': ZnIcon }"
|
|
4380
|
+
},
|
|
4381
|
+
{
|
|
4382
|
+
"kind": "field",
|
|
4383
|
+
"name": "href",
|
|
4384
|
+
"type": {
|
|
4385
|
+
"text": "string"
|
|
4386
|
+
},
|
|
4387
|
+
"default": "''",
|
|
4388
|
+
"description": "The URL the attachment links to.",
|
|
4389
|
+
"attribute": "href"
|
|
4390
|
+
},
|
|
4391
|
+
{
|
|
4392
|
+
"kind": "field",
|
|
4393
|
+
"name": "name",
|
|
4394
|
+
"type": {
|
|
4395
|
+
"text": "string"
|
|
4396
|
+
},
|
|
4397
|
+
"default": "''",
|
|
4398
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
4399
|
+
"attribute": "name"
|
|
4400
|
+
},
|
|
4401
|
+
{
|
|
4402
|
+
"kind": "field",
|
|
4403
|
+
"name": "icon",
|
|
4404
|
+
"type": {
|
|
4405
|
+
"text": "string"
|
|
4406
|
+
},
|
|
4407
|
+
"default": "'paperclip@lu'",
|
|
4408
|
+
"description": "The leading icon name.",
|
|
4409
|
+
"attribute": "icon"
|
|
4410
|
+
},
|
|
4411
|
+
{
|
|
4412
|
+
"kind": "field",
|
|
4413
|
+
"name": "target",
|
|
4414
|
+
"type": {
|
|
4415
|
+
"text": "string"
|
|
4416
|
+
},
|
|
4417
|
+
"default": "'_blank'",
|
|
4418
|
+
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
4419
|
+
"attribute": "target",
|
|
4420
|
+
"reflects": true
|
|
4421
|
+
},
|
|
4422
|
+
{
|
|
4423
|
+
"kind": "field",
|
|
4424
|
+
"name": "download",
|
|
4425
|
+
"type": {
|
|
4426
|
+
"text": "boolean"
|
|
4427
|
+
},
|
|
4428
|
+
"default": "false",
|
|
4429
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
4430
|
+
"attribute": "download"
|
|
4431
|
+
}
|
|
4432
|
+
],
|
|
4433
|
+
"attributes": [
|
|
4434
|
+
{
|
|
4435
|
+
"name": "href",
|
|
4436
|
+
"type": {
|
|
4437
|
+
"text": "string"
|
|
4438
|
+
},
|
|
4439
|
+
"default": "''",
|
|
4440
|
+
"description": "The URL the attachment links to.",
|
|
4441
|
+
"fieldName": "href"
|
|
4442
|
+
},
|
|
4443
|
+
{
|
|
4444
|
+
"name": "name",
|
|
4445
|
+
"type": {
|
|
4446
|
+
"text": "string"
|
|
4447
|
+
},
|
|
4448
|
+
"default": "''",
|
|
4449
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
4450
|
+
"fieldName": "name"
|
|
4451
|
+
},
|
|
4452
|
+
{
|
|
4453
|
+
"name": "icon",
|
|
4454
|
+
"type": {
|
|
4455
|
+
"text": "string"
|
|
4456
|
+
},
|
|
4457
|
+
"default": "'paperclip@lu'",
|
|
4458
|
+
"description": "The leading icon name.",
|
|
4459
|
+
"fieldName": "icon"
|
|
4460
|
+
},
|
|
4461
|
+
{
|
|
4462
|
+
"name": "target",
|
|
4463
|
+
"type": {
|
|
4464
|
+
"text": "string"
|
|
4465
|
+
},
|
|
4466
|
+
"default": "'_blank'",
|
|
4467
|
+
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
4468
|
+
"fieldName": "target"
|
|
4469
|
+
},
|
|
4470
|
+
{
|
|
4471
|
+
"name": "download",
|
|
4472
|
+
"type": {
|
|
4473
|
+
"text": "boolean"
|
|
4474
|
+
},
|
|
4475
|
+
"default": "false",
|
|
4476
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
4477
|
+
"fieldName": "download"
|
|
4478
|
+
}
|
|
4479
|
+
],
|
|
4480
|
+
"superclass": {
|
|
4481
|
+
"name": "ZincElement",
|
|
4482
|
+
"module": "/src/internal/zinc-element"
|
|
4483
|
+
},
|
|
4484
|
+
"summary": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.",
|
|
4485
|
+
"tagNameWithoutPrefix": "chat-message-attachment",
|
|
4486
|
+
"tagName": "zn-chat-message-attachment",
|
|
4487
|
+
"customElement": true,
|
|
4488
|
+
"jsDoc": "/**\n * @summary A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\n * Renders an icon and a label as a link, styled to match the message's attachments row. It is\n * intended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\n * placed in that component's `attachments` slot.\n * @documentation https://zinc.style/components/chat-message-attachment\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The attachment label. Falls back to the `name` attribute when empty.\n *\n * @csspart base - The attachment link.\n * @csspart icon - The leading icon.\n * @csspart label - The attachment label.\n */",
|
|
4489
|
+
"documentation": "https://zinc.style/components/chat-message-attachment",
|
|
4490
|
+
"status": "experimental",
|
|
4491
|
+
"since": "1.0",
|
|
4492
|
+
"dependencies": [
|
|
4493
|
+
"zn-icon"
|
|
4494
|
+
]
|
|
4495
|
+
}
|
|
4496
|
+
],
|
|
4497
|
+
"exports": [
|
|
4498
|
+
{
|
|
4499
|
+
"kind": "js",
|
|
4500
|
+
"name": "default",
|
|
4501
|
+
"declaration": {
|
|
4502
|
+
"name": "ZnChatMessageAttachment",
|
|
4503
|
+
"module": "components/chat-message-attachment/chat-message-attachment.js"
|
|
4504
|
+
}
|
|
4505
|
+
}
|
|
4506
|
+
]
|
|
4507
|
+
},
|
|
4343
4508
|
{
|
|
4344
4509
|
"kind": "javascript-module",
|
|
4345
4510
|
"path": "components/checkbox/checkbox.js",
|
|
@@ -5217,171 +5382,6 @@
|
|
|
5217
5382
|
}
|
|
5218
5383
|
]
|
|
5219
5384
|
},
|
|
5220
|
-
{
|
|
5221
|
-
"kind": "javascript-module",
|
|
5222
|
-
"path": "components/chat-message-attachment/chat-message-attachment.js",
|
|
5223
|
-
"declarations": [
|
|
5224
|
-
{
|
|
5225
|
-
"kind": "class",
|
|
5226
|
-
"description": "",
|
|
5227
|
-
"name": "ZnChatMessageAttachment",
|
|
5228
|
-
"cssParts": [
|
|
5229
|
-
{
|
|
5230
|
-
"description": "The attachment link.",
|
|
5231
|
-
"name": "base"
|
|
5232
|
-
},
|
|
5233
|
-
{
|
|
5234
|
-
"description": "The leading icon.",
|
|
5235
|
-
"name": "icon"
|
|
5236
|
-
},
|
|
5237
|
-
{
|
|
5238
|
-
"description": "The attachment label.",
|
|
5239
|
-
"name": "label"
|
|
5240
|
-
}
|
|
5241
|
-
],
|
|
5242
|
-
"slots": [
|
|
5243
|
-
{
|
|
5244
|
-
"description": "The attachment label. Falls back to the `name` attribute when empty.",
|
|
5245
|
-
"name": ""
|
|
5246
|
-
}
|
|
5247
|
-
],
|
|
5248
|
-
"members": [
|
|
5249
|
-
{
|
|
5250
|
-
"kind": "field",
|
|
5251
|
-
"name": "dependencies",
|
|
5252
|
-
"type": {
|
|
5253
|
-
"text": "object"
|
|
5254
|
-
},
|
|
5255
|
-
"static": true,
|
|
5256
|
-
"default": "{ 'zn-icon': ZnIcon }"
|
|
5257
|
-
},
|
|
5258
|
-
{
|
|
5259
|
-
"kind": "field",
|
|
5260
|
-
"name": "href",
|
|
5261
|
-
"type": {
|
|
5262
|
-
"text": "string"
|
|
5263
|
-
},
|
|
5264
|
-
"default": "''",
|
|
5265
|
-
"description": "The URL the attachment links to.",
|
|
5266
|
-
"attribute": "href"
|
|
5267
|
-
},
|
|
5268
|
-
{
|
|
5269
|
-
"kind": "field",
|
|
5270
|
-
"name": "name",
|
|
5271
|
-
"type": {
|
|
5272
|
-
"text": "string"
|
|
5273
|
-
},
|
|
5274
|
-
"default": "''",
|
|
5275
|
-
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
5276
|
-
"attribute": "name"
|
|
5277
|
-
},
|
|
5278
|
-
{
|
|
5279
|
-
"kind": "field",
|
|
5280
|
-
"name": "icon",
|
|
5281
|
-
"type": {
|
|
5282
|
-
"text": "string"
|
|
5283
|
-
},
|
|
5284
|
-
"default": "'paperclip@lu'",
|
|
5285
|
-
"description": "The leading icon name.",
|
|
5286
|
-
"attribute": "icon"
|
|
5287
|
-
},
|
|
5288
|
-
{
|
|
5289
|
-
"kind": "field",
|
|
5290
|
-
"name": "target",
|
|
5291
|
-
"type": {
|
|
5292
|
-
"text": "string"
|
|
5293
|
-
},
|
|
5294
|
-
"default": "'_blank'",
|
|
5295
|
-
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
5296
|
-
"attribute": "target",
|
|
5297
|
-
"reflects": true
|
|
5298
|
-
},
|
|
5299
|
-
{
|
|
5300
|
-
"kind": "field",
|
|
5301
|
-
"name": "download",
|
|
5302
|
-
"type": {
|
|
5303
|
-
"text": "boolean"
|
|
5304
|
-
},
|
|
5305
|
-
"default": "false",
|
|
5306
|
-
"description": "Prompt a download rather than navigating to the link.",
|
|
5307
|
-
"attribute": "download"
|
|
5308
|
-
}
|
|
5309
|
-
],
|
|
5310
|
-
"attributes": [
|
|
5311
|
-
{
|
|
5312
|
-
"name": "href",
|
|
5313
|
-
"type": {
|
|
5314
|
-
"text": "string"
|
|
5315
|
-
},
|
|
5316
|
-
"default": "''",
|
|
5317
|
-
"description": "The URL the attachment links to.",
|
|
5318
|
-
"fieldName": "href"
|
|
5319
|
-
},
|
|
5320
|
-
{
|
|
5321
|
-
"name": "name",
|
|
5322
|
-
"type": {
|
|
5323
|
-
"text": "string"
|
|
5324
|
-
},
|
|
5325
|
-
"default": "''",
|
|
5326
|
-
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
5327
|
-
"fieldName": "name"
|
|
5328
|
-
},
|
|
5329
|
-
{
|
|
5330
|
-
"name": "icon",
|
|
5331
|
-
"type": {
|
|
5332
|
-
"text": "string"
|
|
5333
|
-
},
|
|
5334
|
-
"default": "'paperclip@lu'",
|
|
5335
|
-
"description": "The leading icon name.",
|
|
5336
|
-
"fieldName": "icon"
|
|
5337
|
-
},
|
|
5338
|
-
{
|
|
5339
|
-
"name": "target",
|
|
5340
|
-
"type": {
|
|
5341
|
-
"text": "string"
|
|
5342
|
-
},
|
|
5343
|
-
"default": "'_blank'",
|
|
5344
|
-
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
5345
|
-
"fieldName": "target"
|
|
5346
|
-
},
|
|
5347
|
-
{
|
|
5348
|
-
"name": "download",
|
|
5349
|
-
"type": {
|
|
5350
|
-
"text": "boolean"
|
|
5351
|
-
},
|
|
5352
|
-
"default": "false",
|
|
5353
|
-
"description": "Prompt a download rather than navigating to the link.",
|
|
5354
|
-
"fieldName": "download"
|
|
5355
|
-
}
|
|
5356
|
-
],
|
|
5357
|
-
"superclass": {
|
|
5358
|
-
"name": "ZincElement",
|
|
5359
|
-
"module": "/src/internal/zinc-element"
|
|
5360
|
-
},
|
|
5361
|
-
"summary": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.",
|
|
5362
|
-
"tagNameWithoutPrefix": "chat-message-attachment",
|
|
5363
|
-
"tagName": "zn-chat-message-attachment",
|
|
5364
|
-
"customElement": true,
|
|
5365
|
-
"jsDoc": "/**\n * @summary A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\n * Renders an icon and a label as a link, styled to match the message's attachments row. It is\n * intended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\n * placed in that component's `attachments` slot.\n * @documentation https://zinc.style/components/chat-message-attachment\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The attachment label. Falls back to the `name` attribute when empty.\n *\n * @csspart base - The attachment link.\n * @csspart icon - The leading icon.\n * @csspart label - The attachment label.\n */",
|
|
5366
|
-
"documentation": "https://zinc.style/components/chat-message-attachment",
|
|
5367
|
-
"status": "experimental",
|
|
5368
|
-
"since": "1.0",
|
|
5369
|
-
"dependencies": [
|
|
5370
|
-
"zn-icon"
|
|
5371
|
-
]
|
|
5372
|
-
}
|
|
5373
|
-
],
|
|
5374
|
-
"exports": [
|
|
5375
|
-
{
|
|
5376
|
-
"kind": "js",
|
|
5377
|
-
"name": "default",
|
|
5378
|
-
"declaration": {
|
|
5379
|
-
"name": "ZnChatMessageAttachment",
|
|
5380
|
-
"module": "components/chat-message-attachment/chat-message-attachment.js"
|
|
5381
|
-
}
|
|
5382
|
-
}
|
|
5383
|
-
]
|
|
5384
|
-
},
|
|
5385
5385
|
{
|
|
5386
5386
|
"kind": "javascript-module",
|
|
5387
5387
|
"path": "components/checkbox-group/checkbox-group.js",
|
|
@@ -53936,7 +53936,7 @@
|
|
|
53936
53936
|
"package": {
|
|
53937
53937
|
"name": "@kubex/zinc",
|
|
53938
53938
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
53939
|
-
"version": "1.1.
|
|
53939
|
+
"version": "1.1.175",
|
|
53940
53940
|
"author": "",
|
|
53941
53941
|
"license": "MIT"
|
|
53942
53942
|
}
|
|
@@ -598,6 +598,43 @@
|
|
|
598
598
|
}
|
|
599
599
|
]
|
|
600
600
|
},
|
|
601
|
+
{
|
|
602
|
+
"name": "zn-chat-message-attachment",
|
|
603
|
+
"description": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.\n---\n\n\n### **Slots:**\n - _default_ - The attachment label. Falls back to the `name` attribute when empty.\n\n### **CSS Parts:**\n - **base** - The attachment link.\n- **icon** - The leading icon.\n- **label** - The attachment label.",
|
|
604
|
+
"attributes": [
|
|
605
|
+
{
|
|
606
|
+
"name": "href",
|
|
607
|
+
"description": "The URL the attachment links to.",
|
|
608
|
+
"values": []
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"name": "name",
|
|
612
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
613
|
+
"values": []
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"name": "icon",
|
|
617
|
+
"description": "The leading icon name.",
|
|
618
|
+
"values": []
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
"name": "target",
|
|
622
|
+
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
623
|
+
"values": []
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"name": "download",
|
|
627
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
628
|
+
"values": []
|
|
629
|
+
}
|
|
630
|
+
],
|
|
631
|
+
"references": [
|
|
632
|
+
{
|
|
633
|
+
"name": "Documentation",
|
|
634
|
+
"url": "https://zinc.style/components/chat-message-attachment"
|
|
635
|
+
}
|
|
636
|
+
]
|
|
637
|
+
},
|
|
601
638
|
{
|
|
602
639
|
"name": "zn-checkbox",
|
|
603
640
|
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox 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 - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\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. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **image** - Replaces the built-in image used by contained checkboxes.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Properties:**\n - **--zn-selection-card-image-width** - Width of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-image-height** - Height of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-min-height** - Minimum height of a contained checkbox with an image. _(default: undefined)_\n- **--zn-selection-card-content-min-width** - Width the card text keeps before it wraps below the image. _(default: undefined)_\n- **--zn-selection-card-title-font-size** - Font size of a selection card title. _(default: undefined)_\n- **--zn-selection-card-padding** - Equal inset around the contents of a selection card. _(default: undefined)_\n- **--zn-selection-card-gap** - Space between the image, title, and indicator gutter. _(default: undefined)_\n- **--zn-selection-card-control-offset** - Distance between a positioned control and the card edge. _(default: undefined)_\n- **--zn-selection-card-border-radius** - Corner radius of a contained container. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<svg>` element.\n- **image-container** - The wrapper around the built-in image or image slot.\n- **image** - The built-in image.\n- **card-title** - The title inside a selection card.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
|
|
@@ -742,43 +779,6 @@
|
|
|
742
779
|
}
|
|
743
780
|
]
|
|
744
781
|
},
|
|
745
|
-
{
|
|
746
|
-
"name": "zn-chat-message-attachment",
|
|
747
|
-
"description": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.\n---\n\n\n### **Slots:**\n - _default_ - The attachment label. Falls back to the `name` attribute when empty.\n\n### **CSS Parts:**\n - **base** - The attachment link.\n- **icon** - The leading icon.\n- **label** - The attachment label.",
|
|
748
|
-
"attributes": [
|
|
749
|
-
{
|
|
750
|
-
"name": "href",
|
|
751
|
-
"description": "The URL the attachment links to.",
|
|
752
|
-
"values": []
|
|
753
|
-
},
|
|
754
|
-
{
|
|
755
|
-
"name": "name",
|
|
756
|
-
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
757
|
-
"values": []
|
|
758
|
-
},
|
|
759
|
-
{
|
|
760
|
-
"name": "icon",
|
|
761
|
-
"description": "The leading icon name.",
|
|
762
|
-
"values": []
|
|
763
|
-
},
|
|
764
|
-
{
|
|
765
|
-
"name": "target",
|
|
766
|
-
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
767
|
-
"values": []
|
|
768
|
-
},
|
|
769
|
-
{
|
|
770
|
-
"name": "download",
|
|
771
|
-
"description": "Prompt a download rather than navigating to the link.",
|
|
772
|
-
"values": []
|
|
773
|
-
}
|
|
774
|
-
],
|
|
775
|
-
"references": [
|
|
776
|
-
{
|
|
777
|
-
"name": "Documentation",
|
|
778
|
-
"url": "https://zinc.style/components/chat-message-attachment"
|
|
779
|
-
}
|
|
780
|
-
]
|
|
781
|
-
},
|
|
782
782
|
{
|
|
783
783
|
"name": "zn-checkbox-group",
|
|
784
784
|
"description": "Shotrt summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-change** - Emitted when the checkbox group's selected value changes.\n- **zn-input** - Emitted when the checkbox group receives user input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\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(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<zn-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. 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- **help-text** - Text that describes how to use the checkbox group. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--zn-checkbox-group-column-width** - Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set. _(default: undefined)_\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.",
|
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.1.
|
|
4
|
+
"version": "1.1.175",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1251,6 +1251,75 @@
|
|
|
1251
1251
|
"events": []
|
|
1252
1252
|
}
|
|
1253
1253
|
},
|
|
1254
|
+
{
|
|
1255
|
+
"name": "zn-chat-message-attachment",
|
|
1256
|
+
"description": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.\n\n---\n\n\n### **Slots:**\n - _default_ - The attachment label. Falls back to the `name` attribute when empty.\n\n### **CSS Parts:**\n - **base** - The attachment link.\n- **icon** - The leading icon.\n- **label** - The attachment label.",
|
|
1257
|
+
"doc-url": "",
|
|
1258
|
+
"attributes": [
|
|
1259
|
+
{
|
|
1260
|
+
"name": "href",
|
|
1261
|
+
"description": "The URL the attachment links to.",
|
|
1262
|
+
"value": { "type": "string", "default": "''" }
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "name",
|
|
1266
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1267
|
+
"value": { "type": "string", "default": "''" }
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
"name": "icon",
|
|
1271
|
+
"description": "The leading icon name.",
|
|
1272
|
+
"value": { "type": "string", "default": "'paperclip@lu'" }
|
|
1273
|
+
},
|
|
1274
|
+
{
|
|
1275
|
+
"name": "target",
|
|
1276
|
+
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
1277
|
+
"value": { "type": "string", "default": "'_blank'" }
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"name": "download",
|
|
1281
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
1282
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1283
|
+
}
|
|
1284
|
+
],
|
|
1285
|
+
"slots": [
|
|
1286
|
+
{
|
|
1287
|
+
"name": "",
|
|
1288
|
+
"description": "The attachment label. Falls back to the `name` attribute when empty."
|
|
1289
|
+
}
|
|
1290
|
+
],
|
|
1291
|
+
"events": [],
|
|
1292
|
+
"js": {
|
|
1293
|
+
"properties": [
|
|
1294
|
+
{
|
|
1295
|
+
"name": "href",
|
|
1296
|
+
"description": "The URL the attachment links to.",
|
|
1297
|
+
"type": "string"
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
"name": "name",
|
|
1301
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1302
|
+
"type": "string"
|
|
1303
|
+
},
|
|
1304
|
+
{
|
|
1305
|
+
"name": "icon",
|
|
1306
|
+
"description": "The leading icon name.",
|
|
1307
|
+
"type": "string"
|
|
1308
|
+
},
|
|
1309
|
+
{
|
|
1310
|
+
"name": "target",
|
|
1311
|
+
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
1312
|
+
"type": "string"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"name": "download",
|
|
1316
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
1317
|
+
"type": "boolean"
|
|
1318
|
+
}
|
|
1319
|
+
],
|
|
1320
|
+
"events": []
|
|
1321
|
+
}
|
|
1322
|
+
},
|
|
1254
1323
|
{
|
|
1255
1324
|
"name": "zn-checkbox",
|
|
1256
1325
|
"description": "Short summary of the component's intended use.\n\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox 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 - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\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. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **image** - Replaces the built-in image used by contained checkboxes.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Properties:**\n - **--zn-selection-card-image-width** - Width of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-image-height** - Height of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-min-height** - Minimum height of a contained checkbox with an image. _(default: undefined)_\n- **--zn-selection-card-content-min-width** - Width the card text keeps before it wraps below the image. _(default: undefined)_\n- **--zn-selection-card-title-font-size** - Font size of a selection card title. _(default: undefined)_\n- **--zn-selection-card-padding** - Equal inset around the contents of a selection card. _(default: undefined)_\n- **--zn-selection-card-gap** - Space between the image, title, and indicator gutter. _(default: undefined)_\n- **--zn-selection-card-control-offset** - Distance between a positioned control and the card edge. _(default: undefined)_\n- **--zn-selection-card-border-radius** - Corner radius of a contained container. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<svg>` element.\n- **image-container** - The wrapper around the built-in image or image slot.\n- **image** - The built-in image.\n- **card-title** - The title inside a selection card.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
|
|
@@ -1601,75 +1670,6 @@
|
|
|
1601
1670
|
]
|
|
1602
1671
|
}
|
|
1603
1672
|
},
|
|
1604
|
-
{
|
|
1605
|
-
"name": "zn-chat-message-attachment",
|
|
1606
|
-
"description": "A single file or link attachment for a `zn-chat-message` or `zn-content-block`.\nRenders an icon and a label as a link, styled to match the message's attachments row. It is\nintended to be used only inside a `zn-chat-message` or `zn-content-block` and is automatically\nplaced in that component's `attachments` slot.\n\n---\n\n\n### **Slots:**\n - _default_ - The attachment label. Falls back to the `name` attribute when empty.\n\n### **CSS Parts:**\n - **base** - The attachment link.\n- **icon** - The leading icon.\n- **label** - The attachment label.",
|
|
1607
|
-
"doc-url": "",
|
|
1608
|
-
"attributes": [
|
|
1609
|
-
{
|
|
1610
|
-
"name": "href",
|
|
1611
|
-
"description": "The URL the attachment links to.",
|
|
1612
|
-
"value": { "type": "string", "default": "''" }
|
|
1613
|
-
},
|
|
1614
|
-
{
|
|
1615
|
-
"name": "name",
|
|
1616
|
-
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1617
|
-
"value": { "type": "string", "default": "''" }
|
|
1618
|
-
},
|
|
1619
|
-
{
|
|
1620
|
-
"name": "icon",
|
|
1621
|
-
"description": "The leading icon name.",
|
|
1622
|
-
"value": { "type": "string", "default": "'paperclip@lu'" }
|
|
1623
|
-
},
|
|
1624
|
-
{
|
|
1625
|
-
"name": "target",
|
|
1626
|
-
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
1627
|
-
"value": { "type": "string", "default": "'_blank'" }
|
|
1628
|
-
},
|
|
1629
|
-
{
|
|
1630
|
-
"name": "download",
|
|
1631
|
-
"description": "Prompt a download rather than navigating to the link.",
|
|
1632
|
-
"value": { "type": "boolean", "default": "false" }
|
|
1633
|
-
}
|
|
1634
|
-
],
|
|
1635
|
-
"slots": [
|
|
1636
|
-
{
|
|
1637
|
-
"name": "",
|
|
1638
|
-
"description": "The attachment label. Falls back to the `name` attribute when empty."
|
|
1639
|
-
}
|
|
1640
|
-
],
|
|
1641
|
-
"events": [],
|
|
1642
|
-
"js": {
|
|
1643
|
-
"properties": [
|
|
1644
|
-
{
|
|
1645
|
-
"name": "href",
|
|
1646
|
-
"description": "The URL the attachment links to.",
|
|
1647
|
-
"type": "string"
|
|
1648
|
-
},
|
|
1649
|
-
{
|
|
1650
|
-
"name": "name",
|
|
1651
|
-
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1652
|
-
"type": "string"
|
|
1653
|
-
},
|
|
1654
|
-
{
|
|
1655
|
-
"name": "icon",
|
|
1656
|
-
"description": "The leading icon name.",
|
|
1657
|
-
"type": "string"
|
|
1658
|
-
},
|
|
1659
|
-
{
|
|
1660
|
-
"name": "target",
|
|
1661
|
-
"description": "Where to open the link. Defaults to a new tab. Reflected so the console's\npagelet link interception (`[href]:not([target])`) skips the host and the\nbrowser handles the click natively (download / new tab) instead of\nloading the file URL as a pagelet.",
|
|
1662
|
-
"type": "string"
|
|
1663
|
-
},
|
|
1664
|
-
{
|
|
1665
|
-
"name": "download",
|
|
1666
|
-
"description": "Prompt a download rather than navigating to the link.",
|
|
1667
|
-
"type": "boolean"
|
|
1668
|
-
}
|
|
1669
|
-
],
|
|
1670
|
-
"events": []
|
|
1671
|
-
}
|
|
1672
|
-
},
|
|
1673
1673
|
{
|
|
1674
1674
|
"name": "zn-checkbox-group",
|
|
1675
1675
|
"description": "Shotrt summary of the component's intended use.\n\n---\n\n\n### **Events:**\n - **zn-change** - Emitted when the checkbox group's selected value changes.\n- **zn-input** - Emitted when the checkbox group receives user input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\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(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<zn-checkbox>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. 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- **help-text** - Text that describes how to use the checkbox group. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--zn-checkbox-group-column-width** - Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set. _(default: undefined)_\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.",
|
package/dist/zn.min.js
CHANGED
|
@@ -2478,7 +2478,7 @@ import{a as Hn,b as e5,c as kr,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var s
|
|
|
2478
2478
|
${l}
|
|
2479
2479
|
${n}
|
|
2480
2480
|
</div>
|
|
2481
|
-
`}};cn.styles=_(F1),c([p({attribute:"limit",type:Number,reflect:!0})],cn.prototype,"limit",2),c([p({attribute:"total",type:Number,reflect:!0})],cn.prototype,"total",2),c([p({attribute:"page",type:Number,reflect:!0})],cn.prototype,"page",2),c([p({attribute:"uri",type:String,reflect:!0})],cn.prototype,"uri",2);var P8=cn;cn.define("zn-pagination");var B1=k`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.vs{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.vs__left{flex-shrink:1;flex-grow:0;display:flex;flex-direction:column;align-items:center;margin:0 var(--zn-spacing-small)}.vs__icon{width:var(--zn-spacing-large);height:var(--zn-spacing-large);background-color:rgb(var(--zn-input-bg));border-width:1px;border-radius:100%}.vs__line{min-height:50px;width:4px;border-width:1px;border-top:none;border-bottom:none;background-color:rgba(var(--zn-input-bg));flex-grow:1}.vs__right{display:flex;flex-direction:column;gap:var(--zn-spacing-x-small);flex-grow:1;margin-bottom:50px}.vs__right:last-of-type{margin-bottom:0}.vs__caption{font-size:14px;color:rgb(var(--zn-text-heading));line-height:20px;font-weight:600}.vs__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}:host([last]) .vs__line{display:none}:host([first]) .vs{margin-top:10px}:host([active]) .vs__icon{background-color:rgb(var(--zn-primary))}:host([active]) .vs__line{background-color:rgb(var(--zn-primary))}`;var Di=class extends S{constructor(){super(...arguments);this.last=!1;this.first=!1;this.active=!1}render(){return u`
|
|
2481
|
+
`}};cn.styles=_(F1),c([p({attribute:"limit",type:Number,reflect:!0})],cn.prototype,"limit",2),c([p({attribute:"total",type:Number,reflect:!0})],cn.prototype,"total",2),c([p({attribute:"page",type:Number,reflect:!0})],cn.prototype,"page",2),c([p({attribute:"uri",type:String,reflect:!0})],cn.prototype,"uri",2);var P8=cn;cn.define("zn-pagination");var B1=k`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.vs{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.vs__left{flex-shrink:1;flex-grow:0;display:flex;flex-direction:column;align-items:center;margin:0 var(--zn-spacing-small)}.vs__icon{width:var(--zn-spacing-large);height:var(--zn-spacing-large);display:flex;flex-shrink:0;align-items:center;justify-content:center;background-color:rgb(var(--zn-input-bg));border-width:1px;border-radius:100%}.vs__line{min-height:50px;width:4px;border-width:1px;border-top:none;border-bottom:none;background-color:rgba(var(--zn-input-bg));flex-grow:1}.vs__right{display:flex;flex-direction:column;gap:var(--zn-spacing-x-small);flex-grow:1;margin-bottom:50px}.vs__right:last-of-type{margin-bottom:0}.vs__caption{font-size:14px;color:rgb(var(--zn-text-heading));line-height:20px;font-weight:600}.vs__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}:host([last]) .vs__line{display:none}:host([first]) .vs{margin-top:10px}:host([active]) .vs__icon{background-color:rgb(var(--zn-primary))}:host([active]) .vs__line{background-color:rgb(var(--zn-primary))}`;var Di=class extends S{constructor(){super(...arguments);this.last=!1;this.first=!1;this.active=!1}render(){return u`
|
|
2482
2482
|
<div class="vs">
|
|
2483
2483
|
<div class="vs__left">
|
|
2484
2484
|
<div class="vs__icon">
|
|
@@ -35,7 +35,7 @@ Use the `active` attribute to highlight the current step in the process. The act
|
|
|
35
35
|
|
|
36
36
|
### With Custom Icons
|
|
37
37
|
|
|
38
|
-
Use the `icon` slot to add custom icons or indicators for each step.
|
|
38
|
+
Use the `icon` slot to add custom icons or indicators for each step. The icon is centred in the step's 32px circle, so keep it at the default 24px size or smaller.
|
|
39
39
|
|
|
40
40
|
```html:preview
|
|
41
41
|
<zn-vertical-stepper caption="Personal Details" description="Enter your name and contact information" first active>
|
package/package.json
CHANGED
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
&__icon {
|
|
19
19
|
width: var(--zn-spacing-large);
|
|
20
20
|
height: var(--zn-spacing-large);
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-shrink: 0;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
21
25
|
background-color: rgb(var(--zn-input-bg));
|
|
22
26
|
border-width: 1px;
|
|
23
27
|
border-radius: 100%;
|