@xsmusices/ui 1.44.6 → 1.44.8

package/index.d.ts

@@ -121,7 +121,7 @@ interface XSItemData {
 
 declare class XSItemActionComponent {
     item: _angular_core.InputSignal<XSItemData>;
-    size: _angular_core.InputSignal<"profile" | "small" | "normal">;
+    size: _angular_core.InputSignal<"small" | "normal" | "profile">;
     isLink: _angular_core.InputSignal<boolean>;
     showBorder: _angular_core.InputSignal<boolean>;
     rounded: _angular_core.InputSignal<boolean>;
@@ -1154,6 +1154,14 @@ type ExternalTranslateService = {
 declare class XSFilterPanelComponent implements OnInit {
     scrollContainer: _angular_core.Signal<ElementRef<any> | undefined>;
     show: _angular_core.ModelSignal<boolean>;
+    /**
+     * Modo embebido (Fase 1 App): el panel se presenta como contenido dentro
+     * de un XSModal y NO pinta su propio overlay, hoja, cabecera ni gestiona
+     * Escape/foco (lo hace el modal anfitrión). La lógica de grupos, tipos de
+     * filtro y eventos se conserva intacta. Por defecto false: comportamiento
+     * histórico sin cambios.
+     */
+    embedded: _angular_core.InputSignal<boolean>;
     externalTranslateService: _angular_core.InputSignal<ExternalTranslateService | undefined>;
     _demoItems: _angular_core.WritableSignal<XSFilterGroup[]>;
     _data: _angular_core.WritableSignal<XSFilterGroup[]>;
@@ -1209,7 +1217,7 @@ declare class XSFilterPanelComponent implements OnInit {
     handleClose(): void;
     handleApply(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSFilterPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSFilterPanelComponent, "xs-filter-panel", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "externalTranslateService": { "alias": "externalTranslateService"; "required": false; "isSignal": true; }; "demoItems": { "alias": "demoItems"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "activeFiltersCount": { "alias": "activeFiltersCount"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "panelClose": "panelClose"; "applied": "applied"; "filterChange": "filterChange"; "clear": "clear"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSFilterPanelComponent, "xs-filter-panel", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "externalTranslateService": { "alias": "externalTranslateService"; "required": false; "isSignal": true; }; "demoItems": { "alias": "demoItems"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "activeFiltersCount": { "alias": "activeFiltersCount"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "panelClose": "panelClose"; "applied": "applied"; "filterChange": "filterChange"; "clear": "clear"; }, never, never, true, never>;
 }
 
 declare class XSSectionTitleComponent {
@@ -2041,7 +2049,7 @@ declare class XSButtonGroupService {
 declare class XSIconComponent {
     private library;
     icon: _angular_core.InputSignal<string | string[] | [IconPrefix, IconName] | _fortawesome_fontawesome_common_types.IconLookup>;
-    size: _angular_core.InputSignal<"sm" | "lg" | "normal" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    size: _angular_core.InputSignal<"sm" | "normal" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
     class: _angular_core.InputSignal<string>;
     resolvedIcon: _angular_core.Signal<IconProp | IconDefinition>;
     isValidIcon: _angular_core.Signal<boolean>;
@@ -2302,9 +2310,9 @@ declare class XSImageComponent {
     alt: _angular_core.InputSignal<string | undefined>;
     width: _angular_core.InputSignal<string | number | undefined>;
     height: _angular_core.InputSignal<string | number | undefined>;
-    size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "full" | undefined>;
-    rounded: _angular_core.InputSignal<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "3xl" | undefined>;
-    objectFit: _angular_core.InputSignal<"fill" | "none" | "cover" | "contain" | "scale-down" | undefined>;
+    size: _angular_core.InputSignal<"md" | "sm" | "xs" | "lg" | "xl" | "2xl" | "full" | undefined>;
+    rounded: _angular_core.InputSignal<"md" | "sm" | "lg" | "xl" | "2xl" | "full" | "none" | "3xl" | undefined>;
+    objectFit: _angular_core.InputSignal<"cover" | "fill" | "none" | "contain" | "scale-down" | undefined>;
     clickable: _angular_core.InputSignal<boolean | undefined>;
     item: _angular_core.InputSignal<XSImageItem | null | undefined>;
     typeItem: _angular_core.InputSignal<string | undefined>;
@@ -3199,9 +3207,9 @@ declare class XSListComponent {
     label: _angular_core.InputSignal<string | undefined>;
     loadingAll: _angular_core.InputSignal<boolean>;
     initialLoading: _angular_core.InputSignal<boolean>;
-    columns: _angular_core.InputSignal<3 | 1 | 2>;
+    columns: _angular_core.InputSignal<1 | 2 | 3>;
     isLink: _angular_core.InputSignal<boolean>;
-    size: _angular_core.InputSignal<"profile" | "small" | "normal">;
+    size: _angular_core.InputSignal<"small" | "normal" | "profile">;
     hasScroll: _angular_core.InputSignal<boolean | "lg" | "xl" | "mobile">;
     class: _angular_core.InputSignal<string | undefined>;
     rounded: _angular_core.InputSignal<boolean>;
@@ -3554,8 +3562,16 @@ declare class XSBodyOverflowService {
     private platformId;
     private documentService;
     private count;
+    private locked;
     constructor(platformId: Object, documentService: XSDocumentService);
-    lock(): void;
+    /**
+     * Bloquea el scroll. Sin selector bloquea body (histórico).
+     * Con selector CSS bloquea ese elemento ADEMÁS de body, restaurando
+     * el valor previo exacto al desbloquear. Si el selector no existe,
+     * solo se bloquea body. Contador para aperturas repetidas.
+     */
+    lock(selector?: string): void;
+    private lockEl;
     unlock(): void;
     reset(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSBodyOverflowService, never>;
@@ -3588,6 +3604,30 @@ interface XSModalOptions {
      */
     hasOverflow?: boolean;
     closeOnBackdropClick?: boolean;
+    /**
+     * Selector CSS del contenedor de scroll a bloquear (p. ej. '#main-content'
+     * en la App, cuyo scroll vive en ese elemento y no en body).
+     * Por defecto se bloquea body (comportamiento histórico, Admin).
+     * No acopla la librería a ningún selector: es solo una cadena opcional.
+     */
+    scrollLockSelector?: string;
+    /**
+     * Muestra una X de cierre en la cabecera. Por defecto false para no
+     * alterar los modales actuales de Admin.
+     */
+    showCloseButton?: boolean;
+    /** Etiqueta accesible de la X de cierre. Por defecto MODAL.CLOSE. */
+    closeLabel?: string;
+    /**
+     * Padding del contenedor del panel. 'default' mantiene p-4,
+     * 'none' lo elimina para layouts propios. Por defecto 'default'.
+     */
+    contentPadding?: 'default' | 'none';
+    /**
+     * Ancho del side-panel. 'xl' reproduce el comportamiento histórico
+     * (sm:max-w-xl lg:max-w-2xl). Por defecto 'xl'.
+     */
+    panelSize?: 'sm' | 'md' | 'lg' | 'xl';
 }
 interface XSModalClaim {
     type?: XSModalType;
@@ -4996,7 +5036,7 @@ declare class XSSendScraperComponent implements OnInit {
     protected stepLabels: _angular_core.Signal<string[]>;
     protected showSourceSelection: _angular_core.Signal<boolean>;
     protected canSearch: _angular_core.Signal<boolean>;
-    protected primaryVariant: _angular_core.Signal<"soundcloud" | "youtube">;
+    protected primaryVariant: _angular_core.Signal<"youtube" | "soundcloud">;
     protected activeFormFields: _angular_core.Signal<FormlyFieldConfig<_ngx_formly_core.FormlyFieldProps & {
         [additionalProperties: string]: any;
     }>[]>;
@@ -5128,6 +5168,7 @@ declare class XSModalComponent {
     private injector;
     private dynamicContentPlaceholder;
     private destroyRef;
+    private hostRef;
     private translateService;
     private langVersion;
     private readonly platformId;
@@ -5144,13 +5185,19 @@ declare class XSModalComponent {
     buttons: _angular_core.WritableSignal<XSButtonI[]>;
     hasOverflow: boolean;
     closeOnBackdropClick: _angular_core.WritableSignal<boolean>;
+    showCloseButton: _angular_core.WritableSignal<boolean>;
+    closeLabel: _angular_core.WritableSignal<string>;
+    contentPadding: _angular_core.WritableSignal<"default" | "none">;
+    panelSize: _angular_core.WritableSignal<"md" | "sm" | "lg" | "xl">;
     onAction: Subject<unknown>;
     constructor();
     private destroyInjectedComponent;
-    injectComponent(componentType: Type<unknown>, data: unknown, type: XSModalType, title?: string, subTitle?: string, buttons?: XSButtonI[], _hasOverflow?: boolean, _closeOnBackdropClick?: boolean): void;
+    injectComponent(componentType: Type<unknown>, data: unknown, type: XSModalType, title?: string, subTitle?: string, buttons?: XSButtonI[], _hasOverflow?: boolean, _closeOnBackdropClick?: boolean, _showCloseButton?: boolean, _closeLabel?: string, _contentPadding?: 'default' | 'none', _panelSize?: 'sm' | 'md' | 'lg' | 'xl'): void;
     handleButtonAction(action: string): void;
     onTabKey(event: KeyboardEvent): void;
     private getFocusableElements;
+    /** Lleva el foco al panel o a su primer elemento enfocable. */
+    private focusInitial;
     close(result?: unknown): void;
     onBackdropMouseDown(event: Event): void;
     onAnimationEnd(): void;
@@ -5596,7 +5643,7 @@ declare class XSItemTypeComponent {
     itemType: _angular_core.InputSignal<XSGenericItemType>;
     isLink: _angular_core.InputSignal<boolean>;
     showChevron: _angular_core.InputSignal<boolean>;
-    size: _angular_core.InputSignal<"profile" | "small" | "normal">;
+    size: _angular_core.InputSignal<"small" | "normal" | "profile">;
     rounded: _angular_core.InputSignal<boolean>;
     loading: _angular_core.InputSignal<boolean>;
     readonly onClick: _angular_core.OutputEmitterRef<XSItemData>;
@@ -5608,7 +5655,7 @@ declare abstract class XSItemTypeBaseComponent {
     item: _angular_core.InputSignal<XSItemData>;
     isLink: _angular_core.InputSignal<boolean>;
     showChevron: _angular_core.InputSignal<boolean>;
-    size: _angular_core.InputSignal<"profile" | "small" | "normal">;
+    size: _angular_core.InputSignal<"small" | "normal" | "profile">;
     rounded: _angular_core.InputSignal<boolean>;
     loading: _angular_core.InputSignal<boolean>;
     readonly onClick: _angular_core.OutputEmitterRef<XSItemData>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsmusices/ui",
-  "version": "1.44.6",
+  "version": "1.44.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },