@ui5/webcomponents-ngx 0.5.9-rc.4 → 0.5.9

package/fiori/user-menu/index.ts

@@ -1,138 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserMenu.js';
-import {
-  default as UserMenu,
-  UserMenuItemClickEventDetail,
-  UserMenuOtherAccountClickEventDetail,
-} from '@ui5/webcomponents-fiori/dist/UserMenu.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'open',
-  'opener',
-  'showManageAccount',
-  'showOtherAccounts',
-  'showEditAccounts',
-  'showEditButton',
-])
-@ProxyOutputs([
-  'avatar-click: ui5AvatarClick',
-  'manage-account-click: ui5ManageAccountClick',
-  'edit-accounts-click: ui5EditAccountsClick',
-  'change-account: ui5ChangeAccount',
-  'item-click: ui5ItemClick',
-  'open: ui5Open',
-  'close: ui5Close',
-  'sign-out-click: ui5SignOutClick',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-menu',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'open',
-    'opener',
-    'showManageAccount',
-    'showOtherAccounts',
-    'showEditAccounts',
-    'showEditButton',
-  ],
-  outputs: [
-    'ui5AvatarClick',
-    'ui5ManageAccountClick',
-    'ui5EditAccountsClick',
-    'ui5ChangeAccount',
-    'ui5ItemClick',
-    'ui5Open',
-    'ui5Close',
-    'ui5SignOutClick',
-  ],
-  exportAs: 'ui5UserMenu',
-})
-class UserMenuComponent {
-  /**
-        Defines if the User Menu is opened.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-  /**
-        Defines the ID or DOM Reference of the element at which the user menu is shown.
-When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
-You can only set the `opener` attribute to a DOM Reference when using JavaScript.
-        */
-  opener!: HTMLElement | string | null | undefined;
-  /**
-        Defines if the User Menu shows the Manage Account option.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showManageAccount!: boolean;
-  /**
-        Defines if the User Menu shows the Other Accounts option.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showOtherAccounts!: boolean;
-  /**
-        Defines if the User Menu shows the Edit Accounts option.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showEditAccounts!: boolean;
-  /**
-        Defines if the User menu shows edit button.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showEditButton!: boolean;
-
-  /**
-     Fired when the account avatar is selected.
-    */
-  ui5AvatarClick!: EventEmitter<void>;
-  /**
-     Fired when the "Manage Account" button is selected.
-    */
-  ui5ManageAccountClick!: EventEmitter<void>;
-  /**
-     Fired when the "Edit Accounts" button is selected.
-    */
-  ui5EditAccountsClick!: EventEmitter<void>;
-  /**
-     Fired when the account is switched to a different one.
-    */
-  ui5ChangeAccount!: EventEmitter<UserMenuOtherAccountClickEventDetail>;
-  /**
-     Fired when a menu item is selected.
-    */
-  ui5ItemClick!: EventEmitter<UserMenuItemClickEventDetail>;
-  /**
-     Fired when a user menu is open.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired when a user menu is close.
-    */
-  ui5Close!: EventEmitter<void>;
-  /**
-     Fired when the "Sign Out" button is selected.
-    */
-  ui5SignOutClick!: EventEmitter<void>;
-
-  private elementRef: ElementRef<UserMenu> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserMenu {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserMenuComponent };

package/fiori/user-menu/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/fiori/user-menu-account/index.ts

@@ -1,87 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserMenuAccount.js';
-import UserMenuAccount from '@ui5/webcomponents-fiori/dist/UserMenuAccount.js';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'avatarSrc',
-  'avatarInitials',
-  'titleText',
-  'subtitleText',
-  'description',
-  'additionalInfo',
-  'selected',
-  'loading',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-menu-account',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'avatarSrc',
-    'avatarInitials',
-    'titleText',
-    'subtitleText',
-    'description',
-    'additionalInfo',
-    'selected',
-    'loading',
-  ],
-  exportAs: 'ui5UserMenuAccount',
-})
-class UserMenuAccountComponent {
-  /**
-        Defines the avatar image url of the user.
-        */
-  avatarSrc!: string | undefined;
-  /**
-        Defines the avatar initials of the user.
-        */
-  avatarInitials!: string | undefined;
-  /**
-        Defines the title text of the user.
-        */
-  titleText!: string;
-  /**
-        Defines additional text of the user.
-        */
-  subtitleText!: string;
-  /**
-        Defines description of the user.
-        */
-  description!: string;
-  /**
-        Defines additional information for the user.
-        */
-  additionalInfo!: string;
-  /**
-        Defines if the user is selected.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Indicates whether a loading indicator should be shown.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-
-  private elementRef: ElementRef<UserMenuAccount> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserMenuAccount {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserMenuAccountComponent };

package/fiori/user-menu-account/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/fiori/user-menu-item/index.ts

@@ -1,206 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
-import UserMenuItem from '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import {
-  MenuBeforeCloseEventDetail,
-  MenuBeforeOpenEventDetail,
-  MenuItemAccessibilityAttributes,
-} from '@ui5/webcomponents/dist/MenuItem.js';
-@ProxyInputs([
-  'type',
-  'accessibilityAttributes',
-  'navigated',
-  'tooltip',
-  'highlight',
-  'selected',
-  'text',
-  'additionalText',
-  'icon',
-  'disabled',
-  'loading',
-  'loadingDelay',
-  'accessibleName',
-  'checked',
-])
-@ProxyOutputs([
-  'detail-click: ui5DetailClick',
-  'before-open: ui5BeforeOpen',
-  'open: ui5Open',
-  'before-close: ui5BeforeClose',
-  'close: ui5Close',
-  'check: ui5Check',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-menu-item',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'type',
-    'accessibilityAttributes',
-    'navigated',
-    'tooltip',
-    'highlight',
-    'selected',
-    'text',
-    'additionalText',
-    'icon',
-    'disabled',
-    'loading',
-    'loadingDelay',
-    'accessibleName',
-    'checked',
-  ],
-  outputs: [
-    'ui5DetailClick',
-    'ui5BeforeOpen',
-    'ui5Open',
-    'ui5BeforeClose',
-    'ui5Close',
-    'ui5Check',
-  ],
-  exportAs: 'ui5UserMenuItem',
-})
-class UserMenuItemComponent {
-  /**
-        Defines the visual indication and behavior of the list items.
-Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
-
-**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-while with type `Inactive` and `Detail` - will not.
-        */
-  type!: 'Inactive' | 'Active' | 'Detail' | 'Navigation';
-  /**
-        Defines the additional accessibility attributes that will be applied to the component.
-The following fields are supported:
-
-- **ariaKeyShortcuts**: Indicated the availability of a keyboard shortcuts defined for the menu item.
-
-- **role**: Defines the role of the menu item. If not set, menu item will have default role="menuitem".
-        */
-  accessibilityAttributes!: MenuItemAccessibilityAttributes;
-  /**
-        The navigated state of the list item.
-If set to `true`, a navigation indicator is displayed at the end of the list item.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  navigated!: boolean;
-  /**
-        Defines the text of the tooltip for the menu item.
-        */
-  tooltip!: string | undefined;
-  /**
-        Defines the highlight state of the list items.
-Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
-        */
-  highlight!: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
-  /**
-        Defines the selected state of the component.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Defines the text of the tree item.
-        */
-  text!: string | undefined;
-  /**
-        Defines the `additionalText`, displayed in the end of the menu item.
-
-**Note:** The additional text will not be displayed if there are items added in `items` slot or there are
-components added to `endContent` slot.
-
-The priority of what will be displayed at the end of the menu item is as follows:
-sub-menu arrow (if there are items added in `items` slot) -> components added in `endContent` -> text set to `additionalText`.
-        */
-  additionalText!: string | undefined;
-  /**
-        Defines the icon to be displayed as graphical element within the component.
-The SAP-icons font provides numerous options.
-
-**Example:**
-
-See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
-        */
-  icon!: string | undefined;
-  /**
-        Defines whether menu item is in disabled state.
-
-**Note:** A disabled menu item is noninteractive.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
-
-**Note:** If set to `true` a busy indicator component will be displayed into the related one to the current menu item sub-menu popover.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines the delay in milliseconds, after which the loading indicator will be displayed inside the corresponding menu popover.
-        */
-  loadingDelay!: number;
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines whether menu item is in checked state.
-
-**Note:** checked state is only taken into account when menu item is added to menu item group
-with `checkMode` other than `None`.
-
-**Note:** A checked menu item has a checkmark displayed at its end.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  checked!: boolean;
-
-  /**
-     Fired when the user clicks on the detail button when type is `Detail`.
-    */
-  ui5DetailClick!: EventEmitter<void>;
-  /**
-     Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening.
-
-**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.
-    */
-  ui5BeforeOpen!: EventEmitter<MenuBeforeOpenEventDetail>;
-  /**
-     Fired after the menu is opened.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing.
-    */
-  ui5BeforeClose!: EventEmitter<MenuBeforeCloseEventDetail>;
-  /**
-     Fired after the menu is closed.
-    */
-  ui5Close!: EventEmitter<void>;
-  /**
-     Fired when an item is checked or unchecked.
-    */
-  ui5Check!: EventEmitter<void>;
-
-  private elementRef: ElementRef<UserMenuItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserMenuItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserMenuItemComponent };

