@xsmusices/ui 1.41.0 → 1.41.1

package/fesm2022/xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs

@@ -0,0 +1,79 @@
+import { XSSendScraperComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'send-scraper',
+    name: 'Send Scraper',
+    type: 'component',
+    subtype: 'Base',
+    status: 'active',
+    usage: ['admin', 'app'],
+    updated: '2026-06-13T22:00:00.000Z',
+    created: '2026-06-13T22:00:00.000Z',
+    description: 'Flujo completo de envío con scraping vía URL. Incluye selección de fuente (SoundCloud/YouTube), entrada de URL, preview del resultado y formulario auto-rellenado. Disponible en modo track (media) y profile (artista/organización).',
+    component: XSSendScraperComponent,
+    selector: 'xs-send-scraper',
+    inputs: [
+        {
+            key: 'mode',
+            label: 'Modo',
+            type: 'select',
+            options: ['track', 'profile'],
+            default: 'track',
+        },
+        {
+            key: 'allowedSources',
+            label: 'Fuentes permitidas',
+            type: 'json',
+            default: ['soundcloud', 'youtube'],
+        },
+        {
+            key: 'demoMode',
+            label: 'Demo automática',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Media — Track',
+            description: 'Flujo completo para enviar un track desde SoundCloud/YouTube. Demo automática activada.',
+            inputs: {
+                mode: 'track',
+                allowedSources: ['soundcloud', 'youtube'],
+                demoMode: true,
+            },
+        },
+        {
+            name: 'Artista — Perfil',
+            description: 'Flujo completo para enviar un artista desde SoundCloud. Demo automática activada.',
+            inputs: {
+                mode: 'profile',
+                allowedSources: ['soundcloud', 'youtube'],
+                demoMode: true,
+            },
+        },
+        {
+            name: 'Media — Interactivo',
+            description: 'Modo interactivo sin demo. Haz clic en los pasos manualmente.',
+            inputs: {
+                mode: 'track',
+                allowedSources: ['soundcloud', 'youtube'],
+                demoMode: false,
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [
+        {
+            text: 'La demo automática avanza por los 4 pasos con delays simulados: selección → URL → búsqueda → formulario.',
+            type: 'info',
+        },
+        {
+            text: 'Los datos mostrados son mock. En producción se obtienen de los endpoints de scraping del backend.',
+            type: 'warning',
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs.map

package/fesm2022/xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-send-scraper.xsstory-Cq6PuwN7.mjs","sources":["../../../projects/xs-ui/src/lib/components/base/send-scraper/xs-send-scraper.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSSendScraperComponent } from './xs-send-scraper.component';\n\nexport const story: StoryMeta = {\n  id: 'send-scraper',\n  name: 'Send Scraper',\n  type: 'component',\n  subtype: 'Base',\n  status: 'active',\n  usage: ['admin', 'app'],\n  updated: '2026-06-13T22:00:00.000Z',\n  created: '2026-06-13T22:00:00.000Z',\n  description:\n    'Flujo completo de envío con scraping vía URL. Incluye selección de fuente (SoundCloud/YouTube), entrada de URL, preview del resultado y formulario auto-rellenado. Disponible en modo track (media) y profile (artista/organización).',\n  component: XSSendScraperComponent,\n  selector: 'xs-send-scraper',\n  inputs: [\n    {\n      key: 'mode',\n      label: 'Modo',\n      type: 'select',\n      options: ['track', 'profile'],\n      default: 'track',\n    },\n    {\n      key: 'allowedSources',\n      label: 'Fuentes permitidas',\n      type: 'json',\n      default: ['soundcloud', 'youtube'],\n    },\n    {\n      key: 'demoMode',\n      label: 'Demo automática',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Media — Track',\n      description:\n        'Flujo completo para enviar un track desde SoundCloud/YouTube. Demo automática activada.',\n      inputs: {\n        mode: 'track' as const,\n        allowedSources: ['soundcloud', 'youtube'],\n        demoMode: true,\n      },\n    },\n    {\n      name: 'Artista — Perfil',\n      description:\n        'Flujo completo para enviar un artista desde SoundCloud. Demo automática activada.',\n      inputs: {\n        mode: 'profile' as const,\n        allowedSources: ['soundcloud', 'youtube'],\n        demoMode: true,\n      },\n    },\n    {\n      name: 'Media — Interactivo',\n      description:\n        'Modo interactivo sin demo. Haz clic en los pasos manualmente.',\n      inputs: {\n        mode: 'track' as const,\n        allowedSources: ['soundcloud', 'youtube'],\n        demoMode: false,\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [\n    {\n      text: 'La demo automática avanza por los 4 pasos con delays simulados: selección → URL → búsqueda → formulario.',\n      type: 'info',\n    },\n    {\n      text: 'Los datos mostrados son mock. En producción se obtienen de los endpoints de scraping del backend.',\n      type: 'warning',\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,uOAAuO;AACzO,IAAA,SAAS,EAAE,sBAAsB;AACjC,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;AAC7B,YAAA,OAAO,EAAE,OAAO;AACjB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,gBAAgB;AACrB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;AACnC,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,KAAK,EAAE,iBAAiB;AACxB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EACT,yFAAyF;AAC3F,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,OAAgB;AACtB,gBAAA,cAAc,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;AACzC,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,WAAW,EACT,mFAAmF;AACrF,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,SAAkB;AACxB,gBAAA,cAAc,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;AACzC,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EACT,+DAA+D;AACjE,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,OAAgB;AACtB,gBAAA,cAAc,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;AACzC,gBAAA,QAAQ,EAAE,KAAK;AAChB,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE;AACL,QAAA;AACE,YAAA,IAAI,EAAE,0GAA0G;AAChH,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,mGAAmG;AACzG,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs

@@ -0,0 +1,67 @@
+import { XSSkeletonForSliderComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'skeleton-for-slider',
+    name: 'Skeleton for Slider',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2025-12-29T13:15:00.000Z',
+    created: '2025-07-26T18:08:03.032Z',
+    description: 'Componente skeleton loader para sliders, muestra placeholders animados mientras se cargan los datos.',
+    component: XSSkeletonForSliderComponent,
+    selector: 'xs-skeleton-for-slider',
+    inputs: [
+        {
+            key: 'displayType',
+            label: 'Tipo de visualización',
+            type: 'select',
+            options: ['normal', 'smallRounded', 'miniRounded'],
+            default: 'normal',
+        },
+        {
+            key: 'forSlider',
+            label: 'Para uso en slider',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Skeleton Normal',
+            description: 'Skeleton loader con diseño normal',
+            inputs: {
+                displayType: 'normal',
+                forSlider: true,
+            },
+        },
+        {
+            name: 'Skeleton Redondeado Pequeño',
+            description: 'Skeleton loader con bordes redondeados pequeños',
+            inputs: {
+                displayType: 'smallRounded',
+                forSlider: true,
+            },
+        },
+        {
+            name: 'Skeleton Mini Redondeado',
+            description: 'Skeleton loader con diseño mini redondeado',
+            inputs: {
+                displayType: 'miniRounded',
+                forSlider: true,
+            },
+        },
+        {
+            name: 'Skeleton Estándar',
+            description: 'Skeleton loader sin configuración específica de slider',
+            inputs: {
+                displayType: 'normal',
+                forSlider: false,
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs.map

package/fesm2022/xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-skeleton-for-slider.xsstory-k-uutKIV.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/skeleton-for-slider/xs-skeleton-for-slider.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSSkeletonForSliderComponent } from './xs-skeleton-for-slider.component';\n\nexport const story: StoryMeta = {\n  id: 'skeleton-for-slider',\n  name: 'Skeleton for Slider',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updated: '2025-12-29T13:15:00.000Z',\n  created: '2025-07-26T18:08:03.032Z',\n  description:\n    'Componente skeleton loader para sliders, muestra placeholders animados mientras se cargan los datos.',\n  component: XSSkeletonForSliderComponent,\n  selector: 'xs-skeleton-for-slider',\n  inputs: [\n    {\n      key: 'displayType',\n      label: 'Tipo de visualización',\n      type: 'select',\n      options: ['normal', 'smallRounded', 'miniRounded'],\n      default: 'normal',\n    },\n    {\n      key: 'forSlider',\n      label: 'Para uso en slider',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Skeleton Normal',\n      description: 'Skeleton loader con diseño normal',\n      inputs: {\n        displayType: 'normal',\n        forSlider: true,\n      },\n    },\n    {\n      name: 'Skeleton Redondeado Pequeño',\n      description:\n        'Skeleton loader con bordes redondeados pequeños',\n      inputs: {\n        displayType: 'smallRounded',\n        forSlider: true,\n      },\n    },\n    {\n      name: 'Skeleton Mini Redondeado',\n      description: 'Skeleton loader con diseño mini redondeado',\n      inputs: {\n        displayType: 'miniRounded',\n        forSlider: true,\n      },\n    },\n    {\n      name: 'Skeleton Estándar',\n      description:\n        'Skeleton loader sin configuración específica de slider',\n      inputs: {\n        displayType: 'normal',\n        forSlider: false,\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,EAAE,SAAS,CAAC;AAClC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,sGAAsG;AACxG,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC;AAClD,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,iBAAiB;AACvB,YAAA,WAAW,EAAE,mCAAmC;AAChD,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,QAAQ;AACrB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,6BAA6B;AACnC,YAAA,WAAW,EACT,iDAAiD;AACnD,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,cAAc;AAC3B,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,0BAA0B;AAChC,YAAA,WAAW,EAAE,4CAA4C;AACzD,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,aAAa;AAC1B,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,mBAAmB;AACzB,YAAA,WAAW,EACT,wDAAwD;AAC1D,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,QAAQ;AACrB,gBAAA,SAAS,EAAE,KAAK;AACjB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs

@@ -0,0 +1,91 @@
+import { XSStepperComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'stepper',
+    name: 'Stepper',
+    type: 'component',
+    subtype: 'Base',
+    status: 'active',
+    usage: ['admin', 'app'],
+    updated: '2026-06-13T20:00:00.000Z',
+    created: '2026-06-13T20:00:00.000Z',
+    description: 'Indicador de pasos horizontal con círculos numerados, labels y línea conectora. Compatible con ng-content para renderizar el contenido del paso actual debajo del indicador.',
+    component: XSStepperComponent,
+    selector: 'xs-stepper',
+    slots: [
+        {
+            name: 'content',
+            description: 'Contenido del paso actual. Se renderiza debajo del indicador de pasos.',
+        },
+    ],
+    inputs: [
+        {
+            key: 'steps',
+            label: 'Pasos',
+            type: 'json',
+            default: ['Paso 1', 'Paso 2', 'Paso 3'],
+        },
+        {
+            key: 'current',
+            label: 'Paso activo (0-indexed)',
+            type: 'number',
+            default: 0,
+        },
+        {
+            key: 'size',
+            label: 'Tamaño',
+            type: 'select',
+            options: ['sm', 'md', 'lg'],
+            default: 'md',
+        },
+    ],
+    examples: [
+        {
+            name: '3 pasos — paso inicial',
+            description: 'Stepper con 3 pasos, en el primero',
+            inputs: {
+                steps: ['Fuente', 'URL', 'Resultado'],
+                current: 0,
+            },
+        },
+        {
+            name: '4 pasos — paso intermedio',
+            description: 'Stepper con 4 pasos, completado el primero, activo el segundo',
+            inputs: {
+                steps: ['Fuente', 'URL', 'Resultado', 'Formulario'],
+                current: 1,
+            },
+        },
+        {
+            name: '4 pasos — paso completado',
+            description: 'Stepper con 4 pasos, 3 completados y activo el último',
+            inputs: {
+                steps: ['Fuente', 'URL', 'Resultado', 'Formulario'],
+                current: 3,
+            },
+        },
+        {
+            name: '2 pasos — tamaño sm',
+            description: 'Stepper compacto de 2 pasos',
+            inputs: {
+                steps: ['Buscar', 'Resultado'],
+                current: 0,
+                size: 'sm',
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [
+        {
+            text: 'Los pasos completados muestran un check verde. El paso activo se resalta con el color primary red-600 de XSMusic.',
+            type: 'info',
+        },
+        {
+            text: 'En mobile (< 768px) se ocultan los labels para ahorrar espacio.',
+            type: 'info',
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs.map

package/fesm2022/xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-stepper.xsstory-gKU4wN-_.mjs","sources":["../../../projects/xs-ui/src/lib/components/base/stepper/xs-stepper.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSStepperComponent } from './xs-stepper.component';\n\nexport const story: StoryMeta = {\n  id: 'stepper',\n  name: 'Stepper',\n  type: 'component',\n  subtype: 'Base',\n  status: 'active',\n  usage: ['admin', 'app'],\n  updated: '2026-06-13T20:00:00.000Z',\n  created: '2026-06-13T20:00:00.000Z',\n  description:\n    'Indicador de pasos horizontal con círculos numerados, labels y línea conectora. Compatible con ng-content para renderizar el contenido del paso actual debajo del indicador.',\n  component: XSStepperComponent,\n  selector: 'xs-stepper',\n  slots: [\n    {\n      name: 'content',\n      description:\n        'Contenido del paso actual. Se renderiza debajo del indicador de pasos.',\n    },\n  ],\n  inputs: [\n    {\n      key: 'steps',\n      label: 'Pasos',\n      type: 'json',\n      default: ['Paso 1', 'Paso 2', 'Paso 3'],\n    },\n    {\n      key: 'current',\n      label: 'Paso activo (0-indexed)',\n      type: 'number',\n      default: 0,\n    },\n    {\n      key: 'size',\n      label: 'Tamaño',\n      type: 'select',\n      options: ['sm', 'md', 'lg'],\n      default: 'md',\n    },\n  ],\n  examples: [\n    {\n      name: '3 pasos — paso inicial',\n      description: 'Stepper con 3 pasos, en el primero',\n      inputs: {\n        steps: ['Fuente', 'URL', 'Resultado'],\n        current: 0,\n      },\n    },\n    {\n      name: '4 pasos — paso intermedio',\n      description:\n        'Stepper con 4 pasos, completado el primero, activo el segundo',\n      inputs: {\n        steps: ['Fuente', 'URL', 'Resultado', 'Formulario'],\n        current: 1,\n      },\n    },\n    {\n      name: '4 pasos — paso completado',\n      description:\n        'Stepper con 4 pasos, 3 completados y activo el último',\n      inputs: {\n        steps: ['Fuente', 'URL', 'Resultado', 'Formulario'],\n        current: 3,\n      },\n    },\n    {\n      name: '2 pasos — tamaño sm',\n      description: 'Stepper compacto de 2 pasos',\n      inputs: {\n        steps: ['Buscar', 'Resultado'],\n        current: 0,\n        size: 'sm',\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [\n    {\n      text: 'Los pasos completados muestran un check verde. El paso activo se resalta con el color primary red-600 de XSMusic.',\n      type: 'info',\n    },\n    {\n      text: 'En mobile (< 768px) se ocultan los labels para ahorrar espacio.',\n      type: 'info',\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AACvB,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,8KAA8K;AAChL,IAAA,SAAS,EAAE,kBAAkB;AAC7B,IAAA,QAAQ,EAAE,YAAY;AACtB,IAAA,KAAK,EAAE;AACL,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EACT,wEAAwE;AAC3E,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,KAAK,EAAE,yBAAyB;AAChC,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAC3B,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,wBAAwB;AAC9B,YAAA,WAAW,EAAE,oCAAoC;AACjD,YAAA,MAAM,EAAE;AACN,gBAAA,KAAK,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC;AACrC,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,2BAA2B;AACjC,YAAA,WAAW,EACT,+DAA+D;AACjE,YAAA,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC;AACnD,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,2BAA2B;AACjC,YAAA,WAAW,EACT,uDAAuD;AACzD,YAAA,MAAM,EAAE;gBACN,KAAK,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC;AACnD,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,6BAA6B;AAC1C,YAAA,MAAM,EAAE;AACN,gBAAA,KAAK,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC;AAC9B,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE;AACL,QAAA;AACE,YAAA,IAAI,EAAE,mHAAmH;AACzH,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,iEAAiE;AACvE,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs

@@ -0,0 +1,95 @@
+import { XSTableItemsComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'table-items',
+    name: 'Table Items',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updatedDate: '2025-12-27T20:30:10.704Z',
+    createdDate: '2025-12-15',
+    description: 'Componente para mostrar items individuales en tablas con diferentes tipos de datos y traducciones automáticas.',
+    component: XSTableItemsComponent,
+    selector: 'xs-table-items',
+    inputs: [
+        {
+            key: 'type',
+            label: 'Tipo de tabla',
+            type: 'text',
+            default: 'user',
+        },
+        {
+            key: 'subType',
+            label: 'Subtipo',
+            type: 'text',
+            default: 'admin',
+        },
+        {
+            key: 'header',
+            label: 'Configuración del header',
+            type: 'json',
+            default: {
+                key: 'name',
+                type: 'text',
+                label: 'Nombre',
+            },
+        },
+        {
+            key: 'item',
+            label: 'Datos del item',
+            type: 'json',
+            default: {
+                name: 'Juan Pérez',
+                active: true,
+                type: 'admin',
+            },
+        },
+        {
+            key: 'admin',
+            label: 'Modo administrador',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Texto Básico',
+            description: 'Muestra un campo de texto simple',
+            inputs: {
+                header: { key: 'name', type: 'text', label: 'Nombre' },
+                item: { name: 'María García' },
+            },
+        },
+        {
+            name: 'Campo Booleano',
+            description: 'Muestra un valor booleano traducido',
+            inputs: {
+                header: {
+                    key: 'active',
+                    type: 'boolean',
+                    label: 'Activo',
+                },
+                item: { active: true },
+            },
+        },
+        {
+            name: 'Campo Desconocido',
+            description: 'Muestra cómo se traduce "Desconocido"',
+            inputs: {
+                header: { key: 'type', type: 'userType', label: 'Tipo' },
+                item: { user: null },
+            },
+        },
+    ],
+    notes: [],
+    coverage: {
+        statements: 36,
+        branches: 36,
+        functions: 51,
+        lines: 38,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs.map

package/fesm2022/xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-table-items.xsstory-vR5x6wZe.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/table/table-items/xs-table-items.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../../story.types';\nimport { XSTableItemsComponent } from './xs-table-items.component';\n\nexport const story: StoryMeta = {\n  id: 'table-items',\n  name: 'Table Items',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updatedDate: '2025-12-27T20:30:10.704Z',\n  createdDate: '2025-12-15',\n  description:\n    'Componente para mostrar items individuales en tablas con diferentes tipos de datos y traducciones automáticas.',\n  component: XSTableItemsComponent,\n  selector: 'xs-table-items',\n  inputs: [\n    {\n      key: 'type',\n      label: 'Tipo de tabla',\n      type: 'text',\n      default: 'user',\n    },\n    {\n      key: 'subType',\n      label: 'Subtipo',\n      type: 'text',\n      default: 'admin',\n    },\n    {\n      key: 'header',\n      label: 'Configuración del header',\n      type: 'json',\n      default: {\n        key: 'name',\n        type: 'text',\n        label: 'Nombre',\n      },\n    },\n    {\n      key: 'item',\n      label: 'Datos del item',\n      type: 'json',\n      default: {\n        name: 'Juan Pérez',\n        active: true,\n        type: 'admin',\n      },\n    },\n    {\n      key: 'admin',\n      label: 'Modo administrador',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Texto Básico',\n      description: 'Muestra un campo de texto simple',\n      inputs: {\n        header: { key: 'name', type: 'text', label: 'Nombre' },\n        item: { name: 'María García' },\n      },\n    },\n    {\n      name: 'Campo Booleano',\n      description: 'Muestra un valor booleano traducido',\n      inputs: {\n        header: {\n          key: 'active',\n          type: 'boolean',\n          label: 'Activo',\n        },\n        item: { active: true },\n      },\n    },\n    {\n      name: 'Campo Desconocido',\n      description: 'Muestra cómo se traduce \"Desconocido\"',\n      inputs: {\n        header: { key: 'type', type: 'userType', label: 'Tipo' },\n        item: { user: null },\n      },\n    },\n  ],\n  notes: [],\n  coverage: {\n    statements: 36,\n    branches: 36,\n    functions: 51,\n    lines: 38,\n  },\n};\n"],"names":[],"mappings":"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"}