@yuuvis/client-framework 3.0.0-beta.21.1 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "3.0.0-beta.21.1",
+  "version": "3.0.0",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
@@ -8,17 +8,17 @@
     "@angular/common": "^21.2.9",
     "@angular/core": "^21.2.9",
     "angular-gridster2": "^21.0.1",
-    "@yuuvis/client-core": "^3.0.0-beta.21.1",
-    "@yuuvis/client-shell-core": "^3.0.0-beta.21.1",
-    "@yuuvis/client-components": "^3.0.0-beta.21.1",
+    "@yuuvis/client-core": "^3.0.0",
+    "@yuuvis/client-shell-core": "^3.0.0",
+    "@yuuvis/client-components": "^3.0.0",
     "ng-dynamic-component": "^10.8.2",
     "modern-normalize": "^3.0.1"
   },
   "dependencies": {
     "@angular/material": "^21.2.7",
     "@ngrx/signals": "^21.1.0",
-    "@yuuvis/material": "3.0.0-beta.21.1",
-    "@yuuvis/media-viewer": "^3.0.0-beta.21.1",
+    "@yuuvis/material": "3.0.0",
+    "@yuuvis/media-viewer": "^3.0.0",
     "angular-split": "^20.0.0",
     "vis-network": "^10.0.2",
     "tslib": "^2.3.0"

package/types/yuuvis-client-framework-actions.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Signal, TemplateRef } from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@ngx-translate/core';
+import { Injector, Signal, TemplateRef } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DmsObject } from '@yuuvis/client-core';
 import { Observable } from 'rxjs';
@@ -12,7 +11,7 @@ import { CdkMenu, CdkMenuItem, CdkContextMenuTrigger } from '@angular/cdk/menu';
  */
 declare class ActionsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionsModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionsModule, never, [typeof i1.TranslateModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ActionsModule>;
 }
 