package/fiori/user-menu-item/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/fiori/user-menu-item-group/index.ts

@@ -1,37 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js';
-import UserMenuItemGroup from '@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['checkMode'])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-menu-item-group',
-  template: '<ng-content></ng-content>',
-  inputs: ['checkMode'],
-  exportAs: 'ui5UserMenuItemGroup',
-})
-class UserMenuItemGroupComponent {
-  /**
-        Defines the component's check mode.
-        */
-  checkMode!: 'None' | 'Single' | 'Multiple';
-
-  private elementRef: ElementRef<UserMenuItemGroup> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserMenuItemGroup {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserMenuItemGroupComponent };

package/fiori/user-menu-item-group/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/fiori/user-settings-account-view/index.ts

@@ -1,70 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js';
-import UserSettingsAccountView from '@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['text', 'selected', 'secondary', 'showManageAccount'])
-@ProxyOutputs([
-  'edit-accounts-click: ui5EditAccountsClick',
-  'manage-account-click: ui5ManageAccountClick',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-settings-account-view',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'selected', 'secondary', 'showManageAccount'],
-  outputs: ['ui5EditAccountsClick', 'ui5ManageAccountClick'],
-  exportAs: 'ui5UserSettingsAccountView',
-})
-class UserSettingsAccountViewComponent {
-  /**
-        Defines the title text of the user settings view.
-        */
-  text!: string | undefined;
-  /**
-        Defines whether the view is selected. There can be just one selected view at a time.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`
-and controls the visibility of the back button.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  secondary!: boolean;
-  /**
-        Defines if the User Menu shows the `Manage Account` option.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showManageAccount!: boolean;
-
-  /**
-     Fired when the `Edit Accounts` button is selected.
-    */
-  ui5EditAccountsClick!: EventEmitter<void>;
-  /**
-     Fired when the `Manage Account` button is selected.
-    */
-  ui5ManageAccountClick!: EventEmitter<void>;
-
-  private elementRef: ElementRef<UserSettingsAccountView> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserSettingsAccountView {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserSettingsAccountViewComponent };

package/fiori/user-settings-account-view/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}

package/fiori/user-settings-dialog/index.ts

@@ -1,79 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/UserSettingsDialog.js';
-import {
-  default as UserSettingsDialog,
-  UserSettingsItemSelectEventDetail,
-} from '@ui5/webcomponents-fiori/dist/UserSettingsDialog.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['open', 'headerText', 'showSearchField'])
-@ProxyOutputs([
-  'selection-change: ui5SelectionChange',
-  'open: ui5Open',
-  'before-close: ui5BeforeClose',
-  'close: ui5Close',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-user-settings-dialog',
-  template: '<ng-content></ng-content>',
-  inputs: ['open', 'headerText', 'showSearchField'],
-  outputs: ['ui5SelectionChange', 'ui5Open', 'ui5BeforeClose', 'ui5Close'],
-  exportAs: 'ui5UserSettingsDialog',
-})
-class UserSettingsDialogComponent {
-  /**
-        Defines, if the User Settings Dialog is opened.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-  /**
-        Defines the headerText of the item.
-        */
-  headerText!: string | undefined;
-  /**
-        Defines if the Search Field would be displayed.
-
-**Note:** By default the Search Field is not displayed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showSearchField!: boolean;
-
-  /**
-     Fired when an item is selected.
-    */
-  ui5SelectionChange!: EventEmitter<UserSettingsItemSelectEventDetail>;
-  /**
-     Fired when a settings dialog is open.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired before the settings dialog is closed.
-    */
-  ui5BeforeClose!: EventEmitter<void>;
-  /**
-     Fired when a settings dialog is closed.
-    */
-  ui5Close!: EventEmitter<void>;
-
-  private elementRef: ElementRef<UserSettingsDialog> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): UserSettingsDialog {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { UserSettingsDialogComponent };

package/fiori/user-settings-dialog/ng-package.json

@@ -1 +0,0 @@
-{"lib":{"entryFile":"./index.ts"}}