@xsmusices/ui 1.41.0 → 1.42.0

package/fesm2022/xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-card.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport {\n  XSImportMediaCardComponent,\n  ImportMediaCardItem,\n} from './import-media-card.component';\n\nconst sampleItem: ImportMediaCardItem = {\n  _id: '1',\n  name: 'Sample Track Title - Extended Mix',\n  thumbnail: 'https://i.ytimg.com/vi/sample/hqdefault.jpg',\n  typeLabel: 'Track',\n  yearLabel: '2024',\n  durationLabel: '6:30',\n  statusLabel: 'pending',\n  info: 'Original mix from the upcoming album',\n  raw: {\n    type: 'track',\n    info: 'Original mix from the upcoming album',\n  },\n};\n\nconst importedItem: ImportMediaCardItem = {\n  _id: '67a1b2c3d4e5f67890123456',\n  name: 'Already Imported Track',\n  typeLabel: 'Set',\n  yearLabel: '2023',\n  durationLabel: '—',\n  statusLabel: 'active',\n};\n\nexport const story: StoryMeta = {\n  id: 'import-media-card',\n  name: 'Import Media Card',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  description:\n    'Card presentacional para items de importación multimedia.',\n  component: XSImportMediaCardComponent,\n  selector: 'xs-import-media-card',\n  multilanguage: false,\n  examples: [\n    {\n      name: 'Pendiente',\n      description:\n        'Item pendiente de importar. Al desplegar se muestran todos los campos editables (nombre, tipo, año, artista, organización, info).',\n      inputs: {\n        item: sampleItem,\n        selected: false,\n        artistName: 'Artist Name',\n        inlineEdit: true,\n        expanded: true,\n      },\n    },\n    {\n      name: 'Importado',\n      description:\n        'Item ya importado. Al desplegar se muestra un resumen de la información del item tal como se vería en admin/app.',\n      inputs: {\n        item: importedItem as any,\n        importedLabel: 'Importado el 15/03/2024',\n        expanded: true,\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAMA,MAAM,UAAU,GAAwB;AACtC,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,IAAI,EAAE,mCAAmC;AACzC,IAAA,SAAS,EAAE,6CAA6C;AACxD,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,IAAI,EAAE,sCAAsC;AAC5C,IAAA,GAAG,EAAE;AACH,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,sCAAsC;AAC7C,KAAA;CACF;AAED,MAAM,YAAY,GAAwB;AACxC,IAAA,GAAG,EAAE,0BAA0B;AAC/B,IAAA,IAAI,EAAE,wBAAwB;AAC9B,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,aAAa,EAAE,GAAG;AAClB,IAAA,WAAW,EAAE,QAAQ;CACtB;AAEM,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,WAAW,EACT,2DAA2D;AAC7D,IAAA,SAAS,EAAE,0BAA0B;AACrC,IAAA,QAAQ,EAAE,sBAAsB;AAChC,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EACT,mIAAmI;AACrI,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,UAAU,EAAE,aAAa;AACzB,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EACT,kHAAkH;AACpH,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAmB;AACzB,gBAAA,aAAa,EAAE,yBAAyB;AACxC,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs

@@ -0,0 +1,122 @@
+import { DEFAULT_FLOW_LABELS, XSImportMediaFlowComponent } from './xsmusices-ui.mjs';
+
+const MOCK_ITEMS = [
+    {
+        _id: '1',
+        name: 'Fatima Hajji - All Night Long (Fabrik Madrid)',
+        thumbnail: 'https://picsum.photos/seed/a/120/120',
+        typeLabel: 'Track',
+        yearLabel: '2024',
+        durationLabel: '6:30',
+        statusLabel: 'pending',
+        raw: {},
+    },
+    {
+        _id: '2',
+        name: 'Carl Cox - Bells of Berlin',
+        thumbnail: 'https://picsum.photos/seed/b/120/120',
+        typeLabel: 'Track',
+        yearLabel: '2024',
+        durationLabel: '7:15',
+        statusLabel: 'pending',
+        raw: {},
+    },
+    {
+        _id: '3',
+        name: 'Amelie Lens - Hypnotic Set ADE 2024',
+        thumbnail: 'https://picsum.photos/seed/c/120/120',
+        typeLabel: 'Set',
+        yearLabel: '2024',
+        durationLabel: '1:32:00',
+        statusLabel: 'pending',
+        raw: {},
+    },
+    {
+        _id: '4',
+        name: 'Richie Hawtin - DE9 Transitions Mix',
+        thumbnail: 'https://picsum.photos/seed/d/120/120',
+        typeLabel: 'Set',
+        yearLabel: '2023',
+        durationLabel: '1:15:00',
+        statusLabel: 'active',
+        raw: {},
+    },
+];
+const story = {
+    id: 'import-media-flow',
+    name: 'Import Media Flow',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    description: 'Flujo completo de importación multimedia. Componente data-driven: recibe items, emite acciones.',
+    component: XSImportMediaFlowComponent,
+    selector: 'xs-import-media-flow',
+    multilanguage: true,
+    examples: [
+        {
+            name: 'Formulario',
+            description: 'Modo formulario para introducir URL y configurar importación.',
+            inputs: {
+                previewMode: false,
+                formFields: [
+                    {
+                        key: 'importType',
+                        type: 'select',
+                        className: 'col-span-12 lg:col-span-4',
+                        defaultValue: 'channel',
+                        props: {
+                            label: 'Tipo',
+                            options: [
+                                { _id: 'channel', name: 'Canal / Perfil' },
+                                { _id: 'playlist', name: 'Playlist' },
+                            ],
+                            required: true,
+                        },
+                    },
+                    {
+                        key: 'source',
+                        type: 'select',
+                        className: 'col-span-12 lg:col-span-4',
+                        defaultValue: 'youtube',
+                        props: {
+                            label: 'Fuente',
+                            options: [
+                                { _id: 'youtube', name: 'YouTube' },
+                                { _id: 'soundcloud', name: 'SoundCloud' },
+                            ],
+                            required: true,
+                        },
+                    },
+                    {
+                        key: 'url',
+                        type: 'input',
+                        className: 'col-span-12',
+                        props: {
+                            label: 'URL',
+                            placeholder: 'https://youtube.com/@canal o https://soundcloud.com/usuario',
+                            type: 'url',
+                            required: true,
+                        },
+                    },
+                ],
+                labels: DEFAULT_FLOW_LABELS,
+            },
+        },
+        {
+            name: 'Preview',
+            description: 'Vista previa con cards. Cada card tiene edición inline con selector de álbum.',
+            inputs: {
+                previewMode: true,
+                items: MOCK_ITEMS,
+                sourceLabel: 'YouTube',
+                sourceIcon: 'youtube',
+                labels: DEFAULT_FLOW_LABELS,
+                selectedIds: new Set(['1', '2']),
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs.map

package/fesm2022/xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-import-media-flow.xsstory-CMVovyMA.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-flow.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaFlowComponent } from './import-media-flow.component';\nimport {\n  ImportMediaFlowItem,\n  DEFAULT_FLOW_LABELS,\n} from './import-media-flow.interface';\n\nconst MOCK_ITEMS: ImportMediaFlowItem[] = [\n  {\n    _id: '1',\n    name: 'Fatima Hajji - All Night Long (Fabrik Madrid)',\n    thumbnail: 'https://picsum.photos/seed/a/120/120',\n    typeLabel: 'Track',\n    yearLabel: '2024',\n    durationLabel: '6:30',\n    statusLabel: 'pending',\n    raw: {},\n  },\n  {\n    _id: '2',\n    name: 'Carl Cox - Bells of Berlin',\n    thumbnail: 'https://picsum.photos/seed/b/120/120',\n    typeLabel: 'Track',\n    yearLabel: '2024',\n    durationLabel: '7:15',\n    statusLabel: 'pending',\n    raw: {},\n  },\n  {\n    _id: '3',\n    name: 'Amelie Lens - Hypnotic Set ADE 2024',\n    thumbnail: 'https://picsum.photos/seed/c/120/120',\n    typeLabel: 'Set',\n    yearLabel: '2024',\n    durationLabel: '1:32:00',\n    statusLabel: 'pending',\n    raw: {},\n  },\n  {\n    _id: '4',\n    name: 'Richie Hawtin - DE9 Transitions Mix',\n    thumbnail: 'https://picsum.photos/seed/d/120/120',\n    typeLabel: 'Set',\n    yearLabel: '2023',\n    durationLabel: '1:15:00',\n    statusLabel: 'active',\n    raw: {},\n  },\n];\n\nexport const story: StoryMeta = {\n  id: 'import-media-flow',\n  name: 'Import Media Flow',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  description:\n    'Flujo completo de importación multimedia. Componente data-driven: recibe items, emite acciones.',\n  component: XSImportMediaFlowComponent,\n  selector: 'xs-import-media-flow',\n  multilanguage: true,\n  examples: [\n    {\n      name: 'Formulario',\n      description:\n        'Modo formulario para introducir URL y configurar importación.',\n      inputs: {\n        previewMode: false,\n        formFields: [\n          {\n            key: 'importType',\n            type: 'select',\n            className: 'col-span-12 lg:col-span-4',\n            defaultValue: 'channel',\n            props: {\n              label: 'Tipo',\n              options: [\n                { _id: 'channel', name: 'Canal / Perfil' },\n                { _id: 'playlist', name: 'Playlist' },\n              ],\n              required: true,\n            },\n          },\n          {\n            key: 'source',\n            type: 'select',\n            className: 'col-span-12 lg:col-span-4',\n            defaultValue: 'youtube',\n            props: {\n              label: 'Fuente',\n              options: [\n                { _id: 'youtube', name: 'YouTube' },\n                { _id: 'soundcloud', name: 'SoundCloud' },\n              ],\n              required: true,\n            },\n          },\n          {\n            key: 'url',\n            type: 'input',\n            className: 'col-span-12',\n            props: {\n              label: 'URL',\n              placeholder:\n                'https://youtube.com/@canal o https://soundcloud.com/usuario',\n              type: 'url',\n              required: true,\n            },\n          },\n        ],\n        labels: DEFAULT_FLOW_LABELS,\n      },\n    },\n    {\n      name: 'Preview',\n      description:\n        'Vista previa con cards. Cada card tiene edición inline con selector de álbum.',\n      inputs: {\n        previewMode: true,\n        items: MOCK_ITEMS,\n        sourceLabel: 'YouTube',\n        sourceIcon: 'youtube',\n        labels: DEFAULT_FLOW_LABELS,\n        selectedIds: new Set(['1', '2']),\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":"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"}

package/fesm2022/xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs

@@ -0,0 +1,37 @@
+import { XSImportMediaHeaderComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'import-media-header',
+    name: 'Import Media Header',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    description: 'Cabecera con icono de fuente, nombre del canal y contador.',
+    component: XSImportMediaHeaderComponent,
+    selector: 'xs-import-media-header',
+    multilanguage: true,
+    examples: [
+        {
+            name: 'YouTube',
+            description: 'Cabecera para fuente YouTube',
+            inputs: {
+                sourceIcon: 'youtube',
+                sourceLabel: 'YouTube',
+                itemCount: 25,
+            },
+        },
+        {
+            name: 'SoundCloud',
+            description: 'Cabecera para fuente SoundCloud',
+            inputs: {
+                sourceIcon: 'soundcloud',
+                sourceLabel: 'SoundCloud',
+                itemCount: 42,
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs.map

package/fesm2022/xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-import-media-header.xsstory-Ci82oaxD.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-header.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaHeaderComponent } from './import-media-header.component';\n\nexport const story: StoryMeta = {\n  id: 'import-media-header',\n  name: 'Import Media Header',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  description:\n    'Cabecera con icono de fuente, nombre del canal y contador.',\n  component: XSImportMediaHeaderComponent,\n  selector: 'xs-import-media-header',\n  multilanguage: true,\n  examples: [\n    {\n      name: 'YouTube',\n      description: 'Cabecera para fuente YouTube',\n      inputs: {\n        sourceIcon: 'youtube',\n        sourceLabel: 'YouTube',\n        itemCount: 25,\n      },\n    },\n    {\n      name: 'SoundCloud',\n      description: 'Cabecera para fuente SoundCloud',\n      inputs: {\n        sourceIcon: 'soundcloud',\n        sourceLabel: 'SoundCloud',\n        itemCount: 42,\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,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,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,WAAW,EACT,4DAA4D;AAC9D,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EAAE,8BAA8B;AAC3C,YAAA,MAAM,EAAE;AACN,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,WAAW,EAAE,SAAS;AACtB,gBAAA,SAAS,EAAE,EAAE;AACd,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,WAAW,EAAE,iCAAiC;AAC9C,YAAA,MAAM,EAAE;AACN,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,WAAW,EAAE,YAAY;AACzB,gBAAA,SAAS,EAAE,EAAE;AACd,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}