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

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

@@ -1,130 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { SearchFieldScopeSelectionChangeDetails } from '@ui5/webcomponents-fiori/dist/SearchField.js';
-import '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
-import ShellBarSearch from '@ui5/webcomponents-fiori/dist/ShellBarSearch.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'loading',
-  'noTypeahead',
-  'open',
-  'showClearIcon',
-  'value',
-  'placeholder',
-  'accessibleName',
-  'accessibleDescription',
-  'autoOpen',
-])
-@ProxyOutputs([
-  'open: ui5Open',
-  'close: ui5Close',
-  'input: ui5Input',
-  'scope-change: ui5ScopeChange',
-  'search: ui5Search',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-shellbar-search',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'loading',
-    'noTypeahead',
-    'open',
-    'showClearIcon',
-    'value',
-    'placeholder',
-    'accessibleName',
-    'accessibleDescription',
-    'autoOpen',
-  ],
-  outputs: ['ui5Open', 'ui5Close', 'ui5Input', 'ui5ScopeChange', 'ui5Search'],
-  exportAs: 'ui5ShellbarSearch',
-})
-class ShellBarSearchComponent {
-  /**
-        Indicates whether a loading indicator should be shown in the popup.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines whether the value will be autcompleted to match an item.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  noTypeahead!: boolean;
-  /**
-        Indicates whether the items picker is open.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-  /**
-        Defines whether the clear icon of the search will be shown.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showClearIcon!: boolean;
-  /**
-        Defines the value of the component.
-
-**Note:** The property is updated upon typing.
-        */
-  value!: string;
-  /**
-        Defines a short hint intended to aid the user with data entry when the
-component has no value.
-        */
-  placeholder!: string | undefined;
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines the accessible ARIA description of the field.
-        */
-  accessibleDescription!: string | undefined;
-  /**
-        Indicates whether the suggestions popover should be opened on focus.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  autoOpen!: boolean;
-
-  /**
-     Fired when the popup is opened.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired when the popup is closed.
-    */
-  ui5Close!: EventEmitter<void>;
-  /**
-     Fired when typing in input or clear icon is pressed.
-    */
-  ui5Input!: EventEmitter<void>;
-  /**
-     Fired when the scope has changed.
-    */
-  ui5ScopeChange!: EventEmitter<SearchFieldScopeSelectionChangeDetails>;
-  /**
-     Fired when the user has triggered search with Enter key or Search Button press.
-    */
-  ui5Search!: EventEmitter<void>;
-
-  private elementRef: ElementRef<ShellBarSearch> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ShellBarSearch {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ShellBarSearchComponent };

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

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

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

@@ -1,30 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/ShellBarSpacer.js';
-import ShellBarSpacer from '@ui5/webcomponents-fiori/dist/ShellBarSpacer.js';
-
-@Component({
-  standalone: true,
-  selector: 'ui5-shellbar-spacer',
-  template: '<ng-content></ng-content>',
-  exportAs: 'ui5ShellbarSpacer',
-})
-class ShellBarSpacerComponent {
-  private elementRef: ElementRef<ShellBarSpacer> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ShellBarSpacer {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ShellBarSpacerComponent };

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

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

package/fiori/side-navigation/index.ts

@@ -1,61 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SideNavigation.js';
-import {
-  default as SideNavigation,
-  SideNavigationSelectionChangeEventDetail,
-} from '@ui5/webcomponents-fiori/dist/SideNavigation.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['collapsed', 'accessibleName'])
-@ProxyOutputs(['selection-change: ui5SelectionChange'])
-@Component({
-  standalone: true,
-  selector: 'ui5-side-navigation',
-  template: '<ng-content></ng-content>',
-  inputs: ['collapsed', 'accessibleName'],
-  outputs: ['ui5SelectionChange'],
-  exportAs: 'ui5SideNavigation',
-})
-class SideNavigationComponent {
-  /**
-        Defines whether the `ui5-side-navigation` is expanded or collapsed.
-
-**Note:** The collapsed mode is not supported on phones.
-The `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`
-component to ensure proper responsive behavior. If you choose not to use the
-`ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,
-particularly for phones where the collapsed mode should not be used.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  collapsed!: boolean;
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-
-  /**
-     Fired when the selection has changed via user interaction
-    */
-  ui5SelectionChange!: EventEmitter<SideNavigationSelectionChangeEventDetail>;
-
-  private elementRef: ElementRef<SideNavigation> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SideNavigation {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SideNavigationComponent };

package/fiori/side-navigation/ng-package.json

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

package/fiori/side-navigation-group/index.ts

@@ -1,58 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SideNavigationGroup.js';
-import SideNavigationGroup from '@ui5/webcomponents-fiori/dist/SideNavigationGroup.js';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['text', 'disabled', 'tooltip', 'expanded'])
-@Component({
-  standalone: true,
-  selector: 'ui5-side-navigation-group',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'disabled', 'tooltip', 'expanded'],
-  exportAs: 'ui5SideNavigationGroup',
-})
-class SideNavigationGroupComponent {
-  /**
-        Defines the text of the item.
-        */
-  text!: string | undefined;
-  /**
-        Defines whether the component is disabled.
-A disabled component can't be pressed or
-focused, and it is not in the tab chain.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the tooltip of the component.
-
-A tooltip attribute should be provided, in order to represent meaning/function,
-when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
-        */
-  tooltip!: string | undefined;
-  /**
-        Defines if the item is expanded
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  expanded!: boolean;
-
-  private elementRef: ElementRef<SideNavigationGroup> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SideNavigationGroup {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SideNavigationGroupComponent };

package/fiori/side-navigation-group/ng-package.json

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

package/fiori/side-navigation-item/index.ts

@@ -1,158 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';
-import SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';
-import { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';
-import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'text',
-  'disabled',
-  'tooltip',
-  'icon',
-  'selected',
-  'href',
-  'target',
-  'design',
-  'unselectable',
-  'accessibilityAttributes',
-  'expanded',
-])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-side-navigation-item',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'text',
-    'disabled',
-    'tooltip',
-    'icon',
-    'selected',
-    'href',
-    'target',
-    'design',
-    'unselectable',
-    'accessibilityAttributes',
-    'expanded',
-  ],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5SideNavigationItem',
-})
-class SideNavigationItemComponent {
-  /**
-        Defines the text of the item.
-        */
-  text!: string | undefined;
-  /**
-        Defines whether the component is disabled.
-A disabled component can't be pressed or
-focused, and it is not in the tab chain.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the tooltip of the component.
-
-A tooltip attribute should be provided, in order to represent meaning/function,
-when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
-        */
-  tooltip!: string | undefined;
-  /**
-        Defines the icon of the item.
-
-The SAP-icons font provides numerous options.
-
-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 the item is selected.
-
-**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Defines the link target URI. Supports standard hyperlink behavior.
-If a JavaScript action should be triggered,
-this should not be set, but instead an event handler
-for the `click` event should be registered.
-        */
-  href!: string | undefined;
-  /**
-        Defines the component target.
-
-Possible values:
-
-- `_self`
-- `_top`
-- `_blank`
-- `_parent`
-- `framename`
-
-**Note:** Items that have a defined `href` and `target`
-attribute set to `_blank` should not be selectable.
-        */
-  target!: string | undefined;
-  /**
-        Item design.
-
-**Note:** Items with "Action" design must not have sub-items.
-        */
-  design!: 'Default' | 'Action';
-  /**
-        Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
-
-When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
-To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
-
-
-**Guidelines**:
-- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
-- Items that trigger actions (with design "Action") should be marked as unselectable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  unselectable!: boolean;
-  /**
-        Defines the additional accessibility attributes that will be applied to the component.
-The following fields are supported:
-
-- **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`.
-
-**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
-        */
-  accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;
-  /**
-        Defines if the item is expanded
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  expanded!: boolean;
-
-  /**
-     Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
-    */
-  ui5Click!: EventEmitter<SideNavigationItemClickEventDetail>;
-
-  private elementRef: ElementRef<SideNavigationItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SideNavigationItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SideNavigationItemComponent };

package/fiori/side-navigation-item/ng-package.json

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

package/fiori/side-navigation-sub-item/index.ts

@@ -1,151 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';
-import { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';
-import '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';
-import SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs([
-  'text',
-  'disabled',
-  'tooltip',
-  'icon',
-  'selected',
-  'href',
-  'target',
-  'design',
-  'unselectable',
-  'accessibilityAttributes',
-])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-side-navigation-sub-item',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'text',
-    'disabled',
-    'tooltip',
-    'icon',
-    'selected',
-    'href',
-    'target',
-    'design',
-    'unselectable',
-    'accessibilityAttributes',
-  ],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5SideNavigationSubItem',
-})
-class SideNavigationSubItemComponent {
-  /**
-        Defines the text of the item.
-        */
-  text!: string | undefined;
-  /**
-        Defines whether the component is disabled.
-A disabled component can't be pressed or
-focused, and it is not in the tab chain.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the tooltip of the component.
-
-A tooltip attribute should be provided, in order to represent meaning/function,
-when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
-        */
-  tooltip!: string | undefined;
-  /**
-        Defines the icon of the item.
-
-The SAP-icons font provides numerous options.
-
-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 the item is selected.
-
-**Note:** Items that have a set `href` and `target` set to `_blank` should not be selectable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Defines the link target URI. Supports standard hyperlink behavior.
-If a JavaScript action should be triggered,
-this should not be set, but instead an event handler
-for the `click` event should be registered.
-        */
-  href!: string | undefined;
-  /**
-        Defines the component target.
-
-Possible values:
-
-- `_self`
-- `_top`
-- `_blank`
-- `_parent`
-- `framename`
-
-**Note:** Items that have a defined `href` and `target`
-attribute set to `_blank` should not be selectable.
-        */
-  target!: string | undefined;
-  /**
-        Item design.
-
-**Note:** Items with "Action" design must not have sub-items.
-        */
-  design!: 'Default' | 'Action';
-  /**
-        Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.
-
-When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.
-To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.
-
-
-**Guidelines**:
-- Items with an assigned `href` and a target of `_blank` should be marked as unselectable.
-- Items that trigger actions (with design "Action") should be marked as unselectable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  unselectable!: boolean;
-  /**
-        Defines the additional accessibility attributes that will be applied to the component.
-The following fields are supported:
-
-- **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`.
-
-**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.
-        */
-  accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;
-
-  /**
-     Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
-    */
-  ui5Click!: EventEmitter<SideNavigationItemClickEventDetail>;
-
-  private elementRef: ElementRef<SideNavigationSubItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): SideNavigationSubItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { SideNavigationSubItemComponent };

package/fiori/side-navigation-sub-item/ng-package.json

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

package/fiori/sort-item/index.ts

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

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

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

package/fiori/theming/index.ts

@@ -1,17 +0,0 @@
-import { Injectable } from '@angular/core';
-import { WebcomponentsThemingProvider } from '@ui5/webcomponents-ngx/theming';
-
-@Injectable({ providedIn: 'root' })
-class Ui5WebcomponentsFioriThemingService extends WebcomponentsThemingProvider {
-  name = 'ui-5-webcomponents-fiori-theming-service';
-  constructor() {
-    super(
-      () =>
-        import(
-          '@ui5/webcomponents-fiori/dist/generated/json-imports/Themes.js'
-        ),
-    );
-  }
-}
-
-export { Ui5WebcomponentsFioriThemingService };

package/fiori/theming/ng-package.json

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