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

package/fiori/search-item/index.ts

@@ -1,77 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SearchItem.js';
-import SearchItem from '@ui5/webcomponents-fiori/dist/SearchItem.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'text',
-  'description',
-  'icon',
-  'selected',
-  'deletable',
-  'scopeName',
-])
-@ProxyOutputs(['delete: ui5Delete'])
-@Component({
-  standalone: true,
-  selector: 'ui5-search-item',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'description', 'icon', 'selected', 'deletable', 'scopeName'],
-  outputs: ['ui5Delete'],
-  exportAs: 'ui5SearchItem',
-})
-class SearchItemComponent {
-  /**
-        Defines the heading text of the search item.
-        */
-  text!: string | undefined;
-  /**
-        Defines the description that appears right under the item text, if available.
-        */
-  description!: string | undefined;
-  /**
-        Defines the icon name of the search item.
-**Note:** If provided, the image slot will be ignored.
-        */
-  icon!: string | undefined;
-  /**
-        Defines whether the search item is selected.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Defines whether the search item is deletable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  deletable!: boolean;
-  /**
-        Defines the scope of the search item
-        */
-  scopeName!: string | undefined;
-
-  /**
-     Fired when delete button is pressed.
-    */
-  ui5Delete!: EventEmitter<void>;
-
-  private elementRef: ElementRef<SearchItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SearchItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SearchItemComponent };

package/fiori/search-item/ng-package.json

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

package/fiori/search-item-group/index.ts

