@xsmusices/ui 1.41.0 → 1.42.0

package/fesm2022/xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs

@@ -0,0 +1,303 @@
+import { XSChatConversationComponent } from './xsmusices-ui.mjs';
+
+const NOW = Date.now();
+const HOUR = 3600000;
+const MIN = 60000;
+const mockMessages = {
+    groupChat: [
+        {
+            _id: 'm1',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: '¡Hola! ¿Qué tal va todo?',
+            created: new Date(NOW - 30 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm2',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',
+            created: new Date(NOW - 28 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm3',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Ese drop a los 2:30 es brutal 🔥',
+            created: new Date(NOW - 27 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm4',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Jaja gracias! Le estuve dando vueltas un montón',
+            created: new Date(NOW - 25 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm5',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'De hecho saqué una versión extended la semana pasada',
+            created: new Date(NOW - 24 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm6',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'https://soundcloud.com/example/extended-mix',
+            created: new Date(NOW - 23 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm7',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'La acabo de escuchar, me flipa',
+            created: new Date(NOW - 20 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'm8',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Por cierto, ¿tocas pronto en vivo? Me encantaría ir a verte',
+            created: new Date(NOW - 19 * MIN).toISOString(),
+            isRead: false,
+        },
+        {
+            _id: 'm9',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Si! Este finde tengo un b2b con Marta en Barcelona',
+            created: new Date(NOW - 15 * MIN).toISOString(),
+            isRead: false,
+        },
+        {
+            _id: 'm10',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Te paso los detalles por aquí',
+            created: new Date(NOW - 14 * MIN).toISOString(),
+            isRead: false,
+        },
+        {
+            _id: 'm11',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Razzmatazz, sala 2. 23:30. Entradas en puerta',
+            created: new Date(NOW - 13 * MIN).toISOString(),
+            isRead: false,
+        },
+    ],
+    reply: [
+        {
+            _id: 'r1',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',
+            created: new Date(NOW - 60 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'r2',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Me alegro mucho! Le metí curro al master',
+            created: new Date(NOW - 55 * MIN).toISOString(),
+            isRead: true,
+            replyTo: {
+                _id: 'r1',
+                sender: 'fan-user',
+                text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',
+            },
+        },
+    ],
+    yesterday: [
+        {
+            _id: 'y1',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Buenas! Te escribía para preguntarte por la colaboración',
+            created: new Date(NOW - 25 * HOUR).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'y2',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Claro! dime',
+            created: new Date(NOW - 24 * HOUR).toISOString(),
+            isRead: true,
+        },
+    ],
+    mixed: [
+        {
+            _id: 'x1',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Ey! Acabo de subir el track final',
+            created: new Date(NOW - 25 * HOUR).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'x2',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Le he puesto los últimos retoques al mastering',
+            created: new Date(NOW - 25 * HOUR + 5 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'x3',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Lo acabo de oír, suena brutal',
+            created: new Date(NOW - 24 * HOUR + 30 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'x4',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Sobre todo el breakdown a mitad de tema',
+            created: new Date(NOW - 24 * HOUR + 32 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'x5',
+            chatId: 'chat-artist',
+            sender: 'fan-user',
+            text: 'Me recuerda un poco a tus primeros trabajos',
+            created: new Date(NOW - 24 * HOUR + 34 * MIN).toISOString(),
+            isRead: true,
+        },
+        {
+            _id: 'x6',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'Que buena onda! Si, quería volver un poco a ese sonido',
+            created: new Date(NOW - 24 * HOUR + 50 * MIN).toISOString(),
+            isRead: false,
+        },
+        {
+            _id: 'x7',
+            chatId: 'chat-artist',
+            sender: 'artist-user',
+            text: 'De hecho el siguiente tema va por ahí también',
+            created: new Date(NOW - 24 * HOUR + 52 * MIN).toISOString(),
+            isRead: false,
+        },
+    ],
+};
+const mockChatInfo = {
+    type: 'infoChat',
+    itemType: 'artist',
+    item: {
+        _id: 'artist-01',
+        name: 'Fátima Hajji',
+        image: true,
+        slug: 'fatima-hajji',
+        type: 'artist',
+    },
+    sender: { _id: 'fan-user', name: 'Tú', image: false },
+    receiver: {
+        _id: 'artist-01',
+        name: 'Fátima Hajji',
+        image: false,
+    },
+    online: { sender: true, receiver: true },
+    blockedBy: [],
+};
+const story = {
+    id: 'chat-conversation',
+    name: 'Chat Conversation',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-06-02T12:00:00.000Z',
+    created: '2026-05-30T20:00:00.000Z',
+    description: 'Vista de conversacion de chat con mensajes y entrada de texto incluyendo agrupacion estilo WhatsApp.',
+    component: XSChatConversationComponent,
+    selector: 'xs-chat-conversation',
+    inputs: [
+        { key: 'messages', label: 'Mensajes', type: 'json' },
+        {
+            key: 'userId',
+            label: 'ID del usuario actual',
+            type: 'text',
+        },
+        {
+            key: 'disabled',
+            label: 'Deshabilitado',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Sin mensajes',
+            description: 'Conversacion vacia sin mensajes',
+            inputs: { messages: [], userId: 'fan-user' },
+        },
+        {
+            name: 'Conversación completa (hoy)',
+            description: 'Flow completo de chat: mensajes agrupados por usuario con burbujas conectadas estilo WhatsApp',
+            inputs: {
+                messages: mockMessages.groupChat,
+                userId: 'fan-user',
+                currentChatInfo: mockChatInfo,
+            },
+        },
+        {
+            name: 'Mensajes con reply',
+            description: 'Mensajes respondidos con citas visuales',
+            inputs: {
+                messages: mockMessages.reply,
+                userId: 'artist-user',
+                currentChatInfo: mockChatInfo,
+            },
+        },
+        {
+            name: 'Múltiples grupos de mensajes',
+            description: 'Varios cambios de usuario mostrando la agrupación correcta de burbujas',
+            inputs: {
+                messages: mockMessages.mixed,
+                userId: 'fan-user',
+                currentChatInfo: mockChatInfo,
+            },
+        },
+        {
+            name: 'Separador de días (ayer vs hoy)',
+            description: 'Mensajes de diferentes días con separador de fecha',
+            inputs: {
+                messages: [
+                    ...mockMessages.yesterday,
+                    ...mockMessages.groupChat,
+                ],
+                userId: 'fan-user',
+                currentChatInfo: mockChatInfo,
+            },
+        },
+        {
+            name: 'Modo solo lectura',
+            description: 'Chat deshabilitado sin opción de enviar mensajes',
+            inputs: {
+                messages: mockMessages.groupChat,
+                userId: 'fan-user',
+                currentChatInfo: mockChatInfo,
+                disabled: true,
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs.map

package/fesm2022/xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-chat-conversation.xsstory-sK9b5_Wo.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/chat/conversation/xs-chat-conversation.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../../story.types';\nimport { XSChatConversationComponent } from './xs-chat-conversation.component';\n\nconst NOW = Date.now();\nconst HOUR = 3600000;\nconst MIN = 60000;\n\nconst mockMessages = {\n  groupChat: [\n    {\n      _id: 'm1',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: '¡Hola! ¿Qué tal va todo?',\n      created: new Date(NOW - 30 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm2',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',\n      created: new Date(NOW - 28 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm3',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Ese drop a los 2:30 es brutal 🔥',\n      created: new Date(NOW - 27 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm4',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Jaja gracias! Le estuve dando vueltas un montón',\n      created: new Date(NOW - 25 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm5',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'De hecho saqué una versión extended la semana pasada',\n      created: new Date(NOW - 24 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm6',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'https://soundcloud.com/example/extended-mix',\n      created: new Date(NOW - 23 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm7',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'La acabo de escuchar, me flipa',\n      created: new Date(NOW - 20 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'm8',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Por cierto, ¿tocas pronto en vivo? Me encantaría ir a verte',\n      created: new Date(NOW - 19 * MIN).toISOString(),\n      isRead: false,\n    },\n    {\n      _id: 'm9',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Si! Este finde tengo un b2b con Marta en Barcelona',\n      created: new Date(NOW - 15 * MIN).toISOString(),\n      isRead: false,\n    },\n    {\n      _id: 'm10',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Te paso los detalles por aquí',\n      created: new Date(NOW - 14 * MIN).toISOString(),\n      isRead: false,\n    },\n    {\n      _id: 'm11',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Razzmatazz, sala 2. 23:30. Entradas en puerta',\n      created: new Date(NOW - 13 * MIN).toISOString(),\n      isRead: false,\n    },\n  ],\n  reply: [\n    {\n      _id: 'r1',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',\n      created: new Date(NOW - 60 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'r2',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Me alegro mucho! Le metí curro al master',\n      created: new Date(NOW - 55 * MIN).toISOString(),\n      isRead: true,\n      replyTo: {\n        _id: 'r1',\n        sender: 'fan-user',\n        text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',\n      },\n    },\n  ],\n  yesterday: [\n    {\n      _id: 'y1',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Buenas! Te escribía para preguntarte por la colaboración',\n      created: new Date(NOW - 25 * HOUR).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'y2',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Claro! dime',\n      created: new Date(NOW - 24 * HOUR).toISOString(),\n      isRead: true,\n    },\n  ],\n  mixed: [\n    {\n      _id: 'x1',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Ey! Acabo de subir el track final',\n      created: new Date(NOW - 25 * HOUR).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'x2',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Le he puesto los últimos retoques al mastering',\n      created: new Date(NOW - 25 * HOUR + 5 * MIN).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'x3',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Lo acabo de oír, suena brutal',\n      created: new Date(\n        NOW - 24 * HOUR + 30 * MIN,\n      ).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'x4',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Sobre todo el breakdown a mitad de tema',\n      created: new Date(\n        NOW - 24 * HOUR + 32 * MIN,\n      ).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'x5',\n      chatId: 'chat-artist',\n      sender: 'fan-user',\n      text: 'Me recuerda un poco a tus primeros trabajos',\n      created: new Date(\n        NOW - 24 * HOUR + 34 * MIN,\n      ).toISOString(),\n      isRead: true,\n    },\n    {\n      _id: 'x6',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'Que buena onda! Si, quería volver un poco a ese sonido',\n      created: new Date(\n        NOW - 24 * HOUR + 50 * MIN,\n      ).toISOString(),\n      isRead: false,\n    },\n    {\n      _id: 'x7',\n      chatId: 'chat-artist',\n      sender: 'artist-user',\n      text: 'De hecho el siguiente tema va por ahí también',\n      created: new Date(\n        NOW - 24 * HOUR + 52 * MIN,\n      ).toISOString(),\n      isRead: false,\n    },\n  ],\n};\n\nconst mockChatInfo = {\n  type: 'infoChat' as const,\n  itemType: 'artist',\n  item: {\n    _id: 'artist-01',\n    name: 'Fátima Hajji',\n    image: true,\n    slug: 'fatima-hajji',\n    type: 'artist',\n  },\n  sender: { _id: 'fan-user', name: 'Tú', image: false },\n  receiver: {\n    _id: 'artist-01',\n    name: 'Fátima Hajji',\n    image: false,\n  },\n  online: { sender: true, receiver: true },\n  blockedBy: [],\n};\n\nexport const story: StoryMeta = {\n  id: 'chat-conversation',\n  name: 'Chat Conversation',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-06-02T12:00:00.000Z',\n  created: '2026-05-30T20:00:00.000Z',\n  description:\n    'Vista de conversacion de chat con mensajes y entrada de texto incluyendo agrupacion estilo WhatsApp.',\n  component: XSChatConversationComponent,\n  selector: 'xs-chat-conversation',\n  inputs: [\n    { key: 'messages', label: 'Mensajes', type: 'json' },\n    {\n      key: 'userId',\n      label: 'ID del usuario actual',\n      type: 'text',\n    },\n    {\n      key: 'disabled',\n      label: 'Deshabilitado',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Sin mensajes',\n      description: 'Conversacion vacia sin mensajes',\n      inputs: { messages: [], userId: 'fan-user' },\n    },\n    {\n      name: 'Conversación completa (hoy)',\n      description:\n        'Flow completo de chat: mensajes agrupados por usuario con burbujas conectadas estilo WhatsApp',\n      inputs: {\n        messages: mockMessages.groupChat,\n        userId: 'fan-user',\n        currentChatInfo: mockChatInfo,\n      },\n    },\n    {\n      name: 'Mensajes con reply',\n      description: 'Mensajes respondidos con citas visuales',\n      inputs: {\n        messages: mockMessages.reply,\n        userId: 'artist-user',\n        currentChatInfo: mockChatInfo,\n      },\n    },\n    {\n      name: 'Múltiples grupos de mensajes',\n      description:\n        'Varios cambios de usuario mostrando la agrupación correcta de burbujas',\n      inputs: {\n        messages: mockMessages.mixed,\n        userId: 'fan-user',\n        currentChatInfo: mockChatInfo,\n      },\n    },\n    {\n      name: 'Separador de días (ayer vs hoy)',\n      description:\n        'Mensajes de diferentes días con separador de fecha',\n      inputs: {\n        messages: [\n          ...mockMessages.yesterday,\n          ...mockMessages.groupChat,\n        ],\n        userId: 'fan-user',\n        currentChatInfo: mockChatInfo,\n      },\n    },\n    {\n      name: 'Modo solo lectura',\n      description:\n        'Chat deshabilitado sin opción de enviar mensajes',\n      inputs: {\n        messages: mockMessages.groupChat,\n        userId: 'fan-user',\n        currentChatInfo: mockChatInfo,\n        disabled: true,\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [],\n};\n"],"names":[],"mappings":"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"}

package/fesm2022/xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs

@@ -0,0 +1,223 @@
+import { XSChatFloatingPanelComponent } from './xsmusices-ui.mjs';
+
+const NOW = Date.now();
+const HOUR = 3600000;
+const MIN = 60000;
+const mockMessages = [
+    {
+        _id: 'm1',
+        chatId: 'chat-artist',
+        sender: 'artist-user',
+        text: '¡Hola! ¿Qué tal va todo?',
+        created: new Date(NOW - 30 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm2',
+        chatId: 'chat-artist',
+        sender: 'fan-user',
+        text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',
+        created: new Date(NOW - 28 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm3',
+        chatId: 'chat-artist',
+        sender: 'fan-user',
+        text: 'Ese drop a los 2:30 es brutal 🔥',
+        created: new Date(NOW - 27 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm4',
+        chatId: 'chat-artist',
+        sender: 'artist-user',
+        text: 'Jaja gracias! Le estuve dando vueltas un montón',
+        created: new Date(NOW - 25 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm5',
+        chatId: 'chat-artist',
+        sender: 'artist-user',
+        text: 'De hecho saqué una versión extended la semana pasada',
+        created: new Date(NOW - 24 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm6',
+        chatId: 'chat-artist',
+        sender: 'artist-user',
+        text: 'Te paso el enlace para que la escuches',
+        created: new Date(NOW - 23 * MIN).toISOString(),
+        isRead: true,
+    },
+    {
+        _id: 'm7',
+        chatId: 'chat-artist',
+        sender: 'fan-user',
+        text: 'La acabo de escuchar, me flipa! Por cierto, ¿tocas pronto en vivo?',
+        created: new Date(NOW - 20 * MIN).toISOString(),
+        isRead: false,
+    },
+];
+const story = {
+    id: 'chat-floating-panel',
+    name: 'Chat Floating Panel',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-06-02T12:00:00.000Z',
+    created: '2026-05-30T20:00:00.000Z',
+    description: 'Panel flotante de chat con lista y conversacion completa, con burbujas agrupadas estilo WhatsApp.',
+    component: XSChatFloatingPanelComponent,
+    selector: 'xs-chat-floating-panel',
+    inputs: [
+        {
+            key: 'isOpen',
+            label: 'Panel abierto',
+            type: 'boolean',
+            default: false,
+        },
+        {
+            key: 'title',
+            label: 'Titulo del panel',
+            type: 'text',
+            default: 'Chat',
+        },
+        {
+            key: 'userId',
+            label: 'ID del usuario actual',
+            type: 'text',
+        },
+        {
+            key: 'selectedChatId',
+            label: 'Chat seleccionado (null = lista)',
+            type: 'text',
+        },
+    ],
+    examples: [
+        {
+            name: 'Cerrado',
+            description: 'Panel oculto (estado inicial)',
+            inputs: { isOpen: false, userId: 'fan-user' },
+        },
+        {
+            name: 'Lista de chats',
+            description: 'Panel abierto mostrando la lista de conversaciones',
+            inputs: {
+                isOpen: true,
+                userId: 'fan-user',
+                title: 'Mensajes',
+                chats: [
+                    {
+                        _id: '1',
+                        chatId: 'chat-1',
+                        sender: { _id: 'fan-user', name: 'Tú', image: true },
+                        receiver: {
+                            _id: 'other-1',
+                            name: 'Manolo Pérez',
+                            image: true,
+                        },
+                        item: { _id: 'other-1', name: 'Manolo Pérez' },
+                        type: 'user',
+                        lastMessage: {
+                            user: 'other-1',
+                            text: '¿Qué tal todo?',
+                            created: new Date(NOW - 5 * MIN).toISOString(),
+                        },
+                        unreadCount: 2,
+                        blockedBy: [],
+                        pinnedBy: [],
+                        updated: new Date(NOW - 5 * MIN).toISOString(),
+                        online: { sender: false, receiver: true },
+                    },
+                    {
+                        _id: '2',
+                        chatId: 'chat-2',
+                        sender: { _id: 'fan-user', name: 'Tú', image: true },
+                        receiver: {
+                            _id: 'artist-1',
+                            name: 'Fátima Hajji',
+                            image: true,
+                        },
+                        item: {
+                            _id: 'artist-1',
+                            name: 'Fátima Hajji',
+                            image: true,
+                        },
+                        type: 'artist',
+                        lastMessage: {
+                            user: 'fan-user',
+                            text: 'Me encanta tu nuevo tema',
+                            created: new Date(NOW - 30 * MIN).toISOString(),
+                        },
+                        unreadCount: 0,
+                        blockedBy: [],
+                        pinnedBy: [],
+                        updated: new Date(NOW - 30 * MIN).toISOString(),
+                        online: { sender: true, receiver: true },
+                    },
+                    {
+                        _id: '3',
+                        chatId: 'chat-3',
+                        sender: { _id: 'fan-user', name: 'Tú', image: true },
+                        receiver: {
+                            _id: 'org-1',
+                            name: 'Sala Upload',
+                            image: true,
+                        },
+                        item: { _id: 'org-1', name: 'Sala Upload' },
+                        type: 'organization',
+                        lastMessage: {
+                            user: 'org-1',
+                            text: 'Confirmada tu entrada para el sábado',
+                            created: new Date(NOW - 2 * HOUR).toISOString(),
+                        },
+                        unreadCount: 0,
+                        blockedBy: [],
+                        pinnedBy: ['fan-user'],
+                        updated: new Date(NOW - 2 * HOUR).toISOString(),
+                        online: { sender: false, receiver: true },
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Conversación abierta',
+            description: 'Flow completo de conversación con múltiples mensajes y agrupación estilo WhatsApp',
+            inputs: {
+                isOpen: true,
+                userId: 'fan-user',
+                title: 'Fátima Hajji',
+                selectedChatId: 'chat-artist',
+                messages: mockMessages,
+                currentChatInfo: {
+                    type: 'infoChat',
+                    itemType: 'artist',
+                    item: {
+                        _id: 'artist-01',
+                        name: 'Fátima Hajji',
+                        image: true,
+                        slug: 'fatima-hajji',
+                        type: 'artist',
+                    },
+                    sender: { _id: 'fan-user', name: 'Tú', image: false },
+                    receiver: {
+                        _id: 'artist-01',
+                        name: 'Fátima Hajji',
+                        image: false,
+                    },
+                    online: { sender: true, receiver: true },
+                    blockedBy: [],
+                },
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs.map

package/fesm2022/xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-chat-floating-panel.xsstory-_XfEzM1j.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/chat/floating-panel/xs-chat-floating-panel.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../../story.types';\nimport { XSChatFloatingPanelComponent } from './xs-chat-floating-panel.component';\n\nconst NOW = Date.now();\nconst HOUR = 3600000;\nconst MIN = 60000;\n\nconst mockMessages = [\n  {\n    _id: 'm1',\n    chatId: 'chat-artist',\n    sender: 'artist-user',\n    text: '¡Hola! ¿Qué tal va todo?',\n    created: new Date(NOW - 30 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm2',\n    chatId: 'chat-artist',\n    sender: 'fan-user',\n    text: 'Muy bien! Acabo de escuchar tu nuevo track, es increíble',\n    created: new Date(NOW - 28 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm3',\n    chatId: 'chat-artist',\n    sender: 'fan-user',\n    text: 'Ese drop a los 2:30 es brutal 🔥',\n    created: new Date(NOW - 27 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm4',\n    chatId: 'chat-artist',\n    sender: 'artist-user',\n    text: 'Jaja gracias! Le estuve dando vueltas un montón',\n    created: new Date(NOW - 25 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm5',\n    chatId: 'chat-artist',\n    sender: 'artist-user',\n    text: 'De hecho saqué una versión extended la semana pasada',\n    created: new Date(NOW - 24 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm6',\n    chatId: 'chat-artist',\n    sender: 'artist-user',\n    text: 'Te paso el enlace para que la escuches',\n    created: new Date(NOW - 23 * MIN).toISOString(),\n    isRead: true,\n  },\n  {\n    _id: 'm7',\n    chatId: 'chat-artist',\n    sender: 'fan-user',\n    text: 'La acabo de escuchar, me flipa! Por cierto, ¿tocas pronto en vivo?',\n    created: new Date(NOW - 20 * MIN).toISOString(),\n    isRead: false,\n  },\n];\n\nexport const story: StoryMeta = {\n  id: 'chat-floating-panel',\n  name: 'Chat Floating Panel',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-06-02T12:00:00.000Z',\n  created: '2026-05-30T20:00:00.000Z',\n  description:\n    'Panel flotante de chat con lista y conversacion completa, con burbujas agrupadas estilo WhatsApp.',\n  component: XSChatFloatingPanelComponent,\n  selector: 'xs-chat-floating-panel',\n  inputs: [\n    {\n      key: 'isOpen',\n      label: 'Panel abierto',\n      type: 'boolean',\n      default: false,\n    },\n    {\n      key: 'title',\n      label: 'Titulo del panel',\n      type: 'text',\n      default: 'Chat',\n    },\n    {\n      key: 'userId',\n      label: 'ID del usuario actual',\n      type: 'text',\n    },\n    {\n      key: 'selectedChatId',\n      label: 'Chat seleccionado (null = lista)',\n      type: 'text',\n    },\n  ],\n  examples: [\n    {\n      name: 'Cerrado',\n      description: 'Panel oculto (estado inicial)',\n      inputs: { isOpen: false, userId: 'fan-user' },\n    },\n    {\n      name: 'Lista de chats',\n      description:\n        'Panel abierto mostrando la lista de conversaciones',\n      inputs: {\n        isOpen: true,\n        userId: 'fan-user',\n        title: 'Mensajes',\n        chats: [\n          {\n            _id: '1',\n            chatId: 'chat-1',\n            sender: { _id: 'fan-user', name: 'Tú', image: true },\n            receiver: {\n              _id: 'other-1',\n              name: 'Manolo Pérez',\n              image: true,\n            },\n            item: { _id: 'other-1', name: 'Manolo Pérez' },\n            type: 'user',\n            lastMessage: {\n              user: 'other-1',\n              text: '¿Qué tal todo?',\n              created: new Date(NOW - 5 * MIN).toISOString(),\n            },\n            unreadCount: 2,\n            blockedBy: [],\n            pinnedBy: [],\n            updated: new Date(NOW - 5 * MIN).toISOString(),\n            online: { sender: false, receiver: true },\n          },\n          {\n            _id: '2',\n            chatId: 'chat-2',\n            sender: { _id: 'fan-user', name: 'Tú', image: true },\n            receiver: {\n              _id: 'artist-1',\n              name: 'Fátima Hajji',\n              image: true,\n            },\n            item: {\n              _id: 'artist-1',\n              name: 'Fátima Hajji',\n              image: true,\n            },\n            type: 'artist',\n            lastMessage: {\n              user: 'fan-user',\n              text: 'Me encanta tu nuevo tema',\n              created: new Date(NOW - 30 * MIN).toISOString(),\n            },\n            unreadCount: 0,\n            blockedBy: [],\n            pinnedBy: [],\n            updated: new Date(NOW - 30 * MIN).toISOString(),\n            online: { sender: true, receiver: true },\n          },\n          {\n            _id: '3',\n            chatId: 'chat-3',\n            sender: { _id: 'fan-user', name: 'Tú', image: true },\n            receiver: {\n              _id: 'org-1',\n              name: 'Sala Upload',\n              image: true,\n            },\n            item: { _id: 'org-1', name: 'Sala Upload' },\n            type: 'organization',\n            lastMessage: {\n              user: 'org-1',\n              text: 'Confirmada tu entrada para el sábado',\n              created: new Date(NOW - 2 * HOUR).toISOString(),\n            },\n            unreadCount: 0,\n            blockedBy: [],\n            pinnedBy: ['fan-user'],\n            updated: new Date(NOW - 2 * HOUR).toISOString(),\n            online: { sender: false, receiver: true },\n          },\n        ],\n      },\n    },\n    {\n      name: 'Conversación abierta',\n      description:\n        'Flow completo de conversación con múltiples mensajes y agrupación estilo WhatsApp',\n      inputs: {\n        isOpen: true,\n        userId: 'fan-user',\n        title: 'Fátima Hajji',\n        selectedChatId: 'chat-artist',\n        messages: mockMessages,\n        currentChatInfo: {\n          type: 'infoChat',\n          itemType: 'artist',\n          item: {\n            _id: 'artist-01',\n            name: 'Fátima Hajji',\n            image: true,\n            slug: 'fatima-hajji',\n            type: 'artist',\n          },\n          sender: { _id: 'fan-user', name: 'Tú', image: false },\n          receiver: {\n            _id: 'artist-01',\n            name: 'Fátima Hajji',\n            image: false,\n          },\n          online: { sender: true, receiver: true },\n          blockedBy: [],\n        },\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [],\n};\n"],"names":[],"mappings":";;AAGA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,MAAM,IAAI,GAAG,OAAO;AACpB,MAAM,GAAG,GAAG,KAAK;AAEjB,MAAM,YAAY,GAAG;AACnB,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,IAAI,EAAE,0BAA0B;AAChC,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,IAAI,EAAE,0DAA0D;AAChE,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,IAAI,EAAE,kCAAkC;AACxC,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,IAAI,EAAE,iDAAiD;AACvD,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,IAAI,EAAE,sDAAsD;AAC5D,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,IAAI,EAAE,wCAAwC;AAC9C,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,IAAI;AACb,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,IAAI,EAAE,oEAAoE;AAC1E,QAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,QAAA,MAAM,EAAE,KAAK;AACd,KAAA;CACF;AAEM,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,mGAAmG;AACrG,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,gBAAgB;AACrB,YAAA,KAAK,EAAE,kCAAkC;AACzC,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EAAE,+BAA+B;YAC5C,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE;AAC9C,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,WAAW,EACT,oDAAoD;AACtD,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,KAAK,EAAE;AACL,oBAAA;AACE,wBAAA,GAAG,EAAE,GAAG;AACR,wBAAA,MAAM,EAAE,QAAQ;AAChB,wBAAA,MAAM,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;AACpD,wBAAA,QAAQ,EAAE;AACR,4BAAA,GAAG,EAAE,SAAS;AACd,4BAAA,IAAI,EAAE,cAAc;AACpB,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;wBACD,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE;AAC9C,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,WAAW,EAAE;AACX,4BAAA,IAAI,EAAE,SAAS;AACf,4BAAA,IAAI,EAAE,gBAAgB;AACtB,4BAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/C,yBAAA;AACD,wBAAA,WAAW,EAAE,CAAC;AACd,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,QAAQ,EAAE,EAAE;AACZ,wBAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;wBAC9C,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC1C,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,GAAG;AACR,wBAAA,MAAM,EAAE,QAAQ;AAChB,wBAAA,MAAM,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;AACpD,wBAAA,QAAQ,EAAE;AACR,4BAAA,GAAG,EAAE,UAAU;AACf,4BAAA,IAAI,EAAE,cAAc;AACpB,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACD,wBAAA,IAAI,EAAE;AACJ,4BAAA,GAAG,EAAE,UAAU;AACf,4BAAA,IAAI,EAAE,cAAc;AACpB,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACD,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE;AACX,4BAAA,IAAI,EAAE,UAAU;AAChB,4BAAA,IAAI,EAAE,0BAA0B;AAChC,4BAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;AAChD,yBAAA;AACD,wBAAA,WAAW,EAAE,CAAC;AACd,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,QAAQ,EAAE,EAAE;AACZ,wBAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE;wBAC/C,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;AACzC,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,GAAG;AACR,wBAAA,MAAM,EAAE,QAAQ;AAChB,wBAAA,MAAM,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;AACpD,wBAAA,QAAQ,EAAE;AACR,4BAAA,GAAG,EAAE,OAAO;AACZ,4BAAA,IAAI,EAAE,aAAa;AACnB,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;wBACD,IAAI,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE;AAC3C,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,WAAW,EAAE;AACX,4BAAA,IAAI,EAAE,OAAO;AACb,4BAAA,IAAI,EAAE,sCAAsC;AAC5C,4BAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;AAChD,yBAAA;AACD,wBAAA,WAAW,EAAE,CAAC;AACd,wBAAA,SAAS,EAAE,EAAE;wBACb,QAAQ,EAAE,CAAC,UAAU,CAAC;AACtB,wBAAA,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;wBAC/C,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC1C,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,WAAW,EACT,mFAAmF;AACrF,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,cAAc,EAAE,aAAa;AAC7B,gBAAA,QAAQ,EAAE,YAAY;AACtB,gBAAA,eAAe,EAAE;AACf,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,IAAI,EAAE;AACJ,wBAAA,GAAG,EAAE,WAAW;AAChB,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,KAAK,EAAE,IAAI;AACX,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA;AACD,oBAAA,MAAM,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;AACrD,oBAAA,QAAQ,EAAE;AACR,wBAAA,GAAG,EAAE,WAAW;AAChB,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,KAAK,EAAE,KAAK;AACb,qBAAA;oBACD,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;AACxC,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE,EAAE;;;;;"}

package/fesm2022/xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs

@@ -0,0 +1,46 @@
+import { XSChatListComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'chat-list',
+    name: 'Chat List',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-05-30T20:00:00.000Z',
+    created: '2026-05-30T20:00:00.000Z',
+    description: 'Lista de conversaciones de chat con busqueda y menu contextual.',
+    component: XSChatListComponent,
+    selector: 'xs-chat-list',
+    inputs: [
+        { key: 'chats', label: 'Lista de chats', type: 'json' },
+        {
+            key: 'loading',
+            label: 'Estado de carga',
+            type: 'boolean',
+            default: false,
+        },
+        {
+            key: 'userId',
+            label: 'ID del usuario actual',
+            type: 'text',
+        },
+    ],
+    examples: [
+        {
+            name: 'Lista vacia',
+            description: 'Cuando no hay chats',
+            inputs: { chats: [], userId: '123' },
+        },
+        {
+            name: 'Cargando',
+            description: 'Estado de carga',
+            inputs: { chats: [], loading: true, userId: '123' },
+        },
+    ],
+    multilanguage: false,
+    notes: [],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs.map

package/fesm2022/xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-chat-list.xsstory-BSY46FgK.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/chat/list/xs-chat-list.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../../story.types';\nimport { XSChatListComponent } from './xs-chat-list.component';\n\nexport const story: StoryMeta = {\n  id: 'chat-list',\n  name: 'Chat List',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-05-30T20:00:00.000Z',\n  created: '2026-05-30T20:00:00.000Z',\n  description:\n    'Lista de conversaciones de chat con busqueda y menu contextual.',\n  component: XSChatListComponent,\n  selector: 'xs-chat-list',\n  inputs: [\n    { key: 'chats', label: 'Lista de chats', type: 'json' },\n    {\n      key: 'loading',\n      label: 'Estado de carga',\n      type: 'boolean',\n      default: false,\n    },\n    {\n      key: 'userId',\n      label: 'ID del usuario actual',\n      type: 'text',\n    },\n  ],\n  examples: [\n    {\n      name: 'Lista vacia',\n      description: 'Cuando no hay chats',\n      inputs: { chats: [], userId: '123' },\n    },\n    {\n      name: 'Cargando',\n      description: 'Estado de carga',\n      inputs: { chats: [], loading: true, userId: '123' },\n    },\n  ],\n  multilanguage: false,\n  notes: [],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,iEAAiE;AACnE,IAAA,SAAS,EAAE,mBAAmB;AAC9B,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,MAAM,EAAE;QACN,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE;AACvD,QAAA;AACE,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,KAAK,EAAE,iBAAiB;AACxB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EAAE,qBAAqB;YAClC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;AACrC,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;AACpD,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE,EAAE;;;;;"}