@kubex/zinc 1.1.13 → 1.1.14
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 +198 -7
- package/dist/vscode.html-custom-data.json +39 -2
- package/dist/web-types.json +77 -4
- package/dist/zn.d.ts +61 -4
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +318 -306
- package/docs/pages/components/channel-tile.md +3 -3
- package/docs/pages/components/chat-message-attachment.md +54 -0
- package/docs/pages/components/chat-message.md +18 -1
- package/docs/pages/components/data-table.md +1 -3
- package/package.json +1 -1
- package/scss/shared/_table.scss +9 -23
- package/scss/themes/_dark.scss +3 -0
- package/scss/themes/_light.scss +4 -0
- package/src/components/channel-tile/channel-tile.component.ts +6 -6
- package/src/components/chat-message/chat-message.component.ts +14 -5
- package/src/components/chat-message/chat-message.scss +37 -12
- package/src/components/chat-message-attachment/chat-message-attachment.component.ts +78 -0
- package/src/components/chat-message-attachment/chat-message-attachment.scss +32 -0
- package/src/components/chat-message-attachment/chat-message-attachment.test.ts +36 -0
- package/src/components/chat-message-attachment/index.ts +12 -0
- package/src/components/data-table/data-table.component.ts +65 -46
- package/src/components/data-table/data-table.scss +32 -58
- package/src/components/icon/icon.component.ts +1 -1
- package/src/components/icon/icon.scss +2 -1
- package/src/components/page/page.component.ts +32 -1
- package/src/components/page/page.scss +5 -4
- package/src/components/tooltip/tooltip.scss +1 -1
- package/src/events/zn-accept.ts +1 -1
- package/src/events/zn-reject.ts +1 -1
- package/src/zinc.ts +1 -0
|
@@ -2704,13 +2704,13 @@
|
|
|
2704
2704
|
},
|
|
2705
2705
|
{
|
|
2706
2706
|
"kind": "field",
|
|
2707
|
-
"name": "
|
|
2707
|
+
"name": "itemId",
|
|
2708
2708
|
"type": {
|
|
2709
2709
|
"text": "string"
|
|
2710
2710
|
},
|
|
2711
2711
|
"default": "''",
|
|
2712
2712
|
"description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
|
|
2713
|
-
"attribute": "
|
|
2713
|
+
"attribute": "item-id"
|
|
2714
2714
|
},
|
|
2715
2715
|
{
|
|
2716
2716
|
"kind": "field",
|
|
@@ -2988,13 +2988,13 @@
|
|
|
2988
2988
|
"fieldName": "progressColor"
|
|
2989
2989
|
},
|
|
2990
2990
|
{
|
|
2991
|
-
"name": "
|
|
2991
|
+
"name": "item-id",
|
|
2992
2992
|
"type": {
|
|
2993
2993
|
"text": "string"
|
|
2994
2994
|
},
|
|
2995
2995
|
"default": "''",
|
|
2996
2996
|
"description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
|
|
2997
|
-
"fieldName": "
|
|
2997
|
+
"fieldName": "itemId"
|
|
2998
2998
|
},
|
|
2999
2999
|
{
|
|
3000
3000
|
"name": "accept-uri",
|
|
@@ -3489,7 +3489,7 @@
|
|
|
3489
3489
|
"name": "ZnChatMessage",
|
|
3490
3490
|
"cssProperties": [
|
|
3491
3491
|
{
|
|
3492
|
-
"description": "The bubble's background
|
|
3492
|
+
"description": "The bubble's background color.",
|
|
3493
3493
|
"name": "--message-background"
|
|
3494
3494
|
}
|
|
3495
3495
|
],
|
|
@@ -3518,6 +3518,10 @@
|
|
|
3518
3518
|
"description": "The message content within the bubble.",
|
|
3519
3519
|
"name": "content"
|
|
3520
3520
|
},
|
|
3521
|
+
{
|
|
3522
|
+
"description": "The attachments row beneath the message content.",
|
|
3523
|
+
"name": "attachments"
|
|
3524
|
+
},
|
|
3521
3525
|
{
|
|
3522
3526
|
"description": "The card rendered for system action types.",
|
|
3523
3527
|
"name": "system-card"
|
|
@@ -3532,6 +3536,10 @@
|
|
|
3532
3536
|
"description": "Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).",
|
|
3533
3537
|
"name": "badge"
|
|
3534
3538
|
},
|
|
3539
|
+
{
|
|
3540
|
+
"description": "Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.",
|
|
3541
|
+
"name": "attachments"
|
|
3542
|
+
},
|
|
3535
3543
|
{
|
|
3536
3544
|
"description": "Action rendered at the end of the bubble (e.g. a remove icon button).",
|
|
3537
3545
|
"name": "edit-dialog-trigger"
|
|
@@ -3756,7 +3764,7 @@
|
|
|
3756
3764
|
"tagNameWithoutPrefix": "chat-message",
|
|
3757
3765
|
"tagName": "zn-chat-message",
|
|
3758
3766
|
"customElement": true,
|
|
3759
|
-
"jsDoc": "/**\n * @summary A single message in a chat-style conversation: avatar, sender,\n * time, optional badge, and a message bubble with optional actions. Also renders\n * system events (connections, transfers, etc.) as a centred card.\n * @documentation https://zinc.style/components/chat-message\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The message content. Ignored when the `message` attribute is set.\n * @slot badge - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n * @slot edit-dialog-trigger - Action rendered at the end of the bubble (e.g. a remove icon button).\n * @slot edit-dialog - Pass-through for an associated dialog element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart avatar - The avatar column.\n * @csspart body - The header and bubble column.\n * @csspart header - The sender/time/badge row.\n * @csspart bubble - The message bubble.\n * @csspart content - The message content within the bubble.\n * @csspart system-card - The card rendered for system action types.\n *\n * @cssproperty --message-background - The bubble's background
|
|
3767
|
+
"jsDoc": "/**\n * @summary A single message in a chat-style conversation: avatar, sender,\n * time, optional badge, and a message bubble with optional actions. Also renders\n * system events (connections, transfers, etc.) as a centred card.\n * @documentation https://zinc.style/components/chat-message\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The message content. Ignored when the `message` attribute is set.\n * @slot badge - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n * @slot attachments - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`,\n * which auto-assigns itself to this slot.\n * @slot edit-dialog-trigger - Action rendered at the end of the bubble (e.g. a remove icon button).\n * @slot edit-dialog - Pass-through for an associated dialog element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart avatar - The avatar column.\n * @csspart body - The header and bubble column.\n * @csspart header - The sender/time/badge row.\n * @csspart bubble - The message bubble.\n * @csspart content - The message content within the bubble.\n * @csspart attachments - The attachments row beneath the message content.\n * @csspart system-card - The card rendered for system action types.\n *\n * @cssproperty --message-background - The bubble's background color.\n */",
|
|
3760
3768
|
"documentation": "https://zinc.style/components/chat-message",
|
|
3761
3769
|
"status": "experimental",
|
|
3762
3770
|
"since": "1.0",
|
|
@@ -3776,6 +3784,170 @@
|
|
|
3776
3784
|
}
|
|
3777
3785
|
]
|
|
3778
3786
|
},
|
|
3787
|
+
{
|
|
3788
|
+
"kind": "javascript-module",
|
|
3789
|
+
"path": "components/chat-message-attachment/chat-message-attachment.js",
|
|
3790
|
+
"declarations": [
|
|
3791
|
+
{
|
|
3792
|
+
"kind": "class",
|
|
3793
|
+
"description": "",
|
|
3794
|
+
"name": "ZnChatMessageAttachment",
|
|
3795
|
+
"cssParts": [
|
|
3796
|
+
{
|
|
3797
|
+
"description": "The attachment link.",
|
|
3798
|
+
"name": "base"
|
|
3799
|
+
},
|
|
3800
|
+
{
|
|
3801
|
+
"description": "The leading icon.",
|
|
3802
|
+
"name": "icon"
|
|
3803
|
+
},
|
|
3804
|
+
{
|
|
3805
|
+
"description": "The attachment label.",
|
|
3806
|
+
"name": "label"
|
|
3807
|
+
}
|
|
3808
|
+
],
|
|
3809
|
+
"slots": [
|
|
3810
|
+
{
|
|
3811
|
+
"description": "The attachment label. Falls back to the `name` attribute when empty.",
|
|
3812
|
+
"name": ""
|
|
3813
|
+
}
|
|
3814
|
+
],
|
|
3815
|
+
"members": [
|
|
3816
|
+
{
|
|
3817
|
+
"kind": "field",
|
|
3818
|
+
"name": "dependencies",
|
|
3819
|
+
"type": {
|
|
3820
|
+
"text": "object"
|
|
3821
|
+
},
|
|
3822
|
+
"static": true,
|
|
3823
|
+
"default": "{ 'zn-icon': ZnIcon }"
|
|
3824
|
+
},
|
|
3825
|
+
{
|
|
3826
|
+
"kind": "field",
|
|
3827
|
+
"name": "href",
|
|
3828
|
+
"type": {
|
|
3829
|
+
"text": "string"
|
|
3830
|
+
},
|
|
3831
|
+
"default": "''",
|
|
3832
|
+
"description": "The URL the attachment links to.",
|
|
3833
|
+
"attribute": "href"
|
|
3834
|
+
},
|
|
3835
|
+
{
|
|
3836
|
+
"kind": "field",
|
|
3837
|
+
"name": "name",
|
|
3838
|
+
"type": {
|
|
3839
|
+
"text": "string"
|
|
3840
|
+
},
|
|
3841
|
+
"default": "''",
|
|
3842
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
3843
|
+
"attribute": "name"
|
|
3844
|
+
},
|
|
3845
|
+
{
|
|
3846
|
+
"kind": "field",
|
|
3847
|
+
"name": "icon",
|
|
3848
|
+
"type": {
|
|
3849
|
+
"text": "string"
|
|
3850
|
+
},
|
|
3851
|
+
"default": "'attach_file'",
|
|
3852
|
+
"description": "The leading icon name.",
|
|
3853
|
+
"attribute": "icon"
|
|
3854
|
+
},
|
|
3855
|
+
{
|
|
3856
|
+
"kind": "field",
|
|
3857
|
+
"name": "target",
|
|
3858
|
+
"type": {
|
|
3859
|
+
"text": "string"
|
|
3860
|
+
},
|
|
3861
|
+
"default": "'_blank'",
|
|
3862
|
+
"description": "Where to open the link. Defaults to a new tab.",
|
|
3863
|
+
"attribute": "target"
|
|
3864
|
+
},
|
|
3865
|
+
{
|
|
3866
|
+
"kind": "field",
|
|
3867
|
+
"name": "download",
|
|
3868
|
+
"type": {
|
|
3869
|
+
"text": "boolean"
|
|
3870
|
+
},
|
|
3871
|
+
"default": "false",
|
|
3872
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
3873
|
+
"attribute": "download"
|
|
3874
|
+
}
|
|
3875
|
+
],
|
|
3876
|
+
"attributes": [
|
|
3877
|
+
{
|
|
3878
|
+
"name": "href",
|
|
3879
|
+
"type": {
|
|
3880
|
+
"text": "string"
|
|
3881
|
+
},
|
|
3882
|
+
"default": "''",
|
|
3883
|
+
"description": "The URL the attachment links to.",
|
|
3884
|
+
"fieldName": "href"
|
|
3885
|
+
},
|
|
3886
|
+
{
|
|
3887
|
+
"name": "name",
|
|
3888
|
+
"type": {
|
|
3889
|
+
"text": "string"
|
|
3890
|
+
},
|
|
3891
|
+
"default": "''",
|
|
3892
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
3893
|
+
"fieldName": "name"
|
|
3894
|
+
},
|
|
3895
|
+
{
|
|
3896
|
+
"name": "icon",
|
|
3897
|
+
"type": {
|
|
3898
|
+
"text": "string"
|
|
3899
|
+
},
|
|
3900
|
+
"default": "'attach_file'",
|
|
3901
|
+
"description": "The leading icon name.",
|
|
3902
|
+
"fieldName": "icon"
|
|
3903
|
+
},
|
|
3904
|
+
{
|
|
3905
|
+
"name": "target",
|
|
3906
|
+
"type": {
|
|
3907
|
+
"text": "string"
|
|
3908
|
+
},
|
|
3909
|
+
"default": "'_blank'",
|
|
3910
|
+
"description": "Where to open the link. Defaults to a new tab.",
|
|
3911
|
+
"fieldName": "target"
|
|
3912
|
+
},
|
|
3913
|
+
{
|
|
3914
|
+
"name": "download",
|
|
3915
|
+
"type": {
|
|
3916
|
+
"text": "boolean"
|
|
3917
|
+
},
|
|
3918
|
+
"default": "false",
|
|
3919
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
3920
|
+
"fieldName": "download"
|
|
3921
|
+
}
|
|
3922
|
+
],
|
|
3923
|
+
"superclass": {
|
|
3924
|
+
"name": "ZincElement",
|
|
3925
|
+
"module": "/src/internal/zinc-element"
|
|
3926
|
+
},
|
|
3927
|
+
"summary": "A single file or link attachment for a `zn-chat-message`. Renders an\nicon 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` and is automatically placed in\nthat component's `attachments` slot.",
|
|
3928
|
+
"tagNameWithoutPrefix": "chat-message-attachment",
|
|
3929
|
+
"tagName": "zn-chat-message-attachment",
|
|
3930
|
+
"customElement": true,
|
|
3931
|
+
"jsDoc": "/**\n * @summary A single file or link attachment for a `zn-chat-message`. Renders an\n * 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` and is automatically placed in\n * 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 */",
|
|
3932
|
+
"documentation": "https://zinc.style/components/chat-message-attachment",
|
|
3933
|
+
"status": "experimental",
|
|
3934
|
+
"since": "1.0",
|
|
3935
|
+
"dependencies": [
|
|
3936
|
+
"zn-icon"
|
|
3937
|
+
]
|
|
3938
|
+
}
|
|
3939
|
+
],
|
|
3940
|
+
"exports": [
|
|
3941
|
+
{
|
|
3942
|
+
"kind": "js",
|
|
3943
|
+
"name": "default",
|
|
3944
|
+
"declaration": {
|
|
3945
|
+
"name": "ZnChatMessageAttachment",
|
|
3946
|
+
"module": "components/chat-message-attachment/chat-message-attachment.js"
|
|
3947
|
+
}
|
|
3948
|
+
}
|
|
3949
|
+
]
|
|
3950
|
+
},
|
|
3779
3951
|
{
|
|
3780
3952
|
"kind": "javascript-module",
|
|
3781
3953
|
"path": "components/checkbox/checkbox.js",
|
|
@@ -7647,6 +7819,20 @@
|
|
|
7647
7819
|
"kind": "method",
|
|
7648
7820
|
"name": "getRowsSelected"
|
|
7649
7821
|
},
|
|
7822
|
+
{
|
|
7823
|
+
"kind": "method",
|
|
7824
|
+
"name": "getRowsPerPage"
|
|
7825
|
+
},
|
|
7826
|
+
{
|
|
7827
|
+
"kind": "method",
|
|
7828
|
+
"name": "getPageRange",
|
|
7829
|
+
"privacy": "private",
|
|
7830
|
+
"return": {
|
|
7831
|
+
"type": {
|
|
7832
|
+
"text": "(number | 'ellipsis')[]"
|
|
7833
|
+
}
|
|
7834
|
+
}
|
|
7835
|
+
},
|
|
7650
7836
|
{
|
|
7651
7837
|
"kind": "method",
|
|
7652
7838
|
"name": "getPagination"
|
|
@@ -20935,6 +21121,11 @@
|
|
|
20935
21121
|
"name": "handleAltUp",
|
|
20936
21122
|
"privacy": "private"
|
|
20937
21123
|
},
|
|
21124
|
+
{
|
|
21125
|
+
"kind": "field",
|
|
21126
|
+
"name": "handleBreadcrumbSlotChange",
|
|
21127
|
+
"privacy": "private"
|
|
21128
|
+
},
|
|
20938
21129
|
{
|
|
20939
21130
|
"kind": "field",
|
|
20940
21131
|
"name": "_registerTabs",
|
|
@@ -36907,7 +37098,7 @@
|
|
|
36907
37098
|
"package": {
|
|
36908
37099
|
"name": "@kubex/zinc",
|
|
36909
37100
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
36910
|
-
"version": "1.1.
|
|
37101
|
+
"version": "1.1.14",
|
|
36911
37102
|
"author": "",
|
|
36912
37103
|
"license": "MIT"
|
|
36913
37104
|
}
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
"values": []
|
|
376
376
|
},
|
|
377
377
|
{
|
|
378
|
-
"name": "
|
|
378
|
+
"name": "item-id",
|
|
379
379
|
"description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
|
|
380
380
|
"values": []
|
|
381
381
|
},
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
},
|
|
465
465
|
{
|
|
466
466
|
"name": "zn-chat-message",
|
|
467
|
-
"description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background
|
|
467
|
+
"description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **attachments** - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.\n- **attachments** - The attachments row beneath the message content.\n- **system-card** - The card rendered for system action types.",
|
|
468
468
|
"attributes": [
|
|
469
469
|
{
|
|
470
470
|
"name": "sender",
|
|
@@ -509,6 +509,43 @@
|
|
|
509
509
|
}
|
|
510
510
|
]
|
|
511
511
|
},
|
|
512
|
+
{
|
|
513
|
+
"name": "zn-chat-message-attachment",
|
|
514
|
+
"description": "A single file or link attachment for a `zn-chat-message`. Renders an\nicon 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` and is automatically placed in\nthat 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.",
|
|
515
|
+
"attributes": [
|
|
516
|
+
{
|
|
517
|
+
"name": "href",
|
|
518
|
+
"description": "The URL the attachment links to.",
|
|
519
|
+
"values": []
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "name",
|
|
523
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
524
|
+
"values": []
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"name": "icon",
|
|
528
|
+
"description": "The leading icon name.",
|
|
529
|
+
"values": []
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"name": "target",
|
|
533
|
+
"description": "Where to open the link. Defaults to a new tab.",
|
|
534
|
+
"values": []
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"name": "download",
|
|
538
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
539
|
+
"values": []
|
|
540
|
+
}
|
|
541
|
+
],
|
|
542
|
+
"references": [
|
|
543
|
+
{
|
|
544
|
+
"name": "Documentation",
|
|
545
|
+
"url": "https://zinc.style/components/chat-message-attachment"
|
|
546
|
+
}
|
|
547
|
+
]
|
|
548
|
+
},
|
|
512
549
|
{
|
|
513
550
|
"name": "zn-checkbox",
|
|
514
551
|
"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- **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 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 `<zn-icon>` element.\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.",
|
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.14",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
"value": { "type": "string", "default": "''" }
|
|
690
690
|
},
|
|
691
691
|
{
|
|
692
|
-
"name": "
|
|
692
|
+
"name": "item-id",
|
|
693
693
|
"description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
|
|
694
694
|
"value": { "type": "string", "default": "''" }
|
|
695
695
|
},
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
"type": "string"
|
|
812
812
|
},
|
|
813
813
|
{
|
|
814
|
-
"name": "
|
|
814
|
+
"name": "itemId",
|
|
815
815
|
"description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
|
|
816
816
|
"type": "string"
|
|
817
817
|
},
|
|
@@ -954,7 +954,7 @@
|
|
|
954
954
|
},
|
|
955
955
|
{
|
|
956
956
|
"name": "zn-chat-message",
|
|
957
|
-
"description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background
|
|
957
|
+
"description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **attachments** - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.\n- **attachments** - The attachments row beneath the message content.\n- **system-card** - The card rendered for system action types.",
|
|
958
958
|
"doc-url": "",
|
|
959
959
|
"attributes": [
|
|
960
960
|
{
|
|
@@ -1002,6 +1002,10 @@
|
|
|
1002
1002
|
"name": "badge",
|
|
1003
1003
|
"description": "Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip)."
|
|
1004
1004
|
},
|
|
1005
|
+
{
|
|
1006
|
+
"name": "attachments",
|
|
1007
|
+
"description": "Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot."
|
|
1008
|
+
},
|
|
1005
1009
|
{
|
|
1006
1010
|
"name": "edit-dialog-trigger",
|
|
1007
1011
|
"description": "Action rendered at the end of the bubble (e.g. a remove icon button)."
|
|
@@ -1053,6 +1057,75 @@
|
|
|
1053
1057
|
"events": []
|
|
1054
1058
|
}
|
|
1055
1059
|
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "zn-chat-message-attachment",
|
|
1062
|
+
"description": "A single file or link attachment for a `zn-chat-message`. Renders an\nicon 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` and is automatically placed in\nthat 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.",
|
|
1063
|
+
"doc-url": "",
|
|
1064
|
+
"attributes": [
|
|
1065
|
+
{
|
|
1066
|
+
"name": "href",
|
|
1067
|
+
"description": "The URL the attachment links to.",
|
|
1068
|
+
"value": { "type": "string", "default": "''" }
|
|
1069
|
+
},
|
|
1070
|
+
{
|
|
1071
|
+
"name": "name",
|
|
1072
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1073
|
+
"value": { "type": "string", "default": "''" }
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"name": "icon",
|
|
1077
|
+
"description": "The leading icon name.",
|
|
1078
|
+
"value": { "type": "string", "default": "'attach_file'" }
|
|
1079
|
+
},
|
|
1080
|
+
{
|
|
1081
|
+
"name": "target",
|
|
1082
|
+
"description": "Where to open the link. Defaults to a new tab.",
|
|
1083
|
+
"value": { "type": "string", "default": "'_blank'" }
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
"name": "download",
|
|
1087
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
1088
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1089
|
+
}
|
|
1090
|
+
],
|
|
1091
|
+
"slots": [
|
|
1092
|
+
{
|
|
1093
|
+
"name": "",
|
|
1094
|
+
"description": "The attachment label. Falls back to the `name` attribute when empty."
|
|
1095
|
+
}
|
|
1096
|
+
],
|
|
1097
|
+
"events": [],
|
|
1098
|
+
"js": {
|
|
1099
|
+
"properties": [
|
|
1100
|
+
{
|
|
1101
|
+
"name": "href",
|
|
1102
|
+
"description": "The URL the attachment links to.",
|
|
1103
|
+
"type": "string"
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"name": "name",
|
|
1107
|
+
"description": "The attachment label (e.g. the file name). Used when the default slot is empty.",
|
|
1108
|
+
"type": "string"
|
|
1109
|
+
},
|
|
1110
|
+
{
|
|
1111
|
+
"name": "icon",
|
|
1112
|
+
"description": "The leading icon name.",
|
|
1113
|
+
"type": "string"
|
|
1114
|
+
},
|
|
1115
|
+
{
|
|
1116
|
+
"name": "target",
|
|
1117
|
+
"description": "Where to open the link. Defaults to a new tab.",
|
|
1118
|
+
"type": "string"
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"name": "download",
|
|
1122
|
+
"description": "Prompt a download rather than navigating to the link.",
|
|
1123
|
+
"type": "boolean"
|
|
1124
|
+
}
|
|
1125
|
+
],
|
|
1126
|
+
"events": []
|
|
1127
|
+
}
|
|
1128
|
+
},
|
|
1056
1129
|
{
|
|
1057
1130
|
"name": "zn-checkbox",
|
|
1058
1131
|
"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- **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 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 `<zn-icon>` element.\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.",
|
package/dist/zn.d.ts
CHANGED
|
@@ -1516,6 +1516,8 @@ declare module "components/chat-message/chat-message.component" {
|
|
|
1516
1516
|
*
|
|
1517
1517
|
* @slot - The message content. Ignored when the `message` attribute is set.
|
|
1518
1518
|
* @slot badge - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).
|
|
1519
|
+
* @slot attachments - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`,
|
|
1520
|
+
* which auto-assigns itself to this slot.
|
|
1519
1521
|
* @slot edit-dialog-trigger - Action rendered at the end of the bubble (e.g. a remove icon button).
|
|
1520
1522
|
* @slot edit-dialog - Pass-through for an associated dialog element.
|
|
1521
1523
|
*
|
|
@@ -1525,9 +1527,10 @@ declare module "components/chat-message/chat-message.component" {
|
|
|
1525
1527
|
* @csspart header - The sender/time/badge row.
|
|
1526
1528
|
* @csspart bubble - The message bubble.
|
|
1527
1529
|
* @csspart content - The message content within the bubble.
|
|
1530
|
+
* @csspart attachments - The attachments row beneath the message content.
|
|
1528
1531
|
* @csspart system-card - The card rendered for system action types.
|
|
1529
1532
|
*
|
|
1530
|
-
* @cssproperty --message-background - The bubble's background
|
|
1533
|
+
* @cssproperty --message-background - The bubble's background color.
|
|
1531
1534
|
*/
|
|
1532
1535
|
export default class ZnChatMessage extends ZincElement {
|
|
1533
1536
|
static styles: CSSResultGroup;
|
|
@@ -1577,6 +1580,56 @@ declare module "components/chat-message/index" {
|
|
|
1577
1580
|
}
|
|
1578
1581
|
}
|
|
1579
1582
|
}
|
|
1583
|
+
declare module "components/chat-message-attachment/chat-message-attachment.component" {
|
|
1584
|
+
import { type CSSResultGroup } from 'lit';
|
|
1585
|
+
import ZincElement from "internal/zinc-element";
|
|
1586
|
+
import ZnIcon from "components/icon/index";
|
|
1587
|
+
/**
|
|
1588
|
+
* @summary A single file or link attachment for a `zn-chat-message`. Renders an
|
|
1589
|
+
* icon and a label as a link, styled to match the message's attachments row. It is
|
|
1590
|
+
* intended to be used only inside a `zn-chat-message` and is automatically placed in
|
|
1591
|
+
* that component's `attachments` slot.
|
|
1592
|
+
* @documentation https://zinc.style/components/chat-message-attachment
|
|
1593
|
+
* @status experimental
|
|
1594
|
+
* @since 1.0
|
|
1595
|
+
*
|
|
1596
|
+
* @dependency zn-icon
|
|
1597
|
+
*
|
|
1598
|
+
* @slot - The attachment label. Falls back to the `name` attribute when empty.
|
|
1599
|
+
*
|
|
1600
|
+
* @csspart base - The attachment link.
|
|
1601
|
+
* @csspart icon - The leading icon.
|
|
1602
|
+
* @csspart label - The attachment label.
|
|
1603
|
+
*/
|
|
1604
|
+
export default class ZnChatMessageAttachment extends ZincElement {
|
|
1605
|
+
static styles: CSSResultGroup;
|
|
1606
|
+
static dependencies: {
|
|
1607
|
+
'zn-icon': typeof ZnIcon;
|
|
1608
|
+
};
|
|
1609
|
+
/** The URL the attachment links to. */
|
|
1610
|
+
href: string;
|
|
1611
|
+
/** The attachment label (e.g. the file name). Used when the default slot is empty. */
|
|
1612
|
+
name: string;
|
|
1613
|
+
/** The leading icon name. */
|
|
1614
|
+
icon: string;
|
|
1615
|
+
/** Where to open the link. Defaults to a new tab. */
|
|
1616
|
+
target: string;
|
|
1617
|
+
/** Prompt a download rather than navigating to the link. */
|
|
1618
|
+
download: boolean;
|
|
1619
|
+
connectedCallback(): void;
|
|
1620
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
1621
|
+
}
|
|
1622
|
+
}
|
|
1623
|
+
declare module "components/chat-message-attachment/index" {
|
|
1624
|
+
import ZnChatMessageAttachment from "components/chat-message-attachment/chat-message-attachment.component";
|
|
1625
|
+
export * from "components/chat-message-attachment/chat-message-attachment.component";
|
|
1626
|
+
export default ZnChatMessageAttachment;
|
|
1627
|
+
global {
|
|
1628
|
+
interface HTMLElementTagNameMap {
|
|
1629
|
+
'zn-chat-message-attachment': ZnChatMessageAttachment;
|
|
1630
|
+
}
|
|
1631
|
+
}
|
|
1632
|
+
}
|
|
1580
1633
|
declare module "components/chip/chip.component" {
|
|
1581
1634
|
import { type CSSResultGroup } from 'lit';
|
|
1582
1635
|
import ZincElement from "internal/zinc-element";
|
|
@@ -3283,6 +3336,8 @@ declare module "components/data-table/data-table.component" {
|
|
|
3283
3336
|
getTableHeader(): TemplateResult<1>;
|
|
3284
3337
|
getTableFooter(): TemplateResult<1>;
|
|
3285
3338
|
getRowsSelected(): TemplateResult<1> | null;
|
|
3339
|
+
getRowsPerPage(): TemplateResult<1> | null;
|
|
3340
|
+
private getPageRange;
|
|
3286
3341
|
getPagination(): TemplateResult<1> | null;
|
|
3287
3342
|
getActions(): TemplateResult<1>[];
|
|
3288
3343
|
goToPage(page: number): void;
|
|
@@ -3660,7 +3715,7 @@ declare module "components/channel-tile/channel-tile.component" {
|
|
|
3660
3715
|
/** (Active only) CSS color for the progress bar fill. */
|
|
3661
3716
|
progressColor: string;
|
|
3662
3717
|
/** Identifier carried in `zn-accept` / `zn-reject` event details. */
|
|
3663
|
-
|
|
3718
|
+
itemId: string;
|
|
3664
3719
|
/** (Available only) when set, accepting fetches this URI unless `zn-accept` is canceled. */
|
|
3665
3720
|
acceptUri: string;
|
|
3666
3721
|
/** (Available/incoming) epoch (seconds or millis) at which the reservation window ends. */
|
|
@@ -4245,6 +4300,7 @@ declare module "components/page/page.component" {
|
|
|
4245
4300
|
disconnectedCallback(): void;
|
|
4246
4301
|
private handleAltPress;
|
|
4247
4302
|
private handleAltUp;
|
|
4303
|
+
private handleBreadcrumbSlotChange;
|
|
4248
4304
|
_registerTabs: () => void;
|
|
4249
4305
|
firstUpdated(changedProperties: PropertyValues): void;
|
|
4250
4306
|
private getOwnExpandingActions;
|
|
@@ -8445,7 +8501,7 @@ declare module "events/zn-reorder" {
|
|
|
8445
8501
|
}
|
|
8446
8502
|
declare module "events/zn-accept" {
|
|
8447
8503
|
export type ZnAcceptEvent = CustomEvent<{
|
|
8448
|
-
|
|
8504
|
+
itemId: string;
|
|
8449
8505
|
acceptUri: string;
|
|
8450
8506
|
}>;
|
|
8451
8507
|
global {
|
|
@@ -8456,7 +8512,7 @@ declare module "events/zn-accept" {
|
|
|
8456
8512
|
}
|
|
8457
8513
|
declare module "events/zn-reject" {
|
|
8458
8514
|
export type ZnRejectEvent = CustomEvent<{
|
|
8459
|
-
|
|
8515
|
+
itemId: string;
|
|
8460
8516
|
variant: string;
|
|
8461
8517
|
}>;
|
|
8462
8518
|
global {
|
|
@@ -8491,6 +8547,7 @@ declare module "zinc" {
|
|
|
8491
8547
|
export { default as Alert } from "components/alert/index";
|
|
8492
8548
|
export { default as ButtonGroup } from "components/button-group/index";
|
|
8493
8549
|
export { default as ChatMessage } from "components/chat-message/index";
|
|
8550
|
+
export { default as ChatMessageAttachment } from "components/chat-message-attachment/index";
|
|
8494
8551
|
export { default as Chip } from "components/chip/index";
|
|
8495
8552
|
export { default as Well } from "components/well/index";
|
|
8496
8553
|
export { default as CopyButton } from "components/copy-button/index";
|