@@ -1,72 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SearchItemGroup.js';
-import SearchItemGroup from '@ui5/webcomponents-fiori/dist/SearchItemGroup.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
-@ProxyInputs(['headerText', 'headerAccessibleName', 'wrappingType'])
-@ProxyOutputs(['move-over: ui5MoveOver', 'move: ui5Move'])
-@Component({
-  standalone: true,
-  selector: 'ui5-search-item-group',
-  template: '<ng-content></ng-content>',
-  inputs: ['headerText', 'headerAccessibleName', 'wrappingType'],
-  outputs: ['ui5MoveOver', 'ui5Move'],
-  exportAs: 'ui5SearchItemGroup',
-})
-class SearchItemGroupComponent {
-  /**
-        Defines the header text of the <code>ui5-li-group</code>.
-        */
-  headerText!: string | undefined;
-  /**
-        Defines the accessible name of the header.
-        */
-  headerAccessibleName!: string | undefined;
-  /**
-        Defines if the text of the component should wrap when it's too long.
-When set to "Normal", the content (title, description) will be wrapped
-using the `ui5-expandable-text` component.<br/>
-
-The text can wrap up to 100 characters on small screens (size S) and
-up to 300 characters on larger screens (size M and above). When text exceeds
-these limits, it truncates with an ellipsis followed by a text expansion trigger.
-
-Available options are:
-- `None` (default) - The text will truncate with an ellipsis.
-- `Normal` - The text will wrap (without truncation).
-        */
-  wrappingType!: 'None' | 'Normal';
-
-  /**
-     Fired when a movable list item is moved over a potential drop target during a dragging operation.
-
-If the new position is valid, prevent the default action of the event using `preventDefault()`.
-    */
-  ui5MoveOver!: EventEmitter<ListItemGroupMoveEventDetail>;
-  /**
-     Fired when a movable list item is dropped onto a drop target.
-
-**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
-    */
-  ui5Move!: EventEmitter<ListItemGroupMoveEventDetail>;
-
-  private elementRef: ElementRef<SearchItemGroup> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SearchItemGroup {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SearchItemGroupComponent };

package/fiori/search-item-group/ng-package.json

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

package/fiori/search-item-show-more/index.ts

@@ -1,58 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
-import {
-  default as SearchItemShowMore,
-  ShowMoreItemClickEventDetail,
-} from '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['itemsToShowCount', 'selected'])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-search-item-show-more',
-  template: '<ng-content></ng-content>',
-  inputs: ['itemsToShowCount', 'selected'],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5SearchItemShowMore',
-})
-class SearchItemShowMoreComponent {
-  /**
-        Specifies the number of additional items available to show.
-If no value is defined, the control shows "Show more" (without any counter).
-If a number is provided, it displays "Show more (N)", where N is that number.
-        */
-  itemsToShowCount!: number | undefined;
-  /**
-        Defines whether the show more item is selected.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-
-  /**
-     Fired when the component is activated, either with a mouse/tap
-or by pressing the Enter or Space keys.
-    */
-  ui5Click!: EventEmitter<ShowMoreItemClickEventDetail>;
-
-  private elementRef: ElementRef<SearchItemShowMore> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SearchItemShowMore {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SearchItemShowMoreComponent };

package/fiori/search-item-show-more/ng-package.json

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

package/fiori/search-message-area/index.ts

@@ -1,41 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SearchMessageArea.js';
-import SearchMessageArea from '@ui5/webcomponents-fiori/dist/SearchMessageArea.js';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['text', 'description'])
-@Component({
-  standalone: true,
-  selector: 'ui5-search-message-area',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'description'],
-  exportAs: 'ui5SearchMessageArea',
-})
-class SearchMessageAreaComponent {
-  /**
-        Defines the text to be displayed.
-        */
-  text!: string | undefined;
-  /**
-        Defines the description text to be displayed.
-        */
-  description!: string | undefined;
-
-  private elementRef: ElementRef<SearchMessageArea> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SearchMessageArea {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SearchMessageAreaComponent };

package/fiori/search-message-area/ng-package.json

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

package/fiori/search-scope/index.ts

@@ -1,44 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SearchScope.js';
-import SearchScope from '@ui5/webcomponents-fiori/dist/SearchScope.js';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['text', 'selected'])
-@Component({
-  standalone: true,
-  selector: 'ui5-search-scope',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'selected'],
-  exportAs: 'ui5SearchScope',
-})
-class SearchScopeComponent {
-  /**
-        Defines the text of the component.
-        */
-  text!: string;
-  /**
-        Indicates whether the item is selected
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-
-  private elementRef: ElementRef<SearchScope> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SearchScope {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SearchScopeComponent };

package/fiori/search-scope/ng-package.json

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

package/fiori/shell-bar/index.ts

@@ -1,216 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/ShellBar.js';
-import {
-  default as ShellBar,
-  ShellBarAccessibilityAttributes,
-  ShellBarContentItemVisibilityChangeEventDetail,
-  ShellBarLogoClickEventDetail,
-  ShellBarMenuItemClickEventDetail,
-  ShellBarNotificationsClickEventDetail,
-  ShellBarProductSwitchClickEventDetail,
-  ShellBarProfileClickEventDetail,
-  ShellBarSearchButtonEventDetail,
-  ShellBarSearchFieldClearEventDetail,
-  ShellBarSearchFieldToggleEventDetail,
-} from '@ui5/webcomponents-fiori/dist/ShellBar.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'hideSearchButton',
-  'disableSearchCollapse',
-  'primaryTitle',
-  'secondaryTitle',
-  'notificationsCount',
-  'showNotifications',
-  'showProductSwitch',
-  'showSearchField',
-  'accessibilityAttributes',
-])
-@ProxyOutputs([
-  'notifications-click: ui5NotificationsClick',
-  'profile-click: ui5ProfileClick',
-  'product-switch-click: ui5ProductSwitchClick',
-  'logo-click: ui5LogoClick',
-  'menu-item-click: ui5MenuItemClick',
-  'search-button-click: ui5SearchButtonClick',
-  'search-field-toggle: ui5SearchFieldToggle',
-  'search-field-clear: ui5SearchFieldClear',
-  'content-item-visibility-change: ui5ContentItemVisibilityChange',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-shellbar',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'hideSearchButton',
-    'disableSearchCollapse',
-    'primaryTitle',
-    'secondaryTitle',
-    'notificationsCount',
-    'showNotifications',
-    'showProductSwitch',
-    'showSearchField',
-    'accessibilityAttributes',
-  ],
-  outputs: [
-    'ui5NotificationsClick',
-    'ui5ProfileClick',
-    'ui5ProductSwitchClick',
-    'ui5LogoClick',
-    'ui5MenuItemClick',
-    'ui5SearchButtonClick',
-    'ui5SearchFieldToggle',
-    'ui5SearchFieldClear',
-    'ui5ContentItemVisibilityChange',
-  ],
-  exportAs: 'ui5Shellbar',
-})
-class ShellBarComponent {
-  /**
-        Defines the visibility state of the search button.
-
-**Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideSearchButton!: boolean;
-  /**
-        Disables the automatic search field expansion/collapse when the available space is not enough.
-
-**Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disableSearchCollapse!: boolean;
-  /**
-        Defines the `primaryTitle`.
-
-**Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
-        */
-  primaryTitle!: string | undefined;
-  /**
-        Defines the `secondaryTitle`.
-
-**Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
-        */
-  secondaryTitle!: string | undefined;
-  /**
-        Defines the `notificationsCount`,
-displayed in the notification icon top-right corner.
-        */
-  notificationsCount!: string | undefined;
-  /**
-        Defines, if the notification icon would be displayed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showNotifications!: boolean;
-  /**
-        Defines, if the product switch icon would be displayed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showProductSwitch!: boolean;
-  /**
-        Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
-
-**Note:** By default the Search Field is not displayed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showSearchField!: boolean;
-  /**
-        Defines additional accessibility attributes on different areas of the component.
-
-The accessibilityAttributes object has the following fields,
-where each field is an object supporting one or more accessibility attributes:
-
-- **logo** - `logo.role` and `logo.name`.
-- **notifications** - `notifications.expanded` and `notifications.hasPopup`.
-- **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.
-- **product** - `product.expanded` and `product.hasPopup`.
-- **search** - `search.hasPopup`.
-- **overflow** - `overflow.expanded` and `overflow.hasPopup`.
-- **branding** - `branding.name`.
-
-The accessibility attributes support the following values:
-
-- **role**: Defines the accessible ARIA role of the logo area.
-Accepts the following string values: `button` or `link`.
-
-- **expanded**: Indicates whether the button, or another grouping element it controls,
-is currently expanded or collapsed.
-Accepts the following string values: `true` or `false`.
-
-- **hasPopup**: Indicates the availability and type of interactive popup element,
-such as menu or dialog, that can be triggered by the button.
-
-Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
-- **name**: Defines the accessible ARIA name of the area.
-Accepts any string.
-        */
-  accessibilityAttributes!: ShellBarAccessibilityAttributes;
-
-  /**
-     Fired, when the notification icon is activated.
-    */
-  ui5NotificationsClick!: EventEmitter<ShellBarNotificationsClickEventDetail>;
-  /**
-     Fired, when the profile slot is present.
-    */
-  ui5ProfileClick!: EventEmitter<ShellBarProfileClickEventDetail>;
-  /**
-     Fired, when the product switch icon is activated.
-
-**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
-    */
-  ui5ProductSwitchClick!: EventEmitter<ShellBarProductSwitchClickEventDetail>;
-  /**
-     Fired, when the logo is activated.
-    */
-  ui5LogoClick!: EventEmitter<ShellBarLogoClickEventDetail>;
-  /**
-     Fired, when a menu item is activated
-
-**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
-    */
-  ui5MenuItemClick!: EventEmitter<ShellBarMenuItemClickEventDetail>;
-  /**
-     Fired, when the search button is activated.
-
-**Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
-    */
-  ui5SearchButtonClick!: EventEmitter<ShellBarSearchButtonEventDetail>;
-  /**
-     Fired, when the search field is expanded or collapsed.
-    */
-  ui5SearchFieldToggle!: EventEmitter<ShellBarSearchFieldToggleEventDetail>;
-  /**
-     Fired, when the search cancel button is activated.
-
-**Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.
-**Note:** The `search-field-clear` event is in an experimental state and is a subject to change.
-    */
-  ui5SearchFieldClear!: EventEmitter<ShellBarSearchFieldClearEventDetail>;
-  /**
-     Fired, when an item from the content slot is hidden or shown.
-**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.
-    */
-  ui5ContentItemVisibilityChange!: EventEmitter<ShellBarContentItemVisibilityChangeEventDetail>;
-
-  private elementRef: ElementRef<ShellBar> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ShellBar {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ShellBarComponent };

package/fiori/shell-bar/ng-package.json

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

package/fiori/shell-bar-branding/index.ts

@@ -1,66 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
-import ShellBarBranding from '@ui5/webcomponents-fiori/dist/ShellBarBranding.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['href', 'target', 'accessibleName'])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-shellbar-branding',
-  template: '<ng-content></ng-content>',
-  inputs: ['href', 'target', 'accessibleName'],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5ShellbarBranding',
-})
-class ShellBarBrandingComponent {
-  /**
-        Defines the component href.
-
-**Note:** Standard hyperlink behavior is supported.
-        */
-  href!: string | undefined;
-  /**
-        Defines the component target.
-
-**Notes:**
-
-- `_self`
-- `_top`
-- `_blank`
-- `_parent`
-- `_search`
-
-**This property must only be used when the `href` property is set.**
-        */
-  target!: string | undefined;
-  /**
-        Defines the text alternative of the component.
-If not provided a default text alternative will be set, if present.
-        */
-  accessibleName!: string | undefined;
-
-  /**
-     Fired, when the logo is activated.
-    */
-  ui5Click!: EventEmitter<void>;
-
-  private elementRef: ElementRef<ShellBarBranding> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ShellBarBranding {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ShellBarBrandingComponent };

package/fiori/shell-bar-branding/ng-package.json

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

package/fiori/shell-bar-item/index.ts

@@ -1,76 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
-import {
-  default as ShellBarItem,
-  ShellBarItemAccessibilityAttributes,
-  ShellBarItemClickEventDetail,
-} from '@ui5/webcomponents-fiori/dist/ShellBarItem.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['icon', 'text', 'count', 'accessibilityAttributes'])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-shellbar-item',
-  template: '<ng-content></ng-content>',
-  inputs: ['icon', 'text', 'count', 'accessibilityAttributes'],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5ShellbarItem',
-})
-class ShellBarItemComponent {
-  /**
-        Defines the name of the item's icon.
-        */
-  icon!: string | undefined;
-  /**
-        Defines the item text.
-
-**Note:** The text is only displayed inside the overflow popover list view.
-        */
-  text!: string | undefined;
-  /**
-        Defines the count displayed in the top-right corner.
-        */
-  count!: string | undefined;
-  /**
-        Defines additional accessibility attributes on Shellbar Items.
-
-The accessibility attributes support the following values:
-
-- **expanded**: Indicates whether the button, or another grouping element it controls,
-is currently expanded or collapsed.
-Accepts the following string values: `true` or `false`.
-
-- **hasPopup**: Indicates the availability and type of interactive popup element,
-such as menu or dialog, that can be triggered by the button.
-
-- **controls**: Identifies the element (or elements) whose contents
-or presence are controlled by the component.
-Accepts a lowercase string value, referencing the ID of the element it controls.
-        */
-  accessibilityAttributes!: ShellBarItemAccessibilityAttributes;
-
-  /**
-     Fired, when the item is pressed.
-    */
-  ui5Click!: EventEmitter<ShellBarItemClickEventDetail>;
-
-  private elementRef: ElementRef<ShellBarItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ShellBarItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ShellBarItemComponent };

package/fiori/shell-bar-item/ng-package.json

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