SiLaunchpadFactoryComponent documentation¶

selector

si-launchpad-factory

Name	Type	Default	Description
apps ¶	(`App`[] \| `AppCategory`[])		All app items shown in the launchpad.
closeText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`	Text to close the launchpad. Needed for a11y.
enableFavorites ¶	`boolean`	`false`	Allow the user to select favorite apps which will then be displayed at the top.
favoriteAppsText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`	Title of the favorite apps section.
showLessAppsText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`	Title of the show less apps button.
showMoreAppsText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`	Title of the show more apps button.
subtitleText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.SUBTITLE:Access all your apps`	Subtitle of the launchpad.
titleText ¶	`TranslatableString`	$localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`	Title of the launchpad.

Name	Type	Description
favoriteChange ¶	`FavoriteChangeEvent`

App (`AppLink` \| `AppRouterLink`)¶ Type alias

Represents a categories in the launchpad.

Properties
The apps to show under this category. apps: `App`[]¶
The name of the app category. name?: `TranslatableString`¶

TranslatableString (`string` & `Translatable`)¶ Type alias Represents a translatable string. This can either be a translation key, e.g. `ACTIONS.EDIT` that will be automatically translated when displayed on the UI or a pre-translated string, e.g. `Edit` . Equivalent to a normal string in usage and functionality.

Properties
app: `App`¶
favorite: `boolean`¶

extends AppBase¶

Represents an app to be shown in the launchpad.

Properties
Whether the app is the currently running app. active?: `boolean`¶
Whether the app should be marked as external. external?: `boolean` from `external`¶
Whether the app is marked as favorite. favorite?: `boolean` from `favorite`¶
URL destination of the app. href: `string`¶
CSS class to apply, which should render the icon. Typically, "element-*". iconClass?: `string` from `iconClass`¶
Icon of the app. iconUrl?: `string` from `iconUrl`¶
Name of the app name: `TranslatableString` from `name`¶
Name of the related system. systemName?: `TranslatableString` from `systemName`¶
Value for the anchor target attribute. target?: `string`¶
The type of the app. can be either 'link' or 'router-link' type?: `"link"`¶

extends AppBase¶

Properties
Active match options for routerLinkActive https://angular.dev/api/router/IsActiveMatchOptions . activeMatchOptions?: (`IsActiveMatchOptions` \| { exact: `boolean` })¶
Whether the app should be marked as external. external?: `boolean` from `external`¶
Navigation extras that are passed to the https://angular.dev/api/router/NavigationExtras . extras?: `NavigationExtras`¶
Whether the app is marked as favorite. favorite?: `boolean` from `favorite`¶
CSS class to apply, which should render the icon. Typically, "element-*". iconClass?: `string` from `iconClass`¶
Icon of the app. iconUrl?: `string` from `iconUrl`¶
Name of the app name: `TranslatableString` from `name`¶
Link for the angular router. Accepts the same values as https://angular.dev/api/router/RouterLink . routerLink: (`string` \| `any`[])¶
Name of the related system. systemName?: `TranslatableString` from `systemName`¶
type: `"router-link"`¶

Translatable ¶ import imported from @siemens/element-translate-ng

Properties
Whether the app should be marked as external. external?: `boolean`¶
Whether the app is marked as favorite. favorite?: `boolean`¶
CSS class to apply, which should render the icon. Typically, "element-*". iconClass?: `string`¶
Icon of the app. iconUrl?: `string`¶
Name of the app name: `TranslatableString`¶
Name of the related system. systemName?: `TranslatableString`¶

Except where otherwise noted, content on this site is licensed under MIT License.