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

package/main/toolbar-select/ng-package.json

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

package/main/toolbar-select-option/index.ts

@@ -1,40 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ToolbarSelectOption.js';
-import ToolbarSelectOption from '@ui5/webcomponents/dist/ToolbarSelectOption.js';
-@ProxyInputs(['selected'])
-@Component({
-  standalone: true,
-  selector: 'ui5-toolbar-select-option',
-  template: '<ng-content></ng-content>',
-  inputs: ['selected'],
-  exportAs: 'ui5ToolbarSelectOption',
-})
-class ToolbarSelectOptionComponent {
-  /**
-        Defines the selected state of the component.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-
-  private elementRef: ElementRef<ToolbarSelectOption> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ToolbarSelectOption {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ToolbarSelectOptionComponent };

package/main/toolbar-select-option/ng-package.json

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

package/main/toolbar-separator/index.ts

@@ -1,46 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ToolbarSeparator.js';
-import ToolbarSeparator from '@ui5/webcomponents/dist/ToolbarSeparator.js';
-@ProxyInputs(['overflowPriority', 'preventOverflowClosing'])
-@Component({
-  standalone: true,
-  selector: 'ui5-toolbar-separator',
-  template: '<ng-content></ng-content>',
-  inputs: ['overflowPriority', 'preventOverflowClosing'],
-  exportAs: 'ui5ToolbarSeparator',
-})
-class ToolbarSeparatorComponent {
-  /**
-        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
-the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-        */
-  overflowPriority!: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
-  /**
-        Defines if the toolbar overflow popup should close upon intereaction with the item.
-It will close by default.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  preventOverflowClosing!: boolean;
-
-  private elementRef: ElementRef<ToolbarSeparator> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ToolbarSeparator {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ToolbarSeparatorComponent };

package/main/toolbar-separator/ng-package.json

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

package/main/toolbar-spacer/index.ts

@@ -1,52 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ToolbarSpacer.js';
-import ToolbarSpacer from '@ui5/webcomponents/dist/ToolbarSpacer.js';
-@ProxyInputs(['overflowPriority', 'preventOverflowClosing', 'width'])
-@Component({
-  standalone: true,
-  selector: 'ui5-toolbar-spacer',
-  template: '<ng-content></ng-content>',
-  inputs: ['overflowPriority', 'preventOverflowClosing', 'width'],
-  exportAs: 'ui5ToolbarSpacer',
-})
-class ToolbarSpacerComponent {
-  /**
-        Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
-the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
-        */
-  overflowPriority!: 'Default' | 'NeverOverflow' | 'AlwaysOverflow';
-  /**
-        Defines if the toolbar overflow popup should close upon intereaction with the item.
-It will close by default.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  preventOverflowClosing!: boolean;
-  /**
-        Defines the width of the spacer.
-
-**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
-        */
-  width!: string | undefined;
-
-  private elementRef: ElementRef<ToolbarSpacer> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ToolbarSpacer {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ToolbarSpacerComponent };

package/main/toolbar-spacer/ng-package.json

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

package/main/tree/index.ts

@@ -1,169 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/Tree.js';
-import {
-  default as Tree,
-  TreeItemClickEventDetail,
-  TreeItemDeleteEventDetail,
-  TreeItemMouseoutEventDetail,
-  TreeItemMouseoverEventDetail,
-  TreeItemToggleEventDetail,
-  TreeMoveEventDetail,
-  TreeSelectionChangeEventDetail,
-} from '@ui5/webcomponents/dist/Tree.js';
-@ProxyInputs([
-  'selectionMode',
-  'noDataText',
-  'headerText',
-  'footerText',
-  'accessibleName',
-  'accessibleNameRef',
-  'accessibleDescription',
-  'accessibleDescriptionRef',
-])
-@ProxyOutputs([
-  'item-toggle: ui5ItemToggle',
-  'item-mouseover: ui5ItemMouseover',
-  'item-mouseout: ui5ItemMouseout',
-  'item-click: ui5ItemClick',
-  'item-delete: ui5ItemDelete',
-  'selection-change: ui5SelectionChange',
-  'move: ui5Move',
-  'move-over: ui5MoveOver',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-tree',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'selectionMode',
-    'noDataText',
-    'headerText',
-    'footerText',
-    'accessibleName',
-    'accessibleNameRef',
-    'accessibleDescription',
-    'accessibleDescriptionRef',
-  ],
-  outputs: [
-    'ui5ItemToggle',
-    'ui5ItemMouseover',
-    'ui5ItemMouseout',
-    'ui5ItemClick',
-    'ui5ItemDelete',
-    'ui5SelectionChange',
-    'ui5Move',
-    'ui5MoveOver',
-  ],
-  exportAs: 'ui5Tree',
-})
-class TreeComponent {
-  /**
-        Defines the selection mode of the component. Since the tree uses a `ui5-list` to display its structure,
-the tree modes are exactly the same as the list modes, and are all applicable.
-        */
-  selectionMode!:
-    | 'None'
-    | 'Single'
-    | 'SingleStart'
-    | 'SingleEnd'
-    | 'SingleAuto'
-    | 'Multiple'
-    | 'Delete'
-    | undefined;
-  /**
-        Defines the text that is displayed when the component contains no items.
-        */
-  noDataText!: string | undefined;
-  /**
-        Defines the component header text.
-
-**Note:** If the `header` slot is set, this property is ignored.
-        */
-  headerText!: string | undefined;
-  /**
-        Defines the component footer text.
-        */
-  footerText!: string | undefined;
-  /**
-        Defines the accessible name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines the IDs of the elements that label the component.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines the accessible description of the component.
-        */
-  accessibleDescription!: string | undefined;
-  /**
-        Defines the IDs of the elements that describe the component.
-        */
-  accessibleDescriptionRef!: string | undefined;
-
-  /**
-     Fired when a tree item is expanded or collapsed.
-
-**Note:** You can call `preventDefault()` on the event object to suppress the event, if needed.
-This may be handy for example if you want to dynamically load tree items upon the user expanding a node.
-Even if you prevented the event's default behavior, you can always manually call `toggle()` on a tree item.
-    */
-  ui5ItemToggle!: EventEmitter<TreeItemToggleEventDetail>;
-  /**
-     Fired when the mouse cursor enters the tree item borders.
-    */
-  ui5ItemMouseover!: EventEmitter<TreeItemMouseoverEventDetail>;
-  /**
-     Fired when the mouse cursor leaves the tree item borders.
-    */
-  ui5ItemMouseout!: EventEmitter<TreeItemMouseoutEventDetail>;
-  /**
-     Fired when a tree item is activated.
-    */
-  ui5ItemClick!: EventEmitter<TreeItemClickEventDetail>;
-  /**
-     Fired when the Delete button of any tree item is pressed.
-
-**Note:** A Delete button is displayed on each item,
-when the component `selectionMode` property is set to `Delete`.
-    */
-  ui5ItemDelete!: EventEmitter<TreeItemDeleteEventDetail>;
-  /**
-     Fired when selection is changed by user interaction
-in `Single`, `SingleStart`, `SingleEnd` and `Multiple` modes.
-    */
-  ui5SelectionChange!: EventEmitter<TreeSelectionChangeEventDetail>;
-  /**
-     Fired when a movable tree item is moved over a potential drop target during a drag-and-drop operation.
-
-If the new position is valid, prevent the default action of the event using `preventDefault()`.
-    */
-  ui5Move!: EventEmitter<TreeMoveEventDetail>;
-  /**
-     Fired when a movable tree item is dropped onto a drop target.
-
-**Note:** The `move` event is fired only if there was a preceding `move-over` event with prevented default action.
-    */
-  ui5MoveOver!: EventEmitter<TreeMoveEventDetail>;
-
-  private elementRef: ElementRef<Tree> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Tree {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TreeComponent };

package/main/tree/ng-package.json

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

package/main/tree-item/index.ts

@@ -1,176 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
-import '@ui5/webcomponents/dist/TreeItem.js';
-import TreeItem from '@ui5/webcomponents/dist/TreeItem.js';
-@ProxyInputs([
-  'type',
-  'accessibilityAttributes',
-  'navigated',
-  'tooltip',
-  'highlight',
-  'selected',
-  'icon',
-  'expanded',
-  'movable',
-  'indeterminate',
-  'hasChildren',
-  'additionalTextState',
-  'accessibleName',
-  'text',
-  'additionalText',
-])
-@ProxyOutputs(['detail-click: ui5DetailClick'])
-@Component({
-  standalone: true,
-  selector: 'ui5-tree-item',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'type',
-    'accessibilityAttributes',
-    'navigated',
-    'tooltip',
-    'highlight',
-    'selected',
-    'icon',
-    'expanded',
-    'movable',
-    'indeterminate',
-    'hasChildren',
-    'additionalTextState',
-    'accessibleName',
-    'text',
-    'additionalText',
-  ],
-  outputs: ['ui5DetailClick'],
-  exportAs: 'ui5TreeItem',
-})
-class TreeItemComponent {
-  /**
-        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:
-
-- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
-**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
-
-	- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
-	**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
-        */
-  accessibilityAttributes!: ListItemAccessibilityAttributes;
-  /**
-        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 that would be displayed for the list 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;
-  /**
-        If set, an icon will be displayed before the text of the tree list item.
-        */
-  icon!: string | undefined;
-  /**
-        Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  expanded!: boolean;
-  /**
-        Defines whether the item is movable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  movable!: boolean;
-  /**
-        Defines whether the selection of a tree node is displayed as partially selected.
-
-**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
-interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
-and `selected` properties:
-
--  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
--  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
--  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
-
-**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  indeterminate!: boolean;
-  /**
-        Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
-
-**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
-Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
-It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hasChildren!: boolean;
-  /**
-        Defines the state of the `additionalText`.
-
-Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
-        */
-  additionalTextState!:
-    | 'None'
-    | 'Positive'
-    | 'Critical'
-    | 'Negative'
-    | 'Information';
-  /**
-        Defines the accessible name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines the text of the tree item.
-        */
-  text!: string | undefined;
-  /**
-        Defines the `additionalText`, displayed in the end of the tree item.
-        */
-  additionalText!: string | undefined;
-
-  /**
-     Fired when the user clicks on the detail button when type is `Detail`.
-    */
-  ui5DetailClick!: EventEmitter<void>;
-
-  private elementRef: ElementRef<TreeItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TreeItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TreeItemComponent };

