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

package/main/text-area/index.ts

@@ -1,206 +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/TextArea.js';
-import {
-  default as TextArea,
-  TextAreaInputEventDetail,
-} from '@ui5/webcomponents/dist/TextArea.js';
-@ProxyInputs([
-  'value',
-  'disabled',
-  'readonly',
-  'required',
-  'placeholder',
-  'valueState',
-  'rows',
-  'maxlength',
-  'showExceededText',
-  'growing',
-  'growingMaxRows',
-  'name',
-  'accessibleName',
-  'accessibleNameRef',
-  'accessibleDescription',
-  'accessibleDescriptionRef',
-])
-@ProxyOutputs([
-  'change: ui5Change',
-  'input: ui5Input',
-  'select: ui5Select',
-  'scroll: ui5Scroll',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-textarea',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'value',
-    'disabled',
-    'readonly',
-    'required',
-    'placeholder',
-    'valueState',
-    'rows',
-    'maxlength',
-    'showExceededText',
-    'growing',
-    'growingMaxRows',
-    'name',
-    'accessibleName',
-    'accessibleNameRef',
-    'accessibleDescription',
-    'accessibleDescriptionRef',
-  ],
-  outputs: ['ui5Change', 'ui5Input', 'ui5Select', 'ui5Scroll'],
-  exportAs: 'ui5Textarea',
-  hostDirectives: [GenericControlValueAccessor],
-  host: {
-    '(change)': '_cva?.onChange?.(cvaValue);',
-    '(input)': '_cva?.onChange?.(cvaValue);',
-  },
-})
-class TextAreaComponent {
-  /**
-        Defines the value of the component.
-        */
-  value!: string;
-  /**
-        Indicates whether the user can interact with the component or not.
-
-**Note:** A disabled component is completely noninteractive.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        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;
-  /**
-        Defines a short hint intended to aid the user with data entry when the component has no value.
-        */
-  placeholder!: string | undefined;
-  /**
-        Defines the value state of the component.
-
-**Note:** If `maxlength` property is set,
-the component turns into "Critical" state once the characters exceeds the limit.
-In this case, only the "Negative" state is considered and can be applied.
-        */
-  valueState!: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
-  /**
-        Defines the number of visible text rows for the component.
-
-**Notes:**
-
-- If the `growing` property is enabled, this property defines the minimum rows to be displayed
-in the textarea.
-- The CSS `height` property wins over the `rows` property, if both are set.
-        */
-  rows!: number;
-  /**
-        Defines the maximum number of characters that the `value` can have.
-        */
-  maxlength!: number | undefined;
-  /**
-        Determines whether the characters exceeding the maximum allowed character count are visible
-in the component.
-
-If set to `false`, the user is not allowed to enter more characters than what is set in the
-`maxlength` property.
-If set to `true` the characters exceeding the `maxlength` value are selected on
-paste and the counter below the component displays their number.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showExceededText!: boolean;
-  /**
-        Enables the component to automatically grow and shrink dynamically with its content.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  growing!: boolean;
-  /**
-        Defines the maximum number of rows that the component can grow.
-        */
-  growingMaxRows!: number;
-  /**
-        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 the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Receives id(or many ids) of the elements that label the textarea.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines the accessible description of the component.
-        */
-  accessibleDescription!: string | undefined;
-  /**
-        Receives id(or many ids) of the elements that describe the textarea.
-        */
-  accessibleDescriptionRef!: string | undefined;
-
-  /**
-     Fired when the text has changed and the focus leaves the component.
-    */
-  ui5Change!: EventEmitter<void>;
-  /**
-     Fired when the value of the component changes at each keystroke or when
-something is pasted.
-    */
-  ui5Input!: EventEmitter<TextAreaInputEventDetail>;
-  /**
-     Fired when some text has been selected.
-    */
-  ui5Select!: EventEmitter<void>;
-  /**
-     Fired when textarea is scrolled.
-    */
-  ui5Scroll!: EventEmitter<void>;
-
-  private elementRef: ElementRef<TextArea> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-  protected _cva = inject(GenericControlValueAccessor);
-
-  get element(): TextArea {
-    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 { TextAreaComponent };

package/main/text-area/ng-package.json

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

package/main/theming/index.ts

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

package/main/theming/ng-package.json

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

package/main/time-picker/index.ts

@@ -1,176 +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/TimePicker.js';
-import {
-  default as TimePicker,
-  TimePickerChangeEventDetail,
-  TimePickerInputEventDetail,
-} from '@ui5/webcomponents/dist/TimePicker.js';
-@ProxyInputs([
-  'value',
-  'name',
-  'valueState',
-  'disabled',
-  'readonly',
-  'placeholder',
-  'formatPattern',
-  'open',
-  'required',
-  'accessibleName',
-  'accessibleNameRef',
-  'accessibleDescription',
-  'accessibleDescriptionRef',
-])
-@ProxyOutputs([
-  'change: ui5Change',
-  'input: ui5Input',
-  'open: ui5Open',
-  'close: ui5Close',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-time-picker',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'value',
-    'name',
-    'valueState',
-    'disabled',
-    'readonly',
-    'placeholder',
-    'formatPattern',
-    'open',
-    'required',
-    'accessibleName',
-    'accessibleNameRef',
-    'accessibleDescription',
-    'accessibleDescriptionRef',
-  ],
-  outputs: ['ui5Change', 'ui5Input', 'ui5Open', 'ui5Close'],
-  exportAs: 'ui5TimePicker',
-  hostDirectives: [GenericControlValueAccessor],
-  host: {
-    '(change)': '_cva?.onChange?.(cvaValue);',
-    '(input)': '_cva?.onChange?.(cvaValue);',
-  },
-})
-class TimePickerComponent {
-  /**
-        Defines a formatted time value.
-        */
-  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 the value state of the component.
-        */
-  valueState!: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
-  /**
-        Defines the disabled state of the comonent.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  disabled!: boolean;
-  /**
-        Defines the readonly state of the comonent.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  readonly!: boolean;
-  /**
-        Defines a short hint, intended to aid the user with data entry when the
-component has no value.
-
-**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
-Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
-        */
-  placeholder!: string | undefined;
-  /**
-        Determines the format, displayed in the input field.
-
-Example:
-HH:mm:ss -> 11:42:35
-hh:mm:ss a -> 2:23:15 PM
-mm:ss -> 12:04 (only minutes and seconds)
-        */
-  formatPattern!: string | undefined;
-  /**
-        Defines the open or closed state of the popover.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-  /**
-        Defines whether the component is required.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  required!: boolean;
-  /**
-        Defines the aria-label attribute for the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Receives id (or many ids) of the elements that label the component.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines the accessible description of the component.
-        */
-  accessibleDescription!: string | undefined;
-  /**
-        Receives id(or many ids) of the elements that describe the input.
-        */
-  accessibleDescriptionRef!: string | undefined;
-
-  /**
-     Fired when the input operation has finished by clicking the "OK" button or
-when the text in the input field has changed and the focus leaves the input field.
-    */
-  ui5Change!: EventEmitter<TimePickerChangeEventDetail>;
-  /**
-     Fired when the value of the `ui5-time-picker` is changed at each key stroke.
-    */
-  ui5Input!: EventEmitter<TimePickerInputEventDetail>;
-  /**
-     Fired after the value-help dialog of the component is opened.
-    */
-  ui5Open!: EventEmitter<void>;
-  /**
-     Fired after the value-help dialog of the component is closed.
-    */
-  ui5Close!: EventEmitter<void>;
-
-  private elementRef: ElementRef<TimePicker> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-  protected _cva = inject(GenericControlValueAccessor);
-
-  get element(): TimePicker {
-    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 { TimePickerComponent };

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

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

package/main/title/index.ts

@@ -1,51 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/Title.js';
-import Title from '@ui5/webcomponents/dist/Title.js';
-@ProxyInputs(['wrappingType', 'level', 'size'])
-@Component({
-  standalone: true,
-  selector: 'ui5-title',
-  template: '<ng-content></ng-content>',
-  inputs: ['wrappingType', 'level', 'size'],
-  exportAs: 'ui5Title',
-})
-class TitleComponent {
-  /**
-        Defines how the text of a component will be displayed when there is not enough space.
-
-**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
-        */
-  wrappingType!: 'None' | 'Normal';
-  /**
-        Defines the component level.
-Available options are: `"H6"` to `"H1"`.
-This property does not influence the style of the component.
-Use the property `size` for this purpose instead.
-        */
-  level!: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
-  /**
-        Defines the visual appearance of the title.
-Available options are: `"H6"` to `"H1"`.
-        */
-  size!: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
-
-  private elementRef: ElementRef<Title> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Title {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { TitleComponent };

package/main/title/ng-package.json

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

package/main/toast/index.ts

@@ -1,69 +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/Toast.js';
-import Toast from '@ui5/webcomponents/dist/Toast.js';
-@ProxyInputs(['duration', 'placement', 'open'])
-@ProxyOutputs(['close: ui5Close'])
-@Component({
-  standalone: true,
-  selector: 'ui5-toast',
-  template: '<ng-content></ng-content>',
-  inputs: ['duration', 'placement', 'open'],
-  outputs: ['ui5Close'],
-  exportAs: 'ui5Toast',
-})
-class ToastComponent {
-  /**
-        Defines the duration in milliseconds for which component
-remains on the screen before it's automatically closed.
-
-**Note:** The minimum supported value is `500` ms
-and even if a lower value is set, the duration would remain `500` ms.
-        */
-  duration!: number;
-  /**
-        Defines the placement of the component.
-        */
-  placement!:
-    | 'TopStart'
-    | 'TopCenter'
-    | 'TopEnd'
-    | 'MiddleStart'
-    | 'MiddleCenter'
-    | 'MiddleEnd'
-    | 'BottomStart'
-    | 'BottomCenter'
-    | 'BottomEnd';
-  /**
-        Indicates whether the component is open (visible).
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-
-  /**
-     Fired after the component is auto closed.
-    */
-  ui5Close!: EventEmitter<void>;
-
-  private elementRef: ElementRef<Toast> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Toast {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ToastComponent };

package/main/toast/ng-package.json

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