@xsmusices/ui 1.41.0 → 1.42.0

package/fesm2022/xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs

@@ -0,0 +1,35 @@
+import { XSChatTextareaComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'chat-textarea',
+    name: 'Chat Textarea',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-05-30T20:00:00.000Z',
+    created: '2026-05-30T20:00:00.000Z',
+    description: 'Area de texto con emoji picker, rate limiting y validacion.',
+    component: XSChatTextareaComponent,
+    selector: 'xs-chat-textarea',
+    inputs: [
+        {
+            key: 'placeholder',
+            label: 'Placeholder',
+            type: 'text',
+            default: 'Escribe un mensaje...',
+        },
+        {
+            key: 'disabled',
+            label: 'Deshabilitado',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [{ name: 'Default', inputs: {} }],
+    multilanguage: false,
+    notes: [],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs.map

package/fesm2022/xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-chat-textarea.xsstory-NG2p0Tdw.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/chat/textarea/xs-chat-textarea.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../../story.types';\nimport { XSChatTextareaComponent } from './xs-chat-textarea.component';\n\nexport const story: StoryMeta = {\n  id: 'chat-textarea',\n  name: 'Chat Textarea',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-05-30T20:00:00.000Z',\n  created: '2026-05-30T20:00:00.000Z',\n  description:\n    'Area de texto con emoji picker, rate limiting y validacion.',\n  component: XSChatTextareaComponent,\n  selector: 'xs-chat-textarea',\n  inputs: [\n    {\n      key: 'placeholder',\n      label: 'Placeholder',\n      type: 'text',\n      default: 'Escribe un mensaje...',\n    },\n    {\n      key: 'disabled',\n      label: 'Deshabilitado',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [{ name: 'Default', inputs: {} }],\n  multilanguage: false,\n  notes: [],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,6DAA6D;AAC/D,IAAA,SAAS,EAAE,uBAAuB;AAClC,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,uBAAuB;AACjC,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,UAAU;AACf,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;IACD,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAC3C,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE,EAAE;;;;;"}

package/fesm2022/xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { signal, Component } from '@angular/core';
+import { XSCustomizeProfileComponent } from './xsmusices-ui.mjs';
+
+const defaultBlocks = [
+    { id: 'info', label: 'Información', enabled: true },
+    { id: 'map', label: 'Mapa', enabled: true },
+    {
+        id: 'eventsFuture',
+        label: 'Próximos eventos',
+        enabled: true,
+    },
+    { id: 'media', label: 'Música', enabled: true },
+    { id: 'tops', label: 'Rankings', enabled: true },
+    {
+        id: 'artists',
+        label: 'Artistas relacionados',
+        enabled: true,
+    },
+    {
+        id: 'organizations',
+        label: 'Organizaciones',
+        enabled: true,
+    },
+    { id: 'comments', label: 'Comentarios', enabled: true },
+    {
+        id: 'claim',
+        label: 'Reclamar perfil',
+        enabled: true,
+        changeOnlyAdmin: true,
+        show: false,
+    },
+];
+class CustomizeDemoComponent {
+    blocks = signal(defaultBlocks, ...(ngDevMode ? [{ debugName: "blocks" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CustomizeDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CustomizeDemoComponent, isStandalone: true, selector: "xs-customize-profile-demo", ngImport: i0, template: `
+    <div class="max-w-lg mx-auto">
+      <p class="text-sm text-zinc-400 mb-4">
+        Arrastra los bloques para ordenarlos. Usa el toggle para
+        mostrar u ocultar cada sección.
+      </p>
+      <xs-customize-profile
+        [components]="blocks()"
+        (componentsChange)="blocks.set($event)"
+      >
+      </xs-customize-profile>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: XSCustomizeProfileComponent, selector: "xs-customize-profile", inputs: ["components"], outputs: ["componentsChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CustomizeDemoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'xs-customize-profile-demo',
+                    standalone: true,
+                    imports: [XSCustomizeProfileComponent],
+                    template: `
+    <div class="max-w-lg mx-auto">
+      <p class="text-sm text-zinc-400 mb-4">
+        Arrastra los bloques para ordenarlos. Usa el toggle para
+        mostrar u ocultar cada sección.
+      </p>
+      <xs-customize-profile
+        [components]="blocks()"
+        (componentsChange)="blocks.set($event)"
+      >
+      </xs-customize-profile>
+    </div>
+  `,
+                }]
+        }] });
+const story = {
+    id: 'customize-profile',
+    name: 'Customize Profile',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    description: 'Lista de bloques del perfil con drag & drop para ordenar y toggle para mostrar/ocultar.',
+    component: CustomizeDemoComponent,
+    selector: 'xs-customize-profile-demo',
+    inputs: [],
+    examples: [],
+    usage: ['profile', 'customization'],
+    multilanguage: true,
+    notes: [
+        {
+            text: 'Los bloques con changeOnlyAdmin=true y show=false se omiten del editor.',
+            type: 'info',
+        },
+        {
+            text: 'La columna izquierda/derecha en desktop se asigna automáticamente según el tipo de bloque.',
+            type: 'info',
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs.map

package/fesm2022/xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-customize-profile.xsstory-Ba7wmXF7.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/customize-profile/xs-customize-profile.xsstory.ts"],"sourcesContent":["import { Component, signal } from '@angular/core';\nimport { StoryMeta } from '../../../story.types';\nimport {\n  XSCustomizeProfileComponent,\n  XSCustomizeBlock,\n} from './xs-customize-profile.component';\n\nconst defaultBlocks: XSCustomizeBlock[] = [\n  { id: 'info', label: 'Información', enabled: true },\n  { id: 'map', label: 'Mapa', enabled: true },\n  {\n    id: 'eventsFuture',\n    label: 'Próximos eventos',\n    enabled: true,\n  },\n  { id: 'media', label: 'Música', enabled: true },\n  { id: 'tops', label: 'Rankings', enabled: true },\n  {\n    id: 'artists',\n    label: 'Artistas relacionados',\n    enabled: true,\n  },\n  {\n    id: 'organizations',\n    label: 'Organizaciones',\n    enabled: true,\n  },\n  { id: 'comments', label: 'Comentarios', enabled: true },\n  {\n    id: 'claim',\n    label: 'Reclamar perfil',\n    enabled: true,\n    changeOnlyAdmin: true,\n    show: false,\n  },\n];\n\n@Component({\n  selector: 'xs-customize-profile-demo',\n  standalone: true,\n  imports: [XSCustomizeProfileComponent],\n  template: `\n    <div class=\"max-w-lg mx-auto\">\n      <p class=\"text-sm text-zinc-400 mb-4\">\n        Arrastra los bloques para ordenarlos. Usa el toggle para\n        mostrar u ocultar cada sección.\n      </p>\n      <xs-customize-profile\n        [components]=\"blocks()\"\n        (componentsChange)=\"blocks.set($event)\"\n      >\n      </xs-customize-profile>\n    </div>\n  `,\n})\nclass CustomizeDemoComponent {\n  blocks = signal<XSCustomizeBlock[]>(defaultBlocks);\n}\n\nexport const story: StoryMeta = {\n  id: 'customize-profile',\n  name: 'Customize Profile',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  description:\n    'Lista de bloques del perfil con drag & drop para ordenar y toggle para mostrar/ocultar.',\n  component: CustomizeDemoComponent,\n  selector: 'xs-customize-profile-demo',\n  inputs: [],\n  examples: [],\n  usage: ['profile', 'customization'],\n  multilanguage: true,\n  notes: [\n    {\n      text: 'Los bloques con changeOnlyAdmin=true y show=false se omiten del editor.',\n      type: 'info',\n    },\n    {\n      text: 'La columna izquierda/derecha en desktop se asigna automáticamente según el tipo de bloque.',\n      type: 'info',\n    },\n  ],\n};\n"],"names":[],"mappings":"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"}

package/fesm2022/xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs

@@ -0,0 +1,67 @@
+import { XSDateMiniComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-mini',
+    name: 'Date Mini',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: [],
+    updated: '2026-01-17T15:00:00.000Z',
+    created: '2026-01-17T14:14:34.581Z',
+    description: 'Componente compacto para mostrar fechas con formato visual atractivo. Muestra día y mes en un diseño de tarjeta mini.',
+    component: XSDateMiniComponent,
+    selector: 'xs-date-mini',
+    inputs: [
+        {
+            key: 'date',
+            label: 'Fecha',
+            type: 'text',
+            default: '',
+        },
+        {
+            key: 'color',
+            label: 'Color del encabezado',
+            type: 'select',
+            options: ['red', 'blue', 'orange'],
+            default: 'blue',
+        },
+        {
+            key: 'hour',
+            label: 'Mostrar hora',
+            type: 'boolean',
+            default: false,
+        },
+    ],
+    examples: [
+        {
+            name: 'Fecha Básica - 16 Ene',
+            description: 'Muestra solo día y mes',
+            inputs: {
+                date: '2026-01-16T10:30:00',
+            },
+        },
+        {
+            name: 'Con Hora - 20 Feb',
+            description: 'Muestra día, mes y hora',
+            inputs: {
+                date: '2026-02-20T14:45:00',
+                hour: true,
+            },
+        },
+        {
+            name: 'Colores Variados',
+            description: 'Diferentes colores disponibles',
+            template: `
+        <div class="flex gap-4">
+          <xs-date-mini [date]="'2026-03-10'" [color]="'red'"></xs-date-mini>
+          <xs-date-mini [date]="'2026-04-15'" [color]="'blue'"></xs-date-mini>
+          <xs-date-mini [date]="'2026-05-22'" [color]="'orange'"></xs-date-mini>
+        </div>
+      `,
+        },
+    ],
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs.map

package/fesm2022/xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-date-mini.xsstory-DXog7Yhg.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/date-mini/xs-date-mini.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSDateMiniComponent } from './xs-date-mini.component';\n\nexport const story: StoryMeta = {\n  id: 'date-mini',\n  name: 'Date Mini',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: [],\n  updated: '2026-01-17T15:00:00.000Z',\n  created: '2026-01-17T14:14:34.581Z',\n  description:\n    'Componente compacto para mostrar fechas con formato visual atractivo. Muestra día y mes en un diseño de tarjeta mini.',\n  component: XSDateMiniComponent,\n  selector: 'xs-date-mini',\n  inputs: [\n    {\n      key: 'date',\n      label: 'Fecha',\n      type: 'text',\n      default: '',\n    },\n    {\n      key: 'color',\n      label: 'Color del encabezado',\n      type: 'select',\n      options: ['red', 'blue', 'orange'],\n      default: 'blue',\n    },\n    {\n      key: 'hour',\n      label: 'Mostrar hora',\n      type: 'boolean',\n      default: false,\n    },\n  ],\n  examples: [\n    {\n      name: 'Fecha Básica - 16 Ene',\n      description: 'Muestra solo día y mes',\n      inputs: {\n        date: '2026-01-16T10:30:00',\n      },\n    },\n    {\n      name: 'Con Hora - 20 Feb',\n      description: 'Muestra día, mes y hora',\n      inputs: {\n        date: '2026-02-20T14:45:00',\n        hour: true,\n      },\n    },\n    {\n      name: 'Colores Variados',\n      description: 'Diferentes colores disponibles',\n      template: `\n        <div class=\"flex gap-4\">\n          <xs-date-mini [date]=\"'2026-03-10'\" [color]=\"'red'\"></xs-date-mini>\n          <xs-date-mini [date]=\"'2026-04-15'\" [color]=\"'blue'\"></xs-date-mini>\n          <xs-date-mini [date]=\"'2026-05-22'\" [color]=\"'orange'\"></xs-date-mini>\n        </div>\n      `,\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,uHAAuH;AACzH,IAAA,SAAS,EAAE,mBAAmB;AAC9B,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,EAAE;AACZ,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,KAAK,EAAE,sBAAsB;AAC7B,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC;AAClC,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA;AACE,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,uBAAuB;AAC7B,YAAA,WAAW,EAAE,wBAAwB;AACrC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,qBAAqB;AAC5B,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,mBAAmB;AACzB,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,qBAAqB;AAC3B,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,WAAW,EAAE,gCAAgC;AAC7C,YAAA,QAAQ,EAAE;;;;;;AAMT,MAAA,CAAA;AACF,SAAA;AACF,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs

@@ -0,0 +1,25 @@
+import { XSDateRangePickerComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'date-range-picker',
+    name: 'Date Range Picker',
+    type: 'component',
+    subtype: 'UI',
+    status: 'active',
+    usage: ['admin', 'app'],
+    updated: '2026-06-05T12:00:00.000Z',
+    created: '2025-07-29T15:06:52.383Z',
+    description: 'Selector de rango de fechas con calendario, presets y soporte multi-idioma.',
+    component: XSDateRangePickerComponent,
+    selector: 'xs-date-range-picker',
+    multilanguage: true,
+    coverage: {
+        statements: 0,
+        branches: 0,
+        functions: 0,
+        lines: 0,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs.map

package/fesm2022/xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-date-range-picker.xsstory-Bmk2wv1s.mjs","sources":["../../../projects/xs-ui/src/lib/components/ui/date-range-picker/xs-date-range-picker.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSDateRangePickerComponent } from './xs-date-range-picker.component';\n\nexport const story: StoryMeta = {\n  id: 'date-range-picker',\n  name: 'Date Range Picker',\n  type: 'component',\n  subtype: 'UI',\n  status: 'active',\n  usage: ['admin', 'app'],\n  updated: '2026-06-05T12:00:00.000Z',\n  created: '2025-07-29T15:06:52.383Z',\n  description:\n    'Selector de rango de fechas con calendario, presets y soporte multi-idioma.',\n  component: XSDateRangePickerComponent,\n  selector: 'xs-date-range-picker',\n  multilanguage: true,\n  coverage: {\n    statements: 0,\n    branches: 0,\n    functions: 0,\n    lines: 0,\n  },\n};\n"],"names":[],"mappings":";;AAGO,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,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,WAAW,EACT,6EAA6E;AAC/E,IAAA,SAAS,EAAE,0BAA0B;AACrC,IAAA,QAAQ,EAAE,sBAAsB;AAChC,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs

@@ -0,0 +1,70 @@
+import { XSEmptyStateComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'empty-state',
+    name: 'Empty State',
+    type: 'component',
+    subtype: 'Base',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    updated: '2026-01-04T12:05:42.050Z',
+    created: '2026-01-01T12:12:55.701Z',
+    description: 'Componente Empty State que muestra un estado vacío con icono, título, descripción y botones configurables.',
+    component: XSEmptyStateComponent,
+    selector: 'xs-empty-state',
+    inputs: [
+        {
+            key: 'config',
+            label: 'Configuración',
+            type: 'json',
+            default: {
+                title: 'No hay elementos',
+                description: 'Aún no has añadido ningún elemento.',
+                buttons: [],
+            },
+        },
+    ],
+    examples: [
+        {
+            name: 'Empty State Básico',
+            description: 'Empty state con título y descripción básica',
+            inputs: {
+                config: {
+                    title: 'No hay elementos',
+                    description: 'Aún no has añadido ningún elemento a tu lista.',
+                },
+            },
+        },
+        {
+            name: 'Empty State con Botones',
+            description: 'Empty state con múltiples botones',
+            inputs: {
+                config: {
+                    title: 'No hay proyectos',
+                    description: 'Crea tu primer proyecto para empezar.',
+                    buttons: [
+                        {
+                            label: 'Crear Proyecto',
+                            variant: 'primary',
+                        },
+                        {
+                            label: 'Ver Tutorial',
+                            variant: 'outline',
+                        },
+                    ],
+                },
+            },
+        },
+    ],
+    multilanguage: false,
+    notes: [],
+    coverage: {
+        statements: 70,
+        branches: 64,
+        functions: 75,
+        lines: 71,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs.map

package/fesm2022/xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xsmusices-ui-xs-empty-state.xsstory-CCOJ4b9_.mjs","sources":["../../../projects/xs-ui/src/lib/components/base/empty-state/xs-empty-state.xsstory.ts"],"sourcesContent":["import { StoryMeta } from '../../../story.types';\nimport { XSEmptyStateComponent } from './xs-empty-state.component';\n\nexport const story: StoryMeta = {\n  id: 'empty-state',\n  name: 'Empty State',\n  type: 'component',\n  subtype: 'Base',\n  status: 'active',\n  usage: ['admin', 'app', 'monitor'],\n  updated: '2026-01-04T12:05:42.050Z',\n  created: '2026-01-01T12:12:55.701Z',\n  description:\n    'Componente Empty State que muestra un estado vacío con icono, título, descripción y botones configurables.',\n  component: XSEmptyStateComponent,\n  selector: 'xs-empty-state',\n  inputs: [\n    {\n      key: 'config',\n      label: 'Configuración',\n      type: 'json',\n      default: {\n        title: 'No hay elementos',\n        description: 'Aún no has añadido ningún elemento.',\n        buttons: [],\n      },\n    },\n  ],\n  examples: [\n    {\n      name: 'Empty State Básico',\n      description: 'Empty state con título y descripción básica',\n      inputs: {\n        config: {\n          title: 'No hay elementos',\n          description:\n            'Aún no has añadido ningún elemento a tu lista.',\n        },\n      },\n    },\n    {\n      name: 'Empty State con Botones',\n      description: 'Empty state con múltiples botones',\n      inputs: {\n        config: {\n          title: 'No hay proyectos',\n          description: 'Crea tu primer proyecto para empezar.',\n          buttons: [\n            {\n              label: 'Crear Proyecto',\n              variant: 'primary',\n            },\n            {\n              label: 'Ver Tutorial',\n              variant: 'outline',\n            },\n          ],\n        },\n      },\n    },\n  ],\n  multilanguage: false,\n  notes: [],\n  coverage: {\n    statements: 70,\n    branches: 64,\n    functions: 75,\n    lines: 71,\n  },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAc;AAC9B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,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,4GAA4G;AAC9G,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,QAAQ,EAAE,gBAAgB;AAC1B,IAAA,MAAM,EAAE;AACN,QAAA;AACE,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE;AACP,gBAAA,KAAK,EAAE,kBAAkB;AACzB,gBAAA,WAAW,EAAE,qCAAqC;AAClD,gBAAA,OAAO,EAAE,EAAE;AACZ,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA;AACE,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,WAAW,EAAE,6CAA6C;AAC1D,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE;AACN,oBAAA,KAAK,EAAE,kBAAkB;AACzB,oBAAA,WAAW,EACT,gDAAgD;AACnD,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,yBAAyB;AAC/B,YAAA,WAAW,EAAE,mCAAmC;AAChD,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE;AACN,oBAAA,KAAK,EAAE,kBAAkB;AACzB,oBAAA,WAAW,EAAE,uCAAuC;AACpD,oBAAA,OAAO,EAAE;AACP,wBAAA;AACE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,OAAO,EAAE,SAAS;AACnB,yBAAA;AACD,wBAAA;AACE,4BAAA,KAAK,EAAE,cAAc;AACrB,4BAAA,OAAO,EAAE,SAAS;AACnB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,KAAK,EAAE,EAAE;AACV,KAAA;;;;;"}

package/fesm2022/xsmusices-ui-xs-filter-panel.xsstory-DbvxGppo.mjs

@@ -0,0 +1,287 @@
+import { XSFilterPanelComponent } from './xsmusices-ui.mjs';
+
+const story = {
+    id: 'filter-panel',
+    name: 'Filter Panel',
+    type: 'component',
+    subtype: 'Base',
+    status: 'active',
+    usage: ['admin', 'app', 'monitor'],
+    multilanguage: true,
+    updated: '2026-04-11T12:00:00.000Z',
+    created: '2026-04-03T10:00:00.000Z',
+    description: 'Panel de filtros avanzado que emerge desde la parte inferior. Soporta múltiples tipos de filtros: selección única, selección múltiple, booleanos, rangos numéricos, rangos de fechas y búsqueda selectiva. Permite organizar filtros por grupos (acordeones) con selección única y buscador contextual interno para cada grupo. Incluye lógica de "Hecho" para cerrar y "Limpiar" para resetear selecciones específicas. Optimizado para dispositivos móviles con scroll independiente y cabeceras sticky.',
+    component: XSFilterPanelComponent,
+    selector: 'xs-filter-panel',
+    inputs: [
+        {
+            key: 'demoItems',
+            label: 'Demo Items',
+            type: 'json',
+            default: [],
+        },
+    ],
+    examples: [
+        {
+            name: 'Filtros de Clasificación',
+            description: 'Ejemplo clásico de filtros para una aplicación de catálogo o marketplace.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'country',
+                        title: 'Ubicación',
+                        selectedId: 'es',
+                        options: [
+                            { id: 'es', label: 'España' },
+                            { id: 'fr', label: 'Francia' },
+                            { id: 'it', label: 'Italia' },
+                            { id: 'pt', label: 'Portugal' },
+                            { id: 'de', label: 'Alemania' },
+                            { id: 'uk', label: 'Reino Unido' },
+                        ],
+                    },
+                    {
+                        id: 'category',
+                        title: 'Estilo Artístico',
+                        options: [
+                            { id: 'modern', label: 'Moderno' },
+                            { id: 'classic', label: 'Clásico' },
+                            { id: 'minimalist', label: 'Minimalista' },
+                            { id: 'industrial', label: 'Industrial' },
+                            { id: 'vintage', label: 'Vintage' },
+                        ],
+                    },
+                    {
+                        id: 'price-range',
+                        title: 'Rango de Precio',
+                        options: [
+                            { id: 'low', label: 'Económico' },
+                            { id: 'mid', label: 'Intermedio' },
+                            { id: 'high', label: 'Premium' },
+                            { id: 'luxury', label: 'Lujo' },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Preferencias de Usuario',
+            description: 'Uso del panel para configurar preferencias rápidas de la interfaz.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'language',
+                        title: 'Idioma de la interfaz',
+                        selectedId: 'es-ES',
+                        options: [
+                            { id: 'es-ES', label: 'Español (España)' },
+                            { id: 'en-US', label: 'English (US)' },
+                            { id: 'fr-FR', label: 'Français' },
+                            { id: 'de-DE', label: 'Deutsch' },
+                            { id: 'jp-JP', label: '日本語' },
+                        ],
+                    },
+                    {
+                        id: 'theme',
+                        title: 'Tema Visual',
+                        selectedId: 'dark',
+                        options: [
+                            { id: 'light', label: 'Modo Claro' },
+                            { id: 'dark', label: 'Modo Oscuro' },
+                            { id: 'system', label: 'Sincronizar con Sistema' },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Rango de Fechas',
+            description: 'Ejemplo de filtro por rango de fechas para eventos o reservas.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'date-range',
+                        title: 'Rango de Fechas',
+                        type: 'dateRange',
+                        dateFrom: '2026-04-01',
+                        dateTo: '2026-04-30',
+                    },
+                    {
+                        id: 'country',
+                        title: 'País',
+                        selectedId: 'es',
+                        options: [
+                            { id: 'es', label: 'España' },
+                            { id: 'mx', label: 'México' },
+                            { id: 'ar', label: 'Argentina' },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Selección Múltiple',
+            description: 'Ejemplo de filtro con selección múltiple para categorías.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'categories',
+                        title: 'Categorías',
+                        type: 'multiSelect',
+                        selectedIds: ['rock', 'pop'],
+                        options: [
+                            { id: 'rock', label: 'Rock' },
+                            { id: 'pop', label: 'Pop' },
+                            { id: 'jazz', label: 'Jazz' },
+                            { id: 'electronic', label: 'Electrónica' },
+                            { id: 'classical', label: 'Clásica' },
+                        ],
+                    },
+                    {
+                        id: 'mood',
+                        title: 'Estado de Ánimo',
+                        type: 'multiSelect',
+                        options: [
+                            { id: 'energetic', label: 'Enérgico' },
+                            { id: 'relaxed', label: 'Relajado' },
+                            { id: 'melancholic', label: 'Melancólico' },
+                            { id: 'happy', label: 'Feliz' },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Filtros Booleanos',
+            description: 'Ejemplo de filtros booleanos para opciones de sí/no.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'featured',
+                        title: 'Destacado',
+                        type: 'boolean',
+                        selectedBoolean: true,
+                    },
+                    {
+                        id: 'available',
+                        title: 'Disponible',
+                        type: 'boolean',
+                        selectedBoolean: false,
+                    },
+                    {
+                        id: 'premium',
+                        title: 'Premium',
+                        type: 'boolean',
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Rango Numérico',
+            description: 'Ejemplo de filtro por rango numérico para precios o calificaciones.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'price-range',
+                        title: 'Rango de Precio',
+                        type: 'range',
+                        minValue: 0,
+                        maxValue: 1000,
+                        selectedMin: 100,
+                        selectedMax: 500,
+                    },
+                    {
+                        id: 'rating',
+                        title: 'Calificación',
+                        type: 'range',
+                        minValue: 1,
+                        maxValue: 5,
+                        selectedMin: 3,
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Búsqueda Selectiva',
+            description: 'Ejemplo de filtro con búsqueda para selección de elementos.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'artist-search',
+                        title: 'Buscar Artista',
+                        type: 'searchSelect',
+                        searchPlaceholder: 'Escribe el nombre del artista...',
+                        selectedSearchValue: 'The Beatles',
+                    },
+                    {
+                        id: 'genre',
+                        title: 'Género',
+                        selectedId: 'rock',
+                        options: [
+                            { id: 'rock', label: 'Rock' },
+                            { id: 'pop', label: 'Pop' },
+                            { id: 'jazz', label: 'Jazz' },
+                        ],
+                    },
+                ],
+            },
+        },
+        {
+            name: 'Filtros Combinados',
+            description: 'Ejemplo que combina diferentes tipos de filtros para una búsqueda avanzada.',
+            inputs: {
+                demoItems: [
+                    {
+                        id: 'categories',
+                        title: 'Categorías',
+                        type: 'multiSelect',
+                        selectedIds: ['rock', 'pop'],
+                        options: [
+                            { id: 'rock', label: 'Rock' },
+                            { id: 'pop', label: 'Pop' },
+                            { id: 'jazz', label: 'Jazz' },
+                            { id: 'electronic', label: 'Electrónica' },
+                        ],
+                    },
+                    {
+                        id: 'price-range',
+                        title: 'Rango de Precio',
+                        type: 'range',
+                        minValue: 0,
+                        maxValue: 500,
+                        selectedMin: 50,
+                        selectedMax: 200,
+                    },
+                    {
+                        id: 'featured',
+                        title: 'Solo Destacados',
+                        type: 'boolean',
+                        selectedBoolean: true,
+                    },
+                    {
+                        id: 'date-range',
+                        title: 'Fecha de Evento',
+                        type: 'dateRange',
+                        dateFrom: '2026-05-01',
+                        dateTo: '2026-05-31',
+                    },
+                    {
+                        id: 'venue-search',
+                        title: 'Buscar Venue',
+                        type: 'searchSelect',
+                        searchPlaceholder: 'Nombre del lugar...',
+                    },
+                ],
+            },
+        },
+    ],
+    coverage: {
+        statements: 92,
+        branches: 85,
+        functions: 90,
+        lines: 92,
+    },
+};
+
+export { story };
+//# sourceMappingURL=xsmusices-ui-xs-filter-panel.xsstory-DbvxGppo.mjs.map