package/main/tree-item/ng-package.json

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

package/main/tree-item-custom/index.ts

@@ -1,171 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';
-import '@ui5/webcomponents/dist/TreeItemCustom.js';
-import TreeItemCustom from '@ui5/webcomponents/dist/TreeItemCustom.js';
-@ProxyInputs([
-  'type',
-  'accessibilityAttributes',
-  'navigated',
-  'tooltip',
-  'highlight',
-  'selected',
-  'icon',
-  'expanded',
-  'movable',
-  'indeterminate',
-  'hasChildren',
-  'additionalTextState',
-  'accessibleName',
-  'hideSelectionElement',
-])
-@ProxyOutputs(['detail-click: ui5DetailClick'])
-@Component({
-  standalone: true,
-  selector: 'ui5-tree-item-custom',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'type',
-    'accessibilityAttributes',
-    'navigated',
-    'tooltip',
-    'highlight',
-    'selected',
-    'icon',
-    'expanded',
-    'movable',
-    'indeterminate',
-    'hasChildren',
-    'additionalTextState',
-    'accessibleName',
-    'hideSelectionElement',
-  ],
-  outputs: ['ui5DetailClick'],
-  exportAs: 'ui5TreeItemCustom',
-})
-class TreeItemCustomComponent {
-  /**
-        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:
-
-- **ariaSetsize**: Defines the number of items in the current set  when not all items in the set are present in the DOM.
-**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
-
-	- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
-	**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
-        */
-  accessibilityAttributes!: ListItemAccessibilityAttributes;
-  /**
-        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 that would be displayed for the list 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;
-  /**
-        If set, an icon will be displayed before the text of the tree list item.
-        */
-  icon!: string | undefined;
-  /**
-        Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  expanded!: boolean;
-  /**
-        Defines whether the item is movable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  movable!: boolean;
-  /**
-        Defines whether the selection of a tree node is displayed as partially selected.
-
-**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
-interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
-and `selected` properties:
-
--  If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
--  If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
--  If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
-
-**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  indeterminate!: boolean;
-  /**
-        Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
-
-**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
-Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
-It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hasChildren!: boolean;
-  /**
-        Defines the state of the `additionalText`.
-
-Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
-        */
-  additionalTextState!:
-    | 'None'
-    | 'Positive'
-    | 'Critical'
-    | 'Negative'
-    | 'Information';
-  /**
-        Defines the accessible name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines whether the tree list item should display the selection element.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideSelectionElement!: boolean;
-
-  /**
-     Fired when the user clicks on the detail button when type is `Detail`.
-    */
-  ui5DetailClick!: EventEmitter<void>;
-
-  private elementRef: ElementRef<TreeItemCustom> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TreeItemCustom {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TreeItemCustomComponent };

package/main/tree-item-custom/ng-package.json

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