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

package/main/tab/index.ts

@@ -1,94 +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/Tab.js';
-import Tab from '@ui5/webcomponents/dist/Tab.js';
-@ProxyInputs([
-  'text',
-  'disabled',
-  'additionalText',
-  'icon',
-  'design',
-  'selected',
-  'movable',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-tab',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'text',
-    'disabled',
-    'additionalText',
-    'icon',
-    'design',
-    'selected',
-    'movable',
-  ],
-  exportAs: 'ui5Tab',
-})
-class TabComponent {
-  /**
-        The text to be displayed for the item.
-        */
-  text!: string | undefined;
-  /**
-        Disabled tabs can't be selected.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Represents the "additionalText" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the "additionalText" is displayed larger.
-        */
-  additionalText!: string | undefined;
-  /**
-        Defines the icon source URI to be displayed as graphical element within the component.
-The SAP-icons font provides numerous built-in icons.
-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 the component's design color.
-
-The design is applied to:
-
-- the component icon
-- the `text` when the component overflows
-- the tab selection line
-
-Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
-
-**Note:** The design depends on the current theme.
-        */
-  design!: 'Default' | 'Positive' | 'Negative' | 'Critical' | 'Neutral';
-  /**
-        Specifies if the component is selected.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-  /**
-        Defines if the tab is movable.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  movable!: boolean;
-
-  private elementRef: ElementRef<Tab> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Tab {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TabComponent };

package/main/tab/ng-package.json

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

package/main/tab-container/index.ts

@@ -1,115 +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 '@ui5/webcomponents/dist/TabContainer.js';
-import {
-  default as TabContainer,
-  TabContainerMoveEventDetail,
-  TabContainerTabSelectEventDetail,
-} from '@ui5/webcomponents/dist/TabContainer.js';
-@ProxyInputs([
-  'collapsed',
-  'tabLayout',
-  'overflowMode',
-  'headerBackgroundDesign',
-  'contentBackgroundDesign',
-  'noAutoSelection',
-])
-@ProxyOutputs([
-  'tab-select: ui5TabSelect',
-  'move-over: ui5MoveOver',
-  'move: ui5Move',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-tabcontainer',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'collapsed',
-    'tabLayout',
-    'overflowMode',
-    'headerBackgroundDesign',
-    'contentBackgroundDesign',
-    'noAutoSelection',
-  ],
-  outputs: ['ui5TabSelect', 'ui5MoveOver', 'ui5Move'],
-  exportAs: 'ui5Tabcontainer',
-})
-class TabContainerComponent {
-  /**
-        Defines whether the tab content is collapsed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  collapsed!: boolean;
-  /**
-        Defines the alignment of the content and the `additionalText` of a tab.
-
-**Note:**
-The content and the `additionalText` would be displayed vertically by default,
-but when set to `Inline`, they would be displayed horizontally.
-        */
-  tabLayout!: 'Inline' | 'Standard';
-  /**
-        Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.
-All other tabs that can 't fit on the screen are available in an overflow tab "More".
-
-**Note:**
-Only one overflow at the end would be displayed by default,
-but when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.
-        */
-  overflowMode!: 'End' | 'StartAndEnd';
-  /**
-        Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.
-        */
-  headerBackgroundDesign!: 'Solid' | 'Transparent' | 'Translucent';
-  /**
-        Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.
-        */
-  contentBackgroundDesign!: 'Solid' | 'Transparent' | 'Translucent';
-  /**
-        Defines if automatic tab selection is deactivated.
-
-**Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.
-Setting this property to `true` allows preventing this behavior.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  noAutoSelection!: boolean;
-
-  /**
-     Fired when a tab is selected.
-    */
-  ui5TabSelect!: EventEmitter<TabContainerTabSelectEventDetail>;
-  /**
-     Fired when element is being moved over the tab container.
-
-If the new position is valid, prevent the default action of the event using `preventDefault()`.
-    */
-  ui5MoveOver!: EventEmitter<TabContainerMoveEventDetail>;
-  /**
-     Fired when element is moved to the tab container.
-
-**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
-    */
-  ui5Move!: EventEmitter<TabContainerMoveEventDetail>;
-
-  private elementRef: ElementRef<TabContainer> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TabContainer {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TabContainerComponent };

package/main/tab-container/ng-package.json

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

package/main/tab-separator/index.ts

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

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

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

package/main/table/index.ts

@@ -1,141 +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 '@ui5/webcomponents/dist/Table.js';
-import {
-  default as Table,
-  TableMoveEventDetail,
-  TableRowActionClickEventDetail,
-  TableRowClickEventDetail,
-} from '@ui5/webcomponents/dist/Table.js';
-@ProxyInputs([
-  'accessibleName',
-  'accessibleNameRef',
-  'noDataText',
-  'overflowMode',
-  'loading',
-  'loadingDelay',
-  'rowActionCount',
-  'alternateRowColors',
-])
-@ProxyOutputs([
-  'row-click: ui5RowClick',
-  'move-over: ui5MoveOver',
-  'move: ui5Move',
-  'row-action-click: ui5RowActionClick',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-table',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'accessibleName',
-    'accessibleNameRef',
-    'noDataText',
-    'overflowMode',
-    'loading',
-    'loadingDelay',
-    'rowActionCount',
-    'alternateRowColors',
-  ],
-  outputs: ['ui5RowClick', 'ui5MoveOver', 'ui5Move', 'ui5RowActionClick'],
-  exportAs: 'ui5Table',
-})
-class TableComponent {
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Identifies the element (or elements) that labels the component.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines the text to be displayed when there are no rows in the component.
-        */
-  noDataText!: string | undefined;
-  /**
-        Defines the mode of the <code>ui5-table</code> overflow behavior.
-
-Available options are:
-
-<code>Scroll</code> - Columns are shown as regular columns and horizontal scrolling is enabled.
-<code>Popin</code> - Columns are shown as pop-ins instead of regular columns.
-        */
-  overflowMode!: 'Scroll' | 'Popin';
-  /**
-        Defines if the loading indicator should be shown.
-
-**Note:** When the component is loading, it is not interactive.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines the delay in milliseconds, after which the loading indicator will show up for this component.
-        */
-  loadingDelay!: number;
-  /**
-        Defines the maximum number of row actions that is displayed, which determines the width of the row action column.
-
-**Note:** It is recommended to use a maximum of 3 row actions, as exceeding this limit may take up too much space on smaller screens.
-        */
-  rowActionCount!: number;
-  /**
-        Determines whether the table rows are displayed with alternating background colors.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  alternateRowColors!: boolean;
-
-  /**
-     Fired when an interactive row is clicked.
-
-**Note:** This event is not fired if the `behavior` property of the selection component is set to `RowOnly`.
-In that case, use the `change` event of the selection component instead.
-    */
-  ui5RowClick!: EventEmitter<TableRowClickEventDetail>;
-  /**
-     Fired when a movable 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()`.
-
-**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,
-the `source` parameter will be `null`.
-    */
-  ui5MoveOver!: EventEmitter<TableMoveEventDetail>;
-  /**
-     Fired when a movable list item is dropped onto a drop target.
-
-**Notes:**
-
-The `move` event is fired only if there was a preceding `move-over` with prevented default action.
-
-If the dragging operation is a cross-browser operation or files are moved to a potential drop target,
-the `source` parameter will be `null`.
-    */
-  ui5Move!: EventEmitter<TableMoveEventDetail>;
-  /**
-     Fired when a row action is clicked.
-    */
-  ui5RowActionClick!: EventEmitter<TableRowActionClickEventDetail>;
-
-  private elementRef: ElementRef<Table> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Table {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TableComponent };

package/main/table/ng-package.json

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

package/main/table-cell/index.ts

@@ -1,37 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/TableCell.js';
-import TableCell from '@ui5/webcomponents/dist/TableCell.js';
-@ProxyInputs(['horizontalAlign'])
-@Component({
-  standalone: true,
-  selector: 'ui5-table-cell',
-  template: '<ng-content></ng-content>',
-  inputs: ['horizontalAlign'],
-  exportAs: 'ui5TableCell',
-})
-class TableCellComponent {
-  /**
-        Determines the horizontal alignment of table cells.
-        */
-  horizontalAlign!: 'Left' | 'Start' | 'Right' | 'End' | 'Center' | undefined;
-
-  private elementRef: ElementRef<TableCell> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TableCell {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TableCellComponent };

package/main/table-cell/ng-package.json

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

package/main/table-growing/index.ts

@@ -1,65 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/TableGrowing.js';
-import TableGrowing from '@ui5/webcomponents/dist/TableGrowing.js';
-@ProxyInputs(['mode', 'text', 'subtext'])
-@ProxyOutputs(['load-more: ui5LoadMore'])
-@Component({
-  standalone: true,
-  selector: 'ui5-table-growing',
-  template: '<ng-content></ng-content>',
-  inputs: ['mode', 'text', 'subtext'],
-  outputs: ['ui5LoadMore'],
-  exportAs: 'ui5TableGrowing',
-})
-class TableGrowingComponent {
-  /**
-        Defines the mode of the <code>ui5-table</code> growing.
-
-Available options are:
-
-Button - Shows a More button at the bottom of the table, pressing it will load more rows.
-
-Scroll - The rows are loaded automatically by scrolling to the bottom of the table. If the table is not scrollable,
-a growing button will be rendered instead to ensure growing functionality.
-        */
-  mode!: 'Button' | 'Scroll';
-  /**
-        Defines the text that will be displayed inside the growing button.
-Has no effect when mode is set to `Scroll`.
-
-**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the
-current language.
-        */
-  text!: string | undefined;
-  /**
-        Defines the text that will be displayed below the `text` inside the growing button.
-Has no effect when mode is set to Scroll.
-        */
-  subtext!: string | undefined;
-
-  /**
-     Fired when the growing button is pressed or the user scrolls to the end of the table.
-    */
-  ui5LoadMore!: EventEmitter<void>;
-
-  private elementRef: ElementRef<TableGrowing> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TableGrowing {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TableGrowingComponent };

package/main/table-growing/ng-package.json

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

package/main/table-header-cell/index.ts

@@ -1,102 +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/TableHeaderCell.js';
-import TableHeaderCell from '@ui5/webcomponents/dist/TableHeaderCell.js';
-@ProxyInputs([
-  'horizontalAlign',
-  'width',
-  'minWidth',
-  'importance',
-  'popinText',
-  'sortIndicator',
-  'popinHidden',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-table-header-cell',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'horizontalAlign',
-    'width',
-    'minWidth',
-    'importance',
-    'popinText',
-    'sortIndicator',
-    'popinHidden',
-  ],
-  exportAs: 'ui5TableHeaderCell',
-})
-class TableHeaderCellComponent {
-  /**
-        Determines the horizontal alignment of table cells.
-        */
-  horizontalAlign!: 'Left' | 'Start' | 'Right' | 'End' | 'Center' | undefined;
-  /**
-        Defines the width of the column.
-
-By default, the column will grow and shrink according to the available space.
-This will distribute the space proportionally among all columns with no specific width set.
-
-See [\<length\>](https://developer.mozilla.org/en-US/docs/Web/CSS/length) and
-[\<percentage\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) for possible width values.
-        */
-  width!: string | undefined;
-  /**
-        Defines the minimum width of the column.
-
-If the table is in `Popin` mode and the minimum width does not fit anymore,
-the column will move into the popin.
-
-By default, the table prevents the column from becoming too small.
-Changing this value to a small value might lead to accessibility issues.
-
-**Note:** This property only takes effect for columns with a [\<percentage\>](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) value
-or the default width.
-        */
-  minWidth!: string | undefined;
-  /**
-        Defines the importance of the column.
-
-This property affects the popin behaviour.
-Columns with higher importance will move into the popin area later then less important
-columns.
-        */
-  importance!: number;
-  /**
-        The text for the column when it pops in.
-        */
-  popinText!: string | undefined;
-  /**
-        Defines the sort indicator of the column.
-        */
-  sortIndicator!: 'None' | 'Ascending' | 'Descending';
-  /**
-        Defines if the column is hidden in the popin.
-
-**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as
-users might not be able to access the content of the column on small screens.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  popinHidden!: boolean;
-
-  private elementRef: ElementRef<TableHeaderCell> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TableHeaderCell {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TableHeaderCellComponent };

package/main/table-header-cell/ng-package.json

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

package/main/table-header-cell-action-ai/index.ts

@@ -1,40 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/TableHeaderCellActionAI.js';
-import TableHeaderCellActionAI from '@ui5/webcomponents/dist/TableHeaderCellActionAI.js';
-import { TableHeaderCellActionClickEventDetail } from '@ui5/webcomponents/dist/TableHeaderCellActionBase.js';
-
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-table-header-cell-action-ai',
-  template: '<ng-content></ng-content>',
-  outputs: ['ui5Click'],
-  exportAs: 'ui5TableHeaderCellActionAi',
-})
-class TableHeaderCellActionAIComponent {
-  /**
-     Fired when a header cell action is clicked.
-    */
-  ui5Click!: EventEmitter<TableHeaderCellActionClickEventDetail>;
-
-  private elementRef: ElementRef<TableHeaderCellActionAI> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): TableHeaderCellActionAI {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TableHeaderCellActionAIComponent };

package/main/table-header-cell-action-ai/ng-package.json

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