@xsmusices/ui 1.41.0 → 1.41.1

package/README.md

@@ -1,4 +1,4 @@
-# @xsmusices/ui
+# @xsmusic/ui
 
 Librería de componentes Angular compartida para los proyectos de XSMusic (admin, app, etc).
 
@@ -13,13 +13,13 @@ Librería de componentes Angular compartida para los proyectos de XSMusic (admin
 ## Instalación
 
 ```bash
-npm install @xsmusices/ui
+npm install @xsmusic/ui
 ```
 
 Luego importa componentes según necesites:
 
 ```typescript
-import { XsButtonComponent } from '@xsmusices/ui';
+import { XsButtonComponent } from '@xsmusic/ui';
 
 @Component({
   imports: [XsButtonComponent],
@@ -27,20 +27,6 @@ import { XsButtonComponent } from '@xsmusices/ui';
 export class MyComponent {}
 ```
 
-## Configuración requerida
-
-La librería no apunta a ningún entorno por defecto. La app debe proveer:
-
-```typescript
-import { XS_API_URL, XS_ENV_NAME } from '@xsmusices/ui';
-
-{ provide: XS_API_URL, useValue: environment.urls.api },
-{ provide: XS_ENV_NAME, useValue: environment.name },
-```
-
-Sin `XS_API_URL` las URLs de imágenes y scraping quedan relativas
-(fallo visible, nunca tráfico accidental contra producción).
-
 ## Uso Básico
 
 ### Componentes Comunes
@@ -56,7 +42,7 @@ Sin `XS_API_URL` las URLs de imágenes y scraping quedan relativas
 ### Cambiar Idioma (Consumidor)
 
 ```typescript
-import { XSTranslateService } from '@xsmusices/ui';
+import { XSTranslateService } from '@xsmusic/ui';
 
 constructor(private translate: XSTranslateService) {}
 

package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs

@@ -0,0 +1,84 @@
+import { CountryFlagPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'country-flag-pipe',
+    name: 'Country Flag',
+    subtype: 'Pipe',
+    description: 'Pipe que transforma un código de país (ISO) en su emoji de bandera correspondiente. Útil para mostrar banderas de países de forma visual sin necesidad de imágenes.',
+    created: '2026-01-01T12:12:55.858Z',
+    updated: '2025-12-27T17:13:14.844Z',
+    component: CountryFlagPipe,
+    selector: 'countryFlag',
+    type: 'pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    inputs: [
+        {
+            key: 'countryCode',
+            label: 'Código de país (ISO)',
+            type: 'text',
+            default: 'ES',
+        },
+    ],
+    examples: [
+        {
+            name: 'España',
+            description: 'Bandera de España',
+            inputs: {
+                countryCode: 'ES',
+            },
+        },
+        {
+            name: 'Estados Unidos',
+            description: 'Bandera de Estados Unidos',
+            inputs: {
+                countryCode: 'US',
+            },
+        },
+        {
+            name: 'Francia',
+            description: 'Bandera de Francia',
+            inputs: {
+                countryCode: 'FR',
+            },
+        },
+        {
+            name: 'Alemania',
+            description: 'Bandera de Alemania',
+            inputs: {
+                countryCode: 'DE',
+            },
+        },
+        {
+            name: 'Italia',
+            description: 'Bandera de Italia',
+            inputs: {
+                countryCode: 'IT',
+            },
+        },
+        {
+            name: 'Reino Unido',
+            description: 'Bandera del Reino Unido',
+            inputs: {
+                countryCode: 'GB',
+            },
+        },
+        {
+            name: 'Japón',
+            description: 'Bandera de Japón',
+            inputs: {
+                countryCode: 'JP',
+            },
+        },
+        {
+            name: 'México',
+            description: 'Bandera de México',
+            inputs: {
+                countryCode: 'MX',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs.map

package/fesm2022/xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-country-flag.xsstory-BPTu5b4i.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/country-flag/country-flag.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { CountryFlagPipe } from './country-flag.pipe';\n\nexport const story: StoryMeta = {\n  id: 'country-flag-pipe',\n  name: 'Country Flag',\n  subtype: 'Pipe',\n  description:\n    'Pipe que transforma un código de país (ISO) en su emoji de bandera correspondiente. Útil para mostrar banderas de países de forma visual sin necesidad de imágenes.',\n  created: '2026-01-01T12:12:55.858Z',\n  updated: '2025-12-27T17:13:14.844Z',\n  component: CountryFlagPipe as any,\n  selector: 'countryFlag',\n  type: 'pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  inputs: [\n    {\n      key: 'countryCode',\n      label: 'Código de país (ISO)',\n      type: 'text',\n      default: 'ES',\n    },\n  ],\n  examples: [\n    {\n      name: 'España',\n      description: 'Bandera de España',\n      inputs: {\n        countryCode: 'ES',\n      },\n    },\n    {\n      name: 'Estados Unidos',\n      description: 'Bandera de Estados Unidos',\n      inputs: {\n        countryCode: 'US',\n      },\n    },\n    {\n      name: 'Francia',\n      description: 'Bandera de Francia',\n      inputs: {\n        countryCode: 'FR',\n      },\n    },\n    {\n      name: 'Alemania',\n      description: 'Bandera de Alemania',\n      inputs: {\n        countryCode: 'DE',\n      },\n    },\n    {\n      name: 'Italia',\n      description: 'Bandera de Italia',\n      inputs: {\n        countryCode: 'IT',\n      },\n    },\n    {\n      name: 'Reino Unido',\n      description: 'Bandera del Reino Unido',\n      inputs: {\n        countryCode: 'GB',\n      },\n    },\n    {\n      name: 'Japón',\n      description: 'Bandera de Japón',\n      inputs: {\n        countryCode: 'JP',\n      },\n    },\n    {\n      name: 'México',\n      description: 'Bandera de México',\n      inputs: {\n        countryCode: 'MX',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,WAAW,EACT,qKAAqK;AACvK,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,eAAsB;AACjC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,sBAAsB;AAC7B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,WAAW,EAAE,2BAA2B;AACxC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,WAAW,EAAE,oBAAoB;AACjC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,WAAW,EAAE,kBAAkB;AAC/B,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs

@@ -0,0 +1,106 @@
+import { CountryNamePipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'country-name-pipe',
+    name: 'Country Name',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que convierte códigos de países (ISO) a nombres localizados (español/inglés). Soporta objetos {name, nameEn} para localización manual.',
+    created: '2026-01-01T12:12:55.861Z',
+    updated: '2026-07-21T00:00:00.000Z',
+    component: CountryNamePipe,
+    selector: 'countryName',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'countryCode',
+            label: 'Código de país',
+            type: 'select',
+            options: [
+                'ES',
+                'US',
+                'FR',
+                'DE',
+                'IT',
+                'PT',
+                'MX',
+                'AR',
+                'CO',
+                'CL',
+            ],
+            default: 'ES',
+        },
+        {
+            key: 'lang',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'España (ES)',
+            description: 'Código ES → español (default)',
+            inputs: {
+                countryCode: 'ES',
+            },
+        },
+        {
+            name: 'Spain (EN)',
+            description: 'Código ES → inglés con lang=en',
+            inputs: {
+                countryCode: 'ES',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Estados Unidos (ES)',
+            description: 'Código US → español',
+            inputs: {
+                countryCode: 'US',
+            },
+        },
+        {
+            name: 'United States (EN)',
+            description: 'Código US → inglés con lang=en',
+            inputs: {
+                countryCode: 'US',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Francia (ES)',
+            description: 'Código FR → español',
+            inputs: {
+                countryCode: 'FR',
+            },
+        },
+        {
+            name: 'Alemania (ES)',
+            description: 'Código DE → español',
+            inputs: {
+                countryCode: 'DE',
+            },
+        },
+        {
+            name: 'Germany (EN)',
+            description: 'Código DE → inglés con lang=en',
+            inputs: {
+                countryCode: 'DE',
+                lang: 'en',
+            },
+        },
+        {
+            name: 'Código desconocido',
+            description: 'Código no encontrado en la lista (fallback)',
+            inputs: {
+                countryCode: 'XX',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs.map

package/fesm2022/xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-country-name.xsstory-ENhKrPTw.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/country-name/country-name.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { CountryNamePipe } from './country-name.pipe';\n\nexport const story: StoryMeta = {\n  id: 'country-name-pipe',\n  name: 'Country Name',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que convierte códigos de países (ISO) a nombres localizados (español/inglés). Soporta objetos {name, nameEn} para localización manual.',\n  created: '2026-01-01T12:12:55.861Z',\n  updated: '2026-07-21T00:00:00.000Z',\n  component: CountryNamePipe as any,\n  selector: 'countryName',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'countryCode',\n      label: 'Código de país',\n      type: 'select',\n      options: [\n        'ES',\n        'US',\n        'FR',\n        'DE',\n        'IT',\n        'PT',\n        'MX',\n        'AR',\n        'CO',\n        'CL',\n      ],\n      default: 'ES',\n    },\n    {\n      key: 'lang',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'España (ES)',\n      description: 'Código ES → español (default)',\n      inputs: {\n        countryCode: 'ES',\n      },\n    },\n    {\n      name: 'Spain (EN)',\n      description: 'Código ES → inglés con lang=en',\n      inputs: {\n        countryCode: 'ES',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Estados Unidos (ES)',\n      description: 'Código US → español',\n      inputs: {\n        countryCode: 'US',\n      },\n    },\n    {\n      name: 'United States (EN)',\n      description: 'Código US → inglés con lang=en',\n      inputs: {\n        countryCode: 'US',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Francia (ES)',\n      description: 'Código FR → español',\n      inputs: {\n        countryCode: 'FR',\n      },\n    },\n    {\n      name: 'Alemania (ES)',\n      description: 'Código DE → español',\n      inputs: {\n        countryCode: 'DE',\n      },\n    },\n    {\n      name: 'Germany (EN)',\n      description: 'Código DE → inglés con lang=en',\n      inputs: {\n        countryCode: 'DE',\n        lang: 'en',\n      },\n    },\n    {\n      name: 'Código desconocido',\n      description: 'Código no encontrado en la lista (fallback)',\n      inputs: {\n        countryCode: 'XX',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,mBAAmB;AACvB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,6IAA6I;AAC/I,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,eAAsB;AACjC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;AACL,aAAA;AACD,YAAA,OAAO,EAAE,IAAI;AACd,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,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,qBAAqB;AAClC,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,WAAW,EAAE,6CAA6C;AAC1D,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs

@@ -0,0 +1,75 @@
+import { DateChatPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-chat-pipe',
+    name: 'Date Chat',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas de manera amigable para chats, mostrando "Hoy", "Ayer", días de la semana o fecha completa según corresponda.',
+    created: '2026-01-01T12:12:55.862Z',
+    updated: '2025-12-27T17:13:14.857Z',
+    component: DateChatPipe,
+    selector: 'dateChat',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: new Date().toISOString(),
+        },
+        {
+            key: 'lang',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Fecha de hoy',
+            description: 'Muestra la hora actual en formato HH:MM',
+            inputs: {
+                date: new Date().toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha de ayer',
+            description: 'Muestra "Ayer" o "Yesterday"',
+            inputs: {
+                date: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha de esta semana',
+            description: 'Muestra el día de la semana',
+            inputs: {
+                date: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'es',
+            },
+        },
+        {
+            name: 'Fecha antigua',
+            description: 'Muestra fecha completa',
+            inputs: {
+                date: '2023-01-15T10:30:00Z',
+                lang: 'es',
+            },
+        },
+        {
+            name: 'En inglés',
+            description: 'Muestra en inglés',
+            inputs: {
+                date: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
+                lang: 'en',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs.map

package/fesm2022/xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-chat.xsstory-BBAJebr1.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-chat/date-chat.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { DateChatPipe } from './date-chat.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-chat-pipe',\n  name: 'Date Chat',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas de manera amigable para chats, mostrando \"Hoy\", \"Ayer\", días de la semana o fecha completa según corresponda.',\n  created: '2026-01-01T12:12:55.862Z',\n  updated: '2025-12-27T17:13:14.857Z',\n  component: DateChatPipe as any,\n  selector: 'dateChat',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: new Date().toISOString(),\n    },\n    {\n      key: 'lang',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Fecha de hoy',\n      description: 'Muestra la hora actual en formato HH:MM',\n      inputs: {\n        date: new Date().toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha de ayer',\n      description: 'Muestra \"Ayer\" o \"Yesterday\"',\n      inputs: {\n        date: new Date(\n          Date.now() - 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha de esta semana',\n      description: 'Muestra el día de la semana',\n      inputs: {\n        date: new Date(\n          Date.now() - 2 * 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'es',\n      },\n    },\n    {\n      name: 'Fecha antigua',\n      description: 'Muestra fecha completa',\n      inputs: {\n        date: '2023-01-15T10:30:00Z',\n        lang: 'es',\n      },\n    },\n    {\n      name: 'En inglés',\n      description: 'Muestra en inglés',\n      inputs: {\n        date: new Date(\n          Date.now() - 24 * 60 * 60 * 1000,\n        ).toISOString(),\n        lang: 'en',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,gBAAgB;AACpB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,YAAmB;AAC9B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAClC,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,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,yCAAyC;AACtD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC9B,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,8BAA8B;AAC3C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,WAAW,EAAE,6BAA6B;AAC1C,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACrC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,wBAAwB;AACrC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,sBAAsB;AAC5B,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,WAAW,EAAE,mBAAmB;AAChC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,CACZ,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CAAC,WAAW,EAAE;AACf,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs

@@ -0,0 +1,69 @@
+import { XSDateFormatPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-format-pipe',
+    name: 'Date Format',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas usando diferentes formatos y locales. Soporta formatos como "MMMM" para mes largo, "MMM" para mes corto.',
+    created: '2026-01-01T12:12:55.864Z',
+    updated: '2025-12-27T17:13:14.832Z',
+    component: XSDateFormatPipe,
+    selector: 'dateFormat',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: '2025-12-25',
+        },
+        {
+            key: 'format',
+            label: 'Formato',
+            type: 'select',
+            options: ['MMMM', 'MMM', 'default'],
+            default: 'MMMM',
+        },
+        {
+            key: 'locale',
+            label: 'Locale',
+            type: 'select',
+            options: ['es', 'en', 'fr', 'de'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Mes largo en español',
+            description: 'Formato MMMM con locale español',
+            inputs: {
+                date: '2025-12-25',
+                format: 'MMMM',
+                locale: 'es',
+            },
+        },
+        {
+            name: 'Mes corto en inglés',
+            description: 'Formato MMM con locale inglés',
+            inputs: {
+                date: '2025-12-25',
+                format: 'MMM',
+                locale: 'en',
+            },
+        },
+        {
+            name: 'Fecha completa',
+            description: 'Formato por defecto con locale español',
+            inputs: {
+                date: '2025-12-25T10:30:00',
+                format: 'default',
+                locale: 'es',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs.map

package/fesm2022/xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-format.xsstory-Chrcn1yu.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-format/date-format.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSDateFormatPipe } from './date-format.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-format-pipe',\n  name: 'Date Format',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas usando diferentes formatos y locales. Soporta formatos como \"MMMM\" para mes largo, \"MMM\" para mes corto.',\n  created: '2026-01-01T12:12:55.864Z',\n  updated: '2025-12-27T17:13:14.832Z',\n  component: XSDateFormatPipe as any,\n  selector: 'dateFormat',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: '2025-12-25',\n    },\n    {\n      key: 'format',\n      label: 'Formato',\n      type: 'select',\n      options: ['MMMM', 'MMM', 'default'],\n      default: 'MMMM',\n    },\n    {\n      key: 'locale',\n      label: 'Locale',\n      type: 'select',\n      options: ['es', 'en', 'fr', 'de'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Mes largo en español',\n      description: 'Formato MMMM con locale español',\n      inputs: {\n        date: '2025-12-25',\n        format: 'MMMM',\n        locale: 'es',\n      },\n    },\n    {\n      name: 'Mes corto en inglés',\n      description: 'Formato MMM con locale inglés',\n      inputs: {\n        date: '2025-12-25',\n        format: 'MMM',\n        locale: 'en',\n      },\n    },\n    {\n      name: 'Fecha completa',\n      description: 'Formato por defecto con locale español',\n      inputs: {\n        date: '2025-12-25T10:30:00',\n        format: 'default',\n        locale: 'es',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,mIAAmI;AACrI,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,gBAAuB;AAClC,IAAA,QAAQ,EAAE,YAAY;AACtB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;AACnC,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AACjC,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,WAAW,EAAE,iCAAiC;AAC9C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,+BAA+B;AAC5C,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,WAAW,EAAE,wCAAwC;AACrD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,qBAAqB;AAC3B,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,MAAM,EAAE,IAAI;AACb,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs

@@ -0,0 +1,67 @@
+import { DateLongPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-long-pipe',
+    name: 'Date Long',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que formatea fechas en formato largo con día, mes y año. Ejemplo: "25 Diciembre 2025".',
+    created: '2026-01-01T12:12:55.866Z',
+    updated: '2025-12-27T17:13:14.830Z',
+    component: DateLongPipe,
+    selector: 'dateLong',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha a formatear',
+            type: 'text',
+            default: '2025-12-25',
+        },
+        {
+            key: 'language',
+            label: 'Idioma',
+            type: 'select',
+            options: ['es', 'en'],
+            default: 'es',
+        },
+    ],
+    examples: [
+        {
+            name: 'Fecha en español',
+            description: 'Formato largo en español',
+            inputs: {
+                date: '2025-12-25',
+                language: 'es',
+            },
+        },
+        {
+            name: 'Fecha en inglés',
+            description: 'Formato largo en inglés',
+            inputs: {
+                date: '2025-12-25',
+                language: 'en',
+            },
+        },
+        {
+            name: 'Fecha actual',
+            description: 'Fecha actual del sistema',
+            inputs: {
+                date: new Date().toISOString().split('T')[0],
+                language: 'es',
+            },
+        },
+        {
+            name: 'Fecha antigua',
+            description: 'Fecha del pasado',
+            inputs: {
+                date: '2000-01-01',
+                language: 'es',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs.map

package/fesm2022/xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-date-long.xsstory-CkYL5e1z.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/date-long/date-long.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { DateLongPipe } from './date-long.pipe';\n\nexport const story: StoryMeta = {\n  id: 'date-long-pipe',\n  name: 'Date Long',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que formatea fechas en formato largo con día, mes y año. Ejemplo: \"25 Diciembre 2025\".',\n  created: '2026-01-01T12:12:55.866Z',\n  updated: '2025-12-27T17:13:14.830Z',\n  component: DateLongPipe as any,\n  selector: 'dateLong',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha a formatear',\n      type: 'text',\n      default: '2025-12-25',\n    },\n    {\n      key: 'language',\n      label: 'Idioma',\n      type: 'select',\n      options: ['es', 'en'],\n      default: 'es',\n    },\n  ],\n  examples: [\n    {\n      name: 'Fecha en español',\n      description: 'Formato largo en español',\n      inputs: {\n        date: '2025-12-25',\n        language: 'es',\n      },\n    },\n    {\n      name: 'Fecha en inglés',\n      description: 'Formato largo en inglés',\n      inputs: {\n        date: '2025-12-25',\n        language: 'en',\n      },\n    },\n    {\n      name: 'Fecha actual',\n      description: 'Fecha actual del sistema',\n      inputs: {\n        date: new Date().toISOString().split('T')[0],\n        language: 'es',\n      },\n    },\n    {\n      name: 'Fecha antigua',\n      description: 'Fecha del pasado',\n      inputs: {\n        date: '2000-01-01',\n        language: 'es',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,gBAAgB;AACpB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,6FAA6F;AAC/F,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,YAAmB;AAC9B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;AACrB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,WAAW,EAAE,0BAA0B;AACvC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,iBAAiB;AACvB,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,WAAW,EAAE,0BAA0B;AACvC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC5C,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,kBAAkB;AAC/B,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs

@@ -0,0 +1,49 @@
+import { XSFirstLetterPipe } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'first-letter-case-pipe',
+    name: 'First Letter Case',
+    subtype: 'Pipe',
+    status: 'pending',
+    usage: ['admin', 'app', 'monitor'],
+    description: 'Pipe que capitaliza la primera letra de un texto, convirtiendo el resto a minúsculas.',
+    created: '2026-01-01T12:12:55.868Z',
+    updated: '2025-12-27T17:13:14.825Z',
+    component: XSFirstLetterPipe,
+    selector: 'firstLetterCase',
+    type: 'pipe',
+    inputs: [
+        {
+            key: 'text',
+            label: 'Texto a capitalizar',
+            type: 'text',
+            default: 'hola mundo',
+        },
+    ],
+    examples: [
+        {
+            name: 'Texto en minúsculas',
+            description: 'Convierte la primera letra a mayúscula',
+            inputs: {
+                text: 'hola mundo',
+            },
+        },
+        {
+            name: 'Texto en mayúsculas',
+            description: 'Convierte todo a minúsculas excepto la primera letra',
+            inputs: {
+                text: 'HOLA MUNDO',
+            },
+        },
+        {
+            name: 'Texto mixto',
+            description: 'Normaliza el texto con primera letra mayúscula',
+            inputs: {
+                text: 'HoLa MuNdO',
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs.map

package/fesm2022/xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-first-letter-case.xsstory-BJDtnUwE.mjs","sources":["../../../projects/xs-ui/src/lib/pipes/first-letter-case/first-letter-case.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSFirstLetterPipe } from './first-letter-case.pipe';\n\nexport const story: StoryMeta = {\n  id: 'first-letter-case-pipe',\n  name: 'First Letter Case',\n  subtype: 'Pipe',\n  status: 'pending',\n  usage: ['admin', 'app', 'monitor'],\n  description:\n    'Pipe que capitaliza la primera letra de un texto, convirtiendo el resto a minúsculas.',\n  created: '2026-01-01T12:12:55.868Z',\n  updated: '2025-12-27T17:13:14.825Z',\n  component: XSFirstLetterPipe as any,\n  selector: 'firstLetterCase',\n  type: 'pipe',\n  inputs: [\n    {\n      key: 'text',\n      label: 'Texto a capitalizar',\n      type: 'text',\n      default: 'hola mundo',\n    },\n  ],\n  examples: [\n    {\n      name: 'Texto en minúsculas',\n      description: 'Convierte la primera letra a mayúscula',\n      inputs: {\n        text: 'hola mundo',\n      },\n    },\n    {\n      name: 'Texto en mayúsculas',\n      description:\n        'Convierte todo a minúsculas excepto la primera letra',\n      inputs: {\n        text: 'HOLA MUNDO',\n      },\n    },\n    {\n      name: 'Texto mixto',\n      description:\n        'Normaliza el texto con primera letra mayúscula',\n      inputs: {\n        text: 'HoLa MuNdO',\n      },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,wBAAwB;AAC5B,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC;AAClC,IAAA,WAAW,EACT,uFAAuF;AACzF,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,SAAS,EAAE,iBAAwB;AACnC,IAAA,QAAQ,EAAE,iBAAiB;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,qBAAqB;AAC5B,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EAAE,wCAAwC;AACrD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,WAAW,EACT,sDAAsD;AACxD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,WAAW,EACT,gDAAgD;AAClD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs

@@ -0,0 +1,29 @@
+import { XSImportMediaBottomBarComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'import-media-bottom-bar',
+    name: 'Import Media Bottom Bar',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    description: 'Barra inferior fija con botón de importar.',
+    component: XSImportMediaBottomBarComponent,
+    selector: 'xs-import-media-bottom-bar',
+    multilanguage: false,
+    examples: [
+        {
+            name: 'Con selección',
+            description: 'Bottom bar con items seleccionados',
+            inputs: { label: 'Importar (3)', disabled: false },
+        },
+        {
+            name: 'Sin selección',
+            description: 'Bottom bar deshabilitada',
+            inputs: { label: 'Importar (0)', disabled: true },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs.map

package/fesm2022/xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-import-media-bottom-bar.xsstory-7FhVkiVz.mjs","sources":["../../../projects/xs-ui/src/lib/components/import-media/import-media-bottom-bar.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../story.types';\nimport { XSImportMediaBottomBarComponent } from './import-media-bottom-bar.component';\n\nexport const story: StoryMeta = {\n  id: 'import-media-bottom-bar',\n  name: 'Import Media Bottom Bar',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  description: 'Barra inferior fija con botón de importar.',\n  component: XSImportMediaBottomBarComponent,\n  selector: 'xs-import-media-bottom-bar',\n  multilanguage: false,\n  examples: [\n    {\n      name: 'Con selección',\n      description: 'Bottom bar con items seleccionados',\n      inputs: { label: 'Importar (3)', disabled: false },\n    },\n    {\n      name: 'Sin selección',\n      description: 'Bottom bar deshabilitada',\n      inputs: { label: 'Importar (0)', disabled: true },\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,IAAI,EAAE,yBAAyB;AAC/B,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,EAAE,4CAA4C;AACzD,IAAA,SAAS,EAAE,+BAA+B;AAC1C,IAAA,QAAQ,EAAE,4BAA4B;AACtC,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,oCAAoC;YACjD,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE;AACnD,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,WAAW,EAAE,0BAA0B;YACvC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE;AAClD,SAAA;AACF,KAAA;;;;;"}

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

@@ -0,0 +1,61 @@
+import { XSImportMediaCardComponent } from './xsmusices-ui.mjs';
+
+const sampleItem = {
+    _id: '1',
+    name: 'Sample Track Title - Extended Mix',
+    thumbnail: 'https://i.ytimg.com/vi/sample/hqdefault.jpg',
+    typeLabel: 'Track',
+    yearLabel: '2024',
+    durationLabel: '6:30',
+    statusLabel: 'pending',
+    info: 'Original mix from the upcoming album',
+    raw: {
+        type: 'track',
+        info: 'Original mix from the upcoming album',
+    },
+};
+const importedItem = {
+    _id: '67a1b2c3d4e5f67890123456',
+    name: 'Already Imported Track',
+    typeLabel: 'Set',
+    yearLabel: '2023',
+    durationLabel: '—',
+    statusLabel: 'active',
+};
+const story = {
+    id: 'import-media-card',
+    name: 'Import Media Card',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    description: 'Card presentacional para items de importación multimedia.',
+    component: XSImportMediaCardComponent,
+    selector: 'xs-import-media-card',
+    multilanguage: false,
+    examples: [
+        {
+            name: 'Pendiente',
+            description: 'Item pendiente de importar. Al desplegar se muestran todos los campos editables (nombre, tipo, año, artista, organización, info).',
+            inputs: {
+                item: sampleItem,
+                selected: false,
+                artistName: 'Artist Name',
+                inlineEdit: true,
+                expanded: true,
+            },
+        },
+        {
+            name: 'Importado',
+            description: 'Item ya importado. Al desplegar se muestra un resumen de la información del item tal como se vería en admin/app.',
+            inputs: {
+                item: importedItem,
+                importedLabel: 'Importado el 15/03/2024',
+                expanded: true,
+            },
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-import-media-card.xsstory-vhn8r2YJ.mjs.map