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

package/main/color-palette-popover/index.ts

@@ -1,96 +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/ColorPalettePopover.js';
-import {
-  default as ColorPalettePopover,
-  ColorPalettePopoverItemClickEventDetail,
-} from '@ui5/webcomponents/dist/ColorPalettePopover.js';
-@ProxyInputs([
-  'showRecentColors',
-  'showMoreColors',
-  'showDefaultColor',
-  'defaultColor',
-  'open',
-  'opener',
-])
-@ProxyOutputs(['item-click: ui5ItemClick', 'close: ui5Close'])
-@Component({
-  standalone: true,
-  selector: 'ui5-color-palette-popover',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'showRecentColors',
-    'showMoreColors',
-    'showDefaultColor',
-    'defaultColor',
-    'open',
-    'opener',
-  ],
-  outputs: ['ui5ItemClick', 'ui5Close'],
-  exportAs: 'ui5ColorPalettePopover',
-})
-class ColorPalettePopoverComponent {
-  /**
-        Defines whether the user can see the last used colors in the bottom of the component
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showRecentColors!: boolean;
-  /**
-        Defines whether the user can choose a custom color from a component.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showMoreColors!: boolean;
-  /**
-        Defines whether the user can choose the default color from a button.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showDefaultColor!: boolean;
-  /**
-        Defines the default color of the component.
-
-**Note:** The default color should be a part of the ColorPalette colors`
-        */
-  defaultColor!: string | undefined;
-  /**
-        Defines the open | closed state of the popover.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-  /**
-        Defines the ID or DOM Reference of the element that the popover is shown at.
-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;
-
-  /**
-     Fired when the user selects a color.
-    */
-  ui5ItemClick!: EventEmitter<ColorPalettePopoverItemClickEventDetail>;
-  /**
-     Fired when the `ui5-color-palette-popover` is closed due to user interaction.
-    */
-  ui5Close!: EventEmitter<void>;
-
-  private elementRef: ElementRef<ColorPalettePopover> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ColorPalettePopover {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ColorPalettePopoverComponent };

package/main/color-palette-popover/ng-package.json

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

package/main/color-picker/index.ts

@@ -1,60 +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/ColorPicker.js';
-import ColorPicker from '@ui5/webcomponents/dist/ColorPicker.js';
-@ProxyInputs(['value', 'name', 'simplified'])
-@ProxyOutputs(['change: ui5Change'])
-@Component({
-  standalone: true,
-  selector: 'ui5-color-picker',
-  template: '<ng-content></ng-content>',
-  inputs: ['value', 'name', 'simplified'],
-  outputs: ['ui5Change'],
-  exportAs: 'ui5ColorPicker',
-})
-class ColorPickerComponent {
-  /**
-        Defines the currently selected color of the component.
-
-**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.
-        */
-  value!: string;
-  /**
-        Determines the name by which the component will be identified upon submission in an HTML form.
-
-**Note:** This property is only applicable within the context of an HTML Form element.
-        */
-  name!: string | undefined;
-  /**
-        When set to `true`, the alpha slider and inputs for RGB values will not be displayed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  simplified!: boolean;
-
-  /**
-     Fired when the the selected color is changed
-    */
-  ui5Change!: EventEmitter<void>;
-
-  private elementRef: ElementRef<ColorPicker> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ColorPicker {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ColorPickerComponent };

package/main/color-picker/ng-package.json

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

package/main/combo-box/index.ts

@@ -1,193 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ComboBox.js';
-import {
-  default as ComboBox,
-  ComboBoxSelectionChangeEventDetail,
-} from '@ui5/webcomponents/dist/ComboBox.js';
-@ProxyInputs([
-  'value',
-  'name',
-  'noTypeahead',
-  'placeholder',
-  'disabled',
-  'valueState',
-  'readonly',
-  'required',
-  'loading',
-  'filter',
-  'showClearIcon',
-  'accessibleName',
-  'accessibleNameRef',
-  'open',
-])
-@ProxyOutputs([
-  'change: ui5Change',
-  'open: ui5Open',
-  'close: ui5Close',
-  'input: ui5Input',
-  'selection-change: ui5SelectionChange',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-combobox',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'value',
-    'name',
-    'noTypeahead',
-    'placeholder',
-    'disabled',
-    'valueState',
-    'readonly',
-    'required',
-    'loading',
-    'filter',
-    'showClearIcon',
-    'accessibleName',
-    'accessibleNameRef',
-    'open',
-  ],
-  outputs: [
-    'ui5Change',
-    'ui5Open',
-    'ui5Close',
-    'ui5Input',
-    'ui5SelectionChange',
-  ],
-  exportAs: 'ui5Combobox',
-  hostDirectives: [GenericControlValueAccessor],
-  host: {
-    '(change)': '_cva?.onChange?.(cvaValue);',
-    '(input)': '_cva?.onChange?.(cvaValue);',
-  },
-})
-class ComboBoxComponent {
-  /**
-        Defines the value of the component.
-        */
-  value!: string;
-  /**
-        Determines the name by which the component will be identified upon submission in an HTML form.
-
-**Note:** This property is only applicable within the context of an HTML Form element.
-        */
-  name!: string | undefined;
-  /**
-        Defines whether the value will be autocompleted to match an item
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  noTypeahead!: boolean;
-  /**
-        Defines a short hint intended to aid the user with data entry when the
-component has no value.
-        */
-  placeholder!: string | undefined;
-  /**
-        Defines whether the component is in disabled state.
-
-**Note:** A disabled component is completely noninteractive.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the value state of the component.
-        */
-  valueState!: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
-  /**
-        Defines whether the component is read-only.
-
-**Note:** A read-only component is not editable,
-but still provides visual feedback upon user interaction.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  readonly!: boolean;
-  /**
-        Defines whether the component is required.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  required!: boolean;
-  /**
-        Indicates whether a loading indicator should be shown in the picker.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines the filter type of the component.
-        */
-  filter!: 'StartsWithPerTerm' | 'StartsWith' | 'Contains' | 'None';
-  /**
-        Defines whether the clear icon of the combobox will be shown.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showClearIcon!: boolean;
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Receives id(or many ids) of the elements that label the component
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Indicates whether the items picker is open.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-
-  /**
-     Fired when the input operation has finished by pressing Enter, focusout or an item is selected.
-    */
-  ui5Change!: EventEmitter<void>;
-  /**
-     Fired when the dropdown is opened.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired when the dropdown is closed.
-    */
-  ui5Close!: EventEmitter<void>;
-  /**
-     Fired when typing in input or clear icon is pressed.
-
-**Note:** filterValue property is updated, input is changed.
-    */
-  ui5Input!: EventEmitter<void>;
-  /**
-     Fired when selection is changed by user interaction
-    */
-  ui5SelectionChange!: EventEmitter<ComboBoxSelectionChangeEventDetail>;
-
-  private elementRef: ElementRef<ComboBox> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-  protected _cva = inject(GenericControlValueAccessor);
-
-  get element(): ComboBox {
-    return this.elementRef.nativeElement;
-  }
-
-  set cvaValue(val) {
-    this.element.value = val;
-    this.cdr.detectChanges();
-  }
-  get cvaValue() {
-    return this.element.value;
-  }
-
-  constructor() {
-    this.cdr.detach();
-    this._cva.host = this;
-  }
-}
-export { ComboBoxComponent };

package/main/combo-box/ng-package.json

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

package/main/combo-box-item/index.ts

@@ -1,41 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ComboBoxItem.js';
-import ComboBoxItem from '@ui5/webcomponents/dist/ComboBoxItem.js';
-@ProxyInputs(['text', 'additionalText'])
-@Component({
-  standalone: true,
-  selector: 'ui5-cb-item',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'additionalText'],
-  exportAs: 'ui5CbItem',
-})
-class ComboBoxItemComponent {
-  /**
-        Defines the text of the component.
-        */
-  text!: string | undefined;
-  /**
-        Defines the additional text of the component.
-        */
-  additionalText!: string | undefined;
-
-  private elementRef: ElementRef<ComboBoxItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ComboBoxItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ComboBoxItemComponent };

package/main/combo-box-item/ng-package.json

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

package/main/combo-box-item-group/index.ts

@@ -1,72 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ComboBoxItemGroup.js';
-import ComboBoxItemGroup from '@ui5/webcomponents/dist/ComboBoxItemGroup.js';
-import { ListItemGroupMoveEventDetail } from '@ui5/webcomponents/dist/ListItemGroup.js';
-@ProxyInputs(['headerText', 'headerAccessibleName', 'wrappingType'])
-@ProxyOutputs(['move-over: ui5MoveOver', 'move: ui5Move'])
-@Component({
-  standalone: true,
-  selector: 'ui5-cb-item-group',
-  template: '<ng-content></ng-content>',
-  inputs: ['headerText', 'headerAccessibleName', 'wrappingType'],
-  outputs: ['ui5MoveOver', 'ui5Move'],
-  exportAs: 'ui5CbItemGroup',
-})
-class ComboBoxItemGroupComponent {
-  /**
-        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<ComboBoxItemGroup> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ComboBoxItemGroup {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ComboBoxItemGroupComponent };

package/main/combo-box-item-group/ng-package.json

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