@xsmusices/ui 1.41.0 → 1.41.1

package/fesm2022/xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs

@@ -0,0 +1,189 @@
+import { XSItemsSliderComponent } from './xsmusices-ui.mjs';
+import { m as mockArtists, a as mockEvents } from './xsmusices-ui-index-BpVmLxoG.mjs';
+
+const story = {
+    id: 'items-slider',
+    name: 'Items Slider',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2025-12-29T13:00:00.000Z',
+    created: '2025-07-26T10:05:37.513Z',
+    description: 'Componente deslizable para mostrar listas de items (artistas, eventos, medios, etc.) con soporte para vista de tarjetas y lista.',
+    component: XSItemsSliderComponent,
+    selector: 'xs-items-slider',
+    inputs: [
+        {
+            key: 'type',
+            label: 'Tipo de items',
+            type: 'select',
+            options: [
+                'artist',
+                'equipment',
+                'setup',
+                'event',
+                'media',
+                'site',
+                'organization',
+                'tip',
+            ],
+            default: 'media',
+        },
+        {
+            key: 'label',
+            label: 'Etiqueta del slider',
+            type: 'text',
+            default: 'Items Destacados',
+        },
+        {
+            key: 'view',
+            label: 'Vista',
+            type: 'select',
+            options: ['cards', 'list'],
+            default: 'cards',
+        },
+        {
+            key: 'hasViewButtons',
+            label: 'Mostrar botones de vista',
+            type: 'boolean',
+            default: true,
+        },
+        {
+            key: 'total',
+            label: 'Total de items',
+            type: 'number',
+            default: 10,
+        },
+        {
+            key: 'loading',
+            label: 'Estado de carga',
+            type: 'json',
+            default: { items: false, more: false },
+        },
+        {
+            key: 'items',
+            label: 'Items a mostrar',
+            type: 'json',
+            default: [],
+        },
+    ],
+    examples: [
+        {
+            name: 'Slider de Artistas',
+            description: 'Slider mostrando artistas en vista de tarjetas',
+            inputs: {
+                type: 'artist',
+                label: 'Artistas Populares',
+                view: 'cards',
+                hasViewButtons: true,
+                total: 25,
+                loading: { items: false, more: false },
+                items: mockArtists,
+            },
+        },
+        {
+            name: 'Slider de Eventos',
+            description: 'Slider mostrando eventos en vista de lista',
+            inputs: {
+                type: 'event',
+                label: 'Próximos Eventos',
+                view: 'list',
+                hasViewButtons: true,
+                total: 15,
+                loading: { items: false, more: false },
+                items: mockEvents,
+            },
+        },
+        {
+            name: 'Slider de Medios',
+            description: 'Slider mostrando medios sin botones de vista',
+            inputs: {
+                type: 'media',
+                label: 'Nuevos Lanzamientos',
+                view: 'cards',
+                hasViewButtons: false,
+                total: 30,
+                loading: { items: false, more: false },
+                items: [
+                    {
+                        _id: '1',
+                        name: 'Canción 1',
+                        type: 'track',
+                        artists: [{ name: 'Artista A' }],
+                        image: 'https://via.placeholder.com/200',
+                    },
+                    {
+                        _id: '2',
+                        name: 'Álbum 1',
+                        type: 'album',
+                        artists: [{ name: 'Artista B' }],
+                        image: 'https://via.placeholder.com/200',
+                    },
+                    {
+                        _id: '3',
+                        name: 'EP 1',
+                        type: 'ep',
+                        artists: [{ name: 'Artista C' }],
+                        image: 'https://via.placeholder.com/200',
+                    },
+                    {
+                        _id: '4',
+                        name: 'Single 1',
+                        type: 'single',
+                        artists: [{ name: 'Artista D' }],
+                        image: 'https://via.placeholder.com/200',
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Slider Compacto',
+            description: 'Slider en vista compacta para equipos',
+            inputs: {
+                type: 'equipment',
+                label: 'Equipos Recomendados',
+                view: 'cards',
+                hasViewButtons: false,
+                total: 8,
+                loading: { items: false, more: false },
+                items: [
+                    {
+                        _id: '1',
+                        name: 'Guitarra Eléctrica',
+                        brand: 'Fender',
+                        image: 'https://via.placeholder.com/200',
+                    },
+                    {
+                        _id: '2',
+                        name: 'Bajo',
+                        brand: 'Ibanez',
+                        image: 'https://via.placeholder.com/200',
+                    },
+                    {
+                        _id: '3',
+                        name: 'Batería',
+                        brand: 'Pearl',
+                        image: 'https://via.placeholder.com/200',
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Slider Cargando',
+            description: 'Slider mostrando estado de carga',
+            inputs: {
+                type: 'media',
+                label: 'Cargando Contenido',
+                view: 'cards',
+                hasViewButtons: true,
+                total: 0,
+                loading: { items: true, more: false },
+                items: [],
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs.map

package/fesm2022/xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-items-slider.xsstory-CS4xTKuJ.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/items-slider/xs-items-slider.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSItemsSliderComponent } from './xs-items-slider.component';\nimport { mockArtists, mockEvents } from '../../../mocks';\n\nexport const story: StoryMeta = {\n  id: 'items-slider',\n  name: 'Items Slider',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updated: '2025-12-29T13:00:00.000Z',\n  created: '2025-07-26T10:05:37.513Z',\n  description:\n    'Componente deslizable para mostrar listas de items (artistas, eventos, medios, etc.) con soporte para vista de tarjetas y lista.',\n  component: XSItemsSliderComponent,\n  selector: 'xs-items-slider',\n  inputs: [\n    {\n      key: 'type',\n      label: 'Tipo de items',\n      type: 'select',\n      options: [\n        'artist',\n        'equipment',\n        'setup',\n        'event',\n        'media',\n        'site',\n        'organization',\n        'tip',\n      ],\n      default: 'media',\n    },\n    {\n      key: 'label',\n      label: 'Etiqueta del slider',\n      type: 'text',\n      default: 'Items Destacados',\n    },\n    {\n      key: 'view',\n      label: 'Vista',\n      type: 'select',\n      options: ['cards', 'list'],\n      default: 'cards',\n    },\n    {\n      key: 'hasViewButtons',\n      label: 'Mostrar botones de vista',\n      type: 'boolean',\n      default: true,\n    },\n    {\n      key: 'total',\n      label: 'Total de items',\n      type: 'number',\n      default: 10,\n    },\n    {\n      key: 'loading',\n      label: 'Estado de carga',\n      type: 'json',\n      default: { items: false, more: false },\n    },\n    {\n      key: 'items',\n      label: 'Items a mostrar',\n      type: 'json',\n      default: [],\n    },\n  ],\n  examples: [\n    {\n      name: 'Slider de Artistas',\n      description:\n        'Slider mostrando artistas en vista de tarjetas',\n      inputs: {\n        type: 'artist',\n        label: 'Artistas Populares',\n        view: 'cards',\n        hasViewButtons: true,\n        total: 25,\n        loading: { items: false, more: false },\n        items: mockArtists,\n      },\n    },\n    {\n      name: 'Slider de Eventos',\n      description: 'Slider mostrando eventos en vista de lista',\n      inputs: {\n        type: 'event',\n        label: 'Próximos Eventos',\n        view: 'list',\n        hasViewButtons: true,\n        total: 15,\n        loading: { items: false, more: false },\n        items: mockEvents,\n      },\n    },\n    {\n      name: 'Slider de Medios',\n      description:\n        'Slider mostrando medios sin botones de vista',\n      inputs: {\n        type: 'media',\n        label: 'Nuevos Lanzamientos',\n        view: 'cards',\n        hasViewButtons: false,\n        total: 30,\n        loading: { items: false, more: false },\n        items: [\n          {\n            _id: '1',\n            name: 'Canción 1',\n            type: 'track',\n            artists: [{ name: 'Artista A' }],\n            image: 'https://via.placeholder.com/200',\n          },\n          {\n            _id: '2',\n            name: 'Álbum 1',\n            type: 'album',\n            artists: [{ name: 'Artista B' }],\n            image: 'https://via.placeholder.com/200',\n          },\n          {\n            _id: '3',\n            name: 'EP 1',\n            type: 'ep',\n            artists: [{ name: 'Artista C' }],\n            image: 'https://via.placeholder.com/200',\n          },\n          {\n            _id: '4',\n            name: 'Single 1',\n            type: 'single',\n            artists: [{ name: 'Artista D' }],\n            image: 'https://via.placeholder.com/200',\n          },\n        ],\n      },\n    },\n    {\n      name: 'Slider Compacto',\n      description: 'Slider en vista compacta para equipos',\n      inputs: {\n        type: 'equipment',\n        label: 'Equipos Recomendados',\n        view: 'cards',\n        hasViewButtons: false,\n        total: 8,\n        loading: { items: false, more: false },\n        items: [\n          {\n            _id: '1',\n            name: 'Guitarra Eléctrica',\n            brand: 'Fender',\n            image: 'https://via.placeholder.com/200',\n          },\n          {\n            _id: '2',\n            name: 'Bajo',\n            brand: 'Ibanez',\n            image: 'https://via.placeholder.com/200',\n          },\n          {\n            _id: '3',\n            name: 'Batería',\n            brand: 'Pearl',\n            image: 'https://via.placeholder.com/200',\n          },\n        ],\n      },\n    },\n    {\n      name: 'Slider Cargando',\n      description: 'Slider mostrando estado de carga',\n      inputs: {\n        type: 'media',\n        label: 'Cargando Contenido',\n        view: 'cards',\n        hasViewButtons: true,\n        total: 0,\n        loading: { items: true, more: false },\n        items: [],\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":"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"}