@@ -58,11 +57,25 @@ interface BaseAction {
      */
     supports: ActionSupport;
     /**
-     * Determining whether or not the action is executable for the given selection
+     * Determining whether or not the action is executable for the given selection.
+     * Controls visibility: when false, the action is hidden from the UI entirely.
      * @param item Current selection
      * @returns true if the action is executable for the current selection, false otherwise
      */
     isExecutable: (items: DmsObject[]) => Observable<boolean>;
+    /**
+     * Optional check whether the action should be disabled for the given selection.
+     * Unlike isExecutable (which controls visibility), isDisabled controls whether
+     * a visible action can be triggered. When absent, the action is never disabled.
+     * @param items Current selection
+     * @returns true if the action should be disabled, false otherwise
+     */
+    isDisabled?: (items: DmsObject[]) => Observable<boolean>;
+    /**
+     * Resolved disabled state for template binding. Set by ActionsService after
+     * evaluating isDisabled(). Do not set manually on action classes.
+     */
+    disabled?: boolean;
 }
 interface ActionSupport {
     types?: string[];
@@ -83,6 +96,12 @@ interface ActionContext {
 }
 interface Action extends BaseAction {
     run: (items: DmsObject[]) => Observable<boolean>;
+    /**
+     * Optional child actions. When present, this action renders as a sub-menu
+     * trigger instead of executing `run`. Nesting can be arbitrarily deep.
+     * An empty array is treated as "no children" (leaf action).
+     */
+    children?: Action[];
 }
 interface ActionOptions {
     context?: ActionContext;
@@ -102,8 +121,8 @@ declare const BASE_ACTION: {
 };
 
 declare class ActionsService {
-    private readonly injector;
-    private dialog;
+    #private;
+    readonly injector: Injector;
     readonly iconRegistry: MatIconRegistry;
     private _registeredActions;
     /**
@@ -111,7 +130,7 @@ declare class ActionsService {
      * @param a Array of actions to register, each action must have an id and a
      * class that extends ActionClass
      */
-    registerActions(a: {
+    registerActions(actions: {
         id: string;
         action: ActionClass;
     }[]): void;
@@ -138,11 +157,18 @@ declare class ActionsService {
     getActionsForType(objectTypeId: string, context?: ActionContext): Action[];
     getActionById(id: string, context?: ActionContext): Action | undefined;
     getActionsById(ids: string[], context?: ActionContext): Action[];
+    /**
+     * Resolves the disabled state for the given actions against the given selection.
+     * Sets the `disabled` property on each action instance.
+     * @param actions Array of actions to resolve
+     * @param selection Array of DmsObjects to check against
+     * @returns Observable emitting the same actions with `disabled` set
+     */
+    resolveDisabledState(actions: Action[], selection: DmsObject[]): Observable<Action[]>;
     openContextMenu(actions: Signal<Action[]>, callback: (action: Action) => void, overlayOrigin: {
         x: number;
         y: number;
     }): void;
-    private _actionsSupportsType;
     /**
      * Registers a set of default actions that are commonly used in the application.
      * These actions include delete, download, copy and cut. This method can be called
@@ -150,6 +176,7 @@ declare class ActionsService {
      * are available for use.
      */
     registerDefaultActions(): void;
+    private _actionsSupportsType;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ActionsService>;
 }
@@ -207,7 +234,7 @@ declare class ContextmenuComponent {
     selection: i0.InputSignal<unknown[]>;
     itemSelect: i0.OutputEmitterRef<ContextMenuItemSelectEvent>;
     private translate;
-    cdkMenu: i0.Signal<CdkMenu | undefined>;
+    cdkMenu: i0.Signal<CdkMenu>;
     menuItems: i0.Signal<readonly (CdkMenuItem | null)[]>;
     sortedActions: i0.Signal<ContextMenuAction[]>;
     constructor();

package/types/yuuvis-client-framework-tile-list.d.ts

@@ -1,12 +1,22 @@
-import { VirtualObjectType, ResolvedObjectConfig, DmsObject, SearchQuery, SearchResultItem, ObjectTypeField, ObjectConfig, ObjectConfigIcon, ObjectConfigProperty, ObjectConfigAction, ObjectConfigBadge } from '@yuuvis/client-core';
-import { ActionContext, Action } from '@yuuvis/client-framework/actions';
-import { ObjectFlavor, TileExtension, TileExtensionComponent, TileExtensionDirectiveInput } from '@yuuvis/client-shell-core';
-import * as _angular_material_menu from '@angular/material/menu';
-import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
 import * as _angular_core from '@angular/core';
 import { OnInit, ElementRef, Signal, TemplateRef, ComponentRef } from '@angular/core';
+import * as _angular_material_menu from '@angular/material/menu';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
+import { Action, ActionContext } from '@yuuvis/client-framework/actions';
+import { VirtualObjectType, ResolvedObjectConfig, DmsObject, SearchQuery, SearchResultItem, ObjectTypeField, ObjectConfigProperty, ObjectConfig, ObjectConfigIcon, ObjectConfigAction, ObjectConfigBadge } from '@yuuvis/client-core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { QueryListComponent } from '@yuuvis/client-framework/query-list';
+import { ObjectFlavor, TileExtensionComponent, TileExtensionDirectiveInput, TileExtension } from '@yuuvis/client-shell-core';
+
+declare class TileActionsMenuComponent {
+    actions: _angular_core.InputSignal<Action[]>;
+    loading: _angular_core.InputSignal<boolean>;
+    itemSelect: _angular_core.OutputEmitterRef<Action>;
+    matMenu: _angular_core.Signal<MatMenu>;
+    itemClicked(event: Event, action: Action): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileActionsMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileActionsMenuComponent, "yuv-tile-actions-menu", never, { "actions": { "alias": "actions"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
+}
 
 type TileData = ResolvedObjectConfig & {
     dmsObject: DmsObject;
@@ -24,15 +34,6 @@ interface TileListHighlight {
     ids: string[];
 }
 
-declare class TileActionsMenuComponent {
-    actions: _angular_core.InputSignal<Action[]>;
-    itemSelect: _angular_core.OutputEmitterRef<Action>;
-    matMenu: _angular_core.Signal<MatMenu>;
-    itemClicked(event: Event, action: Action): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileActionsMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileActionsMenuComponent, "yuv-tile-actions-menu", never, { "actions": { "alias": "actions"; "required": true; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
-}
-
 type InnerTileData = TileData & {
     actions: any;
 };
@@ -660,47 +661,14 @@ declare class TileListComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileListComponent, "yuv-tile-list", never, { "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "flavor": { "alias": "flavor"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "preselect": { "alias": "preselect"; "required": false; "isSignal": true; }; "highlights": { "alias": "highlights"; "required": false; "isSignal": true; }; "preventChangeUntil": { "alias": "preventChangeUntil"; "required": false; "isSignal": true; }; "autoSelect": { "alias": "autoSelect"; "required": false; "isSignal": true; }; "disableCustomContextMenu": { "alias": "disableCustomContextMenu"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; "tileCopy": "tileCopy"; "tileCut": "tileCut"; "busy": "busy"; "queryResult": "queryResult"; "selectionChange": "selectionChange"; "itemDblClick": "itemDblClick"; "ctxMenu": "ctxMenu"; }, ["menuComponent", "emptyContent"], ["yuv-tile-actions-menu, [yuv-tile-actions-menu]", "*"], true, never>;
 }
 
-interface InnerType {
-    id: string;
-    icon?: string;
-    flavor?: boolean;
-    data: ObjectFlavor | VirtualObjectType;
-}
-declare class TileConfigComponent {
-    #private;
-    /**
-     * Tile configurations are stored globally for all apps. If you want a
-     * separate config for your app/component you can specify a bucket. A bucket
-     * is basically an ID where your custom tile config will be stored and
-     * retrieved. Buckets should be unique so be sure to use a unique namespace.
-     */
-    bucket: _angular_core.InputSignal<string | undefined>;
-    bucketLabel: _angular_core.InputSignal<string | undefined>;
-    configTypes: _angular_core.InputSignal<VirtualObjectType[] | undefined>;
-    configFlavors: _angular_core.InputSignal<ObjectFlavor[]>;
-    get configChanged(): boolean;
-    types: Signal<InnerType[]>;
-    save: _angular_core.OutputEmitterRef<void>;
-    canceled: _angular_core.OutputEmitterRef<void>;
-    selectedType?: VirtualObjectType;
-    selectedTypeProperties: ObjectTypeField[];
-    objectConfig?: ObjectConfig;
-    selectedSlot?: string;
-    flavors: ObjectFlavor[];
-    changes: Record<string, ObjectConfig | undefined>;
-    getConfigValue(p: string): ObjectConfigIcon | ObjectConfigProperty | ObjectConfigAction | ObjectConfigBadge | undefined;
-    getConfigProperty(p: string): ObjectConfigProperty | undefined;
-    getSelectedActions(): string[];
-    slotSelect(item: string): void;
-    typeSelected(type: InnerType): void;
-    iconSelected(icon: string | null): void;
-    propertySelected(tileSlot: string, field?: Partial<ObjectTypeField>): void;
-    actionSelected(action: Action): void;
-    saveConfig(): void;
-    resetConfig(): void;
-    cancelConfig(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileConfigComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileConfigComponent, "yuv-tile-config", never, { "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "bucketLabel": { "alias": "bucketLabel"; "required": false; "isSignal": true; }; "configTypes": { "alias": "configTypes"; "required": false; "isSignal": true; }; "configFlavors": { "alias": "configFlavors"; "required": false; "isSignal": true; }; }, { "save": "save"; "canceled": "canceled"; }, never, never, true, never>;
+declare class ActionSelectComponent {
+    private actionService;
+    objectType: _angular_core.InputSignal<VirtualObjectType>;
+    actions: Signal<Action[]>;
+    selectedActionIds: _angular_core.InputSignal<string[]>;
+    actionSelect: _angular_core.OutputEmitterRef<Action>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionSelectComponent, "yuv-tile-action-select", never, { "objectType": { "alias": "objectType"; "required": true; "isSignal": true; }; "selectedActionIds": { "alias": "selectedActionIds"; "required": false; "isSignal": true; }; }, { "actionSelect": "actionSelect"; }, never, never, true, never>;
 }
 
 type TypeProperty = {
@@ -742,29 +710,47 @@ declare class TileConfigTriggerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileConfigTriggerComponent, "yuv-tile-config-trigger", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "bucketLabel": { "alias": "bucketLabel"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ActionSelectComponent {
-    private actionService;
-    objectType: _angular_core.InputSignal<VirtualObjectType>;
-    actions: Signal<Action[]>;
-    selectedActionIds: _angular_core.InputSignal<string[]>;
-    actionSelect: _angular_core.OutputEmitterRef<Action>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionSelectComponent, "yuv-tile-action-select", never, { "objectType": { "alias": "objectType"; "required": true; "isSignal": true; }; "selectedActionIds": { "alias": "selectedActionIds"; "required": false; "isSignal": true; }; }, { "actionSelect": "actionSelect"; }, never, never, true, never>;
+interface InnerType {
+    id: string;
+    icon?: string;
+    flavor?: boolean;
+    data: ObjectFlavor | VirtualObjectType;
 }
-
-declare class TileExtensionService {
-    private _extensions;
-    constructor();
-    registerTileExtension(ext: TileExtension): void;
-    hasTileExtension(objectTypeId: string): boolean;
+declare class TileConfigComponent {
+    #private;
     /**
-     * Get tile extensions for a certain type
-     * @param typeId ID of the type to fetch extesion for (objectTypeID or secondaryObjectTypeID)
-     * @returns
+     * Tile configurations are stored globally for all apps. If you want a
+     * separate config for your app/component you can specify a bucket. A bucket
+     * is basically an ID where your custom tile config will be stored and
+     * retrieved. Buckets should be unique so be sure to use a unique namespace.
      */
-    getTileExtension(typeId: string): TileExtension | undefined;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileExtensionService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TileExtensionService>;
+    bucket: _angular_core.InputSignal<string | undefined>;
+    bucketLabel: _angular_core.InputSignal<string | undefined>;
+    configTypes: _angular_core.InputSignal<VirtualObjectType[] | undefined>;
+    configFlavors: _angular_core.InputSignal<ObjectFlavor[]>;
+    get configChanged(): boolean;
+    types: Signal<InnerType[]>;
+    save: _angular_core.OutputEmitterRef<void>;
+    canceled: _angular_core.OutputEmitterRef<void>;
+    selectedType?: VirtualObjectType;
+    selectedTypeProperties: ObjectTypeField[];
+    objectConfig?: ObjectConfig;
+    selectedSlot?: string;
+    flavors: ObjectFlavor[];
+    changes: Record<string, ObjectConfig | undefined>;
+    getConfigValue(p: string): ObjectConfigIcon | ObjectConfigProperty | ObjectConfigAction | ObjectConfigBadge | undefined;
+    getConfigProperty(p: string): ObjectConfigProperty | undefined;
+    getSelectedActions(): string[];
+    slotSelect(item: string): void;
+    typeSelected(type: InnerType): void;
+    iconSelected(icon: string | null): void;
+    propertySelected(tileSlot: string, field?: Partial<ObjectTypeField>): void;
+    actionSelected(action: Action): void;
+    saveConfig(): void;
+    resetConfig(): void;
+    cancelConfig(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileConfigComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TileConfigComponent, "yuv-tile-config", never, { "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "bucketLabel": { "alias": "bucketLabel"; "required": false; "isSignal": true; }; "configTypes": { "alias": "configTypes"; "required": false; "isSignal": true; }; "configFlavors": { "alias": "configFlavors"; "required": false; "isSignal": true; }; }, { "save": "save"; "canceled": "canceled"; }, never, never, true, never>;
 }
 
 declare class TileExtensionDirective {
@@ -785,5 +771,20 @@ declare class EmailTileExtensionComponent implements TileExtensionComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmailTileExtensionComponent, "yuv-email-tile-extension", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class TileExtensionService {
+    private _extensions;
+    constructor();
+    registerTileExtension(ext: TileExtension): void;
+    hasTileExtension(objectTypeId: string): boolean;
+    /**
+     * Get tile extensions for a certain type
+     * @param typeId ID of the type to fetch extesion for (objectTypeID or secondaryObjectTypeID)
+     * @returns
+     */
+    getTileExtension(typeId: string): TileExtension | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TileExtensionService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TileExtensionService>;
+}
+
 export { ActionSelectComponent, EmailTileExtensionComponent, PropertySelectComponent, TileActionsMenuComponent, TileConfigComponent, TileConfigTriggerComponent, TileExtensionDirective, TileExtensionService, TileListComponent };
 export type { TileData, TileListConfigOptions, TileListHighlight };

package/types/yuuvis-client-framework.d.ts

@@ -1,6 +1,6 @@
 import { MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition, MatSnackBarRef } from '@angular/material/snack-bar';
 import * as i0 from '@angular/core';
-import { EnvironmentProviders } from '@angular/core';
+import { EnvironmentProviders, Signal } from '@angular/core';
 import * as i1 from '@angular/common';
 
 /**
@@ -310,20 +310,24 @@ type ChannelPayload = {
 
 type SnackBarLevel = 'info' | 'success' | 'warning' | 'danger';
 
-interface SnackBarData {
-    level: SnackBarLevel;
-    message: string;
-    action?: string;
-}
-
+type SnackBarMessage = string | {
+    key: string;
+    params?: Record<string, unknown>;
+};
 interface SnackBarOptions {
     duration?: number;
     horizontalPosition?: MatSnackBarHorizontalPosition;
     verticalPosition?: MatSnackBarVerticalPosition;
-    action?: string;
+    action?: SnackBarMessage;
     level?: SnackBarLevel;
 }
 
+interface SnackBarData {
+    level: SnackBarLevel;
+    message: SnackBarMessage;
+    action?: SnackBarMessage;
+}
+
 /**
  * Provides and initializes the Halo Focus feature for the Angular application.
  *
@@ -881,19 +885,21 @@ declare class SessionService {
 
 declare class SnackBarService {
     #private;
-    info(message: string, action?: string, duration?: number): MatSnackBarRef<SnackBarComponent>;
-    success(message: string, action?: string, duration?: number): MatSnackBarRef<SnackBarComponent>;
-    warning(message: string, action?: string, duration?: number): MatSnackBarRef<SnackBarComponent>;
-    danger(message: string, action?: string, duration?: number): MatSnackBarRef<SnackBarComponent>;
-    snack(message: string, options: SnackBarOptions): MatSnackBarRef<SnackBarComponent>;
+    private translate;
+    constructor();
+    info(message: SnackBarMessage, action?: SnackBarMessage, duration?: number): MatSnackBarRef<SnackBarComponent>;
+    success(message: SnackBarMessage, action?: SnackBarMessage, duration?: number): MatSnackBarRef<SnackBarComponent>;
+    warning(message: SnackBarMessage, action?: SnackBarMessage, duration?: number): MatSnackBarRef<SnackBarComponent>;
+    danger(message: SnackBarMessage, action?: SnackBarMessage, duration?: number): MatSnackBarRef<SnackBarComponent>;
+    snack(message: SnackBarMessage, options: SnackBarOptions): MatSnackBarRef<SnackBarComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackBarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SnackBarService>;
 }
 declare class SnackBarComponent {
     #private;
     level: i0.WritableSignal<SnackBarLevel>;
-    message: i0.WritableSignal<string>;
-    action: i0.WritableSignal<string | undefined>;
+    message: Signal<string>;
+    action: Signal<string | undefined>;
     dismiss(withAction?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SnackBarComponent, "yuv-snack-bar-component", never, {}, {}, never, never, true, never>;
@@ -906,4 +912,4 @@ declare class YuuvisClientFrameworkModule {
 }
 
 export { ChannelMessage, HaloFocusService, HaloUtilityService, SessionService, SnackBarComponent, SnackBarService, YuuvisClientFrameworkModule, defaultHaloFocusOffset, haloExcludedElementsInMatFormField, haloFocusNavigationKeys, haloFocusStyles, provideHaloFocus, provideSession, sessionActivityWindowBeforeEnd, sessionDefaultDuration, sessionPopupBeforeEnd };
-export type { ChannelPayload, HaloFocusConfig, SnackBarData, SnackBarLevel, SnackBarOptions };
+export type { ChannelPayload, HaloFocusConfig, SnackBarData, SnackBarLevel, SnackBarMessage, SnackBarOptions };