App Switcher
import { KbqAppSwitcherModule } from '@koobiq/components/app-switcher';

Selector: [kbqAppSwitcher]

Exported as: kbqAppSwitcher
Properties
Name Description
@Input()
backdropClass: string
Class that will be used in the background
@Input()
disabled: boolean
Whether the trigger is disabled.
@Input()
groupBy: (app: KbqAppSwitcherApp, groups: Record, untyped: KbqAppSwitcherApp[]) => void
Function to group the apps by type. The first argument is an app object with type. The second is a groups object and third is an array for untyped apps
@Input()
offset: number
Offset of popUp
@Input('kbqAppSwitcherPlacement')
placement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
Placement of popUp
@Input()
selectedApp: KbqAppSwitcherApp
Selected application
@Input()
selectedSite: KbqAppSwitcherSite
Selected site
@Input()
sites: KbqAppSwitcherSite[]
Array of sites
@Output('kbqPlacementChange')
placementChange: EventEmitter
Emits a change event whenever the placement state changes.
@Output('kbqVisibleChange')
visibleChange: EventEmitter
Emits a change event whenever the visible state changes.
availablePositions: { [key: string]: ConnectionPositionPair; }
closingActionsSubscription: Subscription
container: HTMLElement
destroyRef: DestroyRef
detach: () => void
direction: Directionality
elementRef: ElementRef
enterDelay: number
hideWithTimeout: boolean Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
hostView: ViewContainerRef
hovered: BehaviorSubject Stream that emits when the popupTrigger is hovered.
instance: any
isOpen: boolean
leaveDelay: number
listeners: Map
mouseEvent: MouseEvent
ngZone: NgZone
onPositionChange: ($event: ConnectedOverlayPositionChange) => void
overlay: Overlay
overlayRef: OverlayRef
placementPriority: string | string[]
portal: ComponentPortal
preventClose: boolean prevents closure by any event
scheduler: AsyncScheduler
scrollDispatcher: ScrollDispatcher
scrollable: CdkScrollable
stickToWindow: "top" | "right" | "left" | "bottom"
strategy: FlexibleConnectedPositionStrategy
triggerName: string
visible: boolean
withSearch: boolean Whether search is used or not
@Input()
Deprecated
apps: KbqAppSwitcherApp[]
Methods
clearListeners
createOverlay
Create the overlay config and position strategy
focus
getAdjustedPositions
Returns a list of positions that are aligned with the element's dimensions and offsets.
getMouseLeaveListener
getPrioritizedPositions
getPriorityPlacementStrategy
hide
initListeners
keydownHandler
resetOrigin
show
touchendHandler
updatePlacement
updatePlacementPriority
updateVisible
Properties
Name Description
aliases: KbqAppSwitcherApp[]
caption: string
icon: string Inline SVG markup for the application icon. Use this for SVG icons that should be rendered directly in the DOM.
iconSrc: string Path to the icon file (URL or relative path).
id: string | number
link: string
name: string
type: string | number
Properties
Name Description
apps: KbqAppSwitcherApp[]
icon: string Inline SVG markup for the site icon. Use this for SVG icons that should be rendered directly in the DOM.
iconSrc: string Path to the icon file (URL or relative path).
id: string | number
name: string
status: string
const KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_SEARCH: number;
const KBQ_MIN_NUMBER_OF_APPS_TO_ENABLE_GROUPING: number;
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.