feat(components): Add reusable message input component, refactor element properties to use accessor, update styles and docs, bump dependencies

This commit is contained in:
2025-12-08 23:03:02 +00:00
parent 5f48ecf7af
commit 7731054f0e
20 changed files with 3956 additions and 4853 deletions

View File

@@ -37,13 +37,13 @@ export class SioCombox extends DeesElement {
public static demo = () => html` <sio-combox></sio-combox> `;
@property({ type: Object })
public referenceObject: HTMLElement;
public accessor referenceObject: HTMLElement;
@state()
private selectedConversationId: string | null = null;
private accessor selectedConversationId: string | null = null;
@state()
private conversations: IConversation[] = [
private accessor conversations: IConversation[] = [
{
id: '1',
title: 'Technical Support',
@@ -72,7 +72,7 @@ export class SioCombox extends DeesElement {
];
@state()
private messages: { [conversationId: string]: IMessage[] } = {
private accessor messages: { [conversationId: string]: IMessage[] } = {
'1': [
{ id: '1', text: 'Hi, I\'m having trouble logging in', sender: 'user', time: '10:00 AM' },
{ id: '2', text: 'I can help you with that. Can you tell me what error you\'re seeing?', sender: 'support', time: '10:02 AM' },