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

package/ai/text-area/index.ts

@@ -1,252 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-ai/dist/TextArea.js';
-import {
-  default as TextArea,
-  TextAreaVersionChangeEventDetail,
-} from '@ui5/webcomponents-ai/dist/TextArea.js';
-import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import { TextAreaInputEventDetail } from '@ui5/webcomponents/dist/TextArea.js';
-@ProxyInputs([
-  'value',
-  'disabled',
-  'readonly',
-  'required',
-  'placeholder',
-  'valueState',
-  'rows',
-  'maxlength',
-  'showExceededText',
-  'growing',
-  'growingMaxRows',
-  'name',
-  'accessibleName',
-  'accessibleNameRef',
-  'accessibleDescription',
-  'accessibleDescriptionRef',
-  'loading',
-  'promptDescription',
-  'currentVersion',
-  'totalVersions',
-])
-@ProxyOutputs([
-  'change: ui5Change',
-  'input: ui5Input',
-  'select: ui5Select',
-  'scroll: ui5Scroll',
-  'version-change: ui5VersionChange',
-  'stop-generation: ui5StopGeneration',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-ai-textarea',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'value',
-    'disabled',
-    'readonly',
-    'required',
-    'placeholder',
-    'valueState',
-    'rows',
-    'maxlength',
-    'showExceededText',
-    'growing',
-    'growingMaxRows',
-    'name',
-    'accessibleName',
-    'accessibleNameRef',
-    'accessibleDescription',
-    'accessibleDescriptionRef',
-    'loading',
-    'promptDescription',
-    'currentVersion',
-    'totalVersions',
-  ],
-  outputs: [
-    'ui5Change',
-    'ui5Input',
-    'ui5Select',
-    'ui5Scroll',
-    'ui5VersionChange',
-    'ui5StopGeneration',
-  ],
-  exportAs: 'ui5AiTextarea',
-  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;
-  /**
-        Defines whether the `ui5-ai-textarea` is currently in a loading(processing) state.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines the prompt description of the current action.
-        */
-  promptDescription!: string;
-  /**
-        Indicates the index of the currently displayed version.
-        */
-  currentVersion!: number;
-  /**
-        Indicates the total number of result versions available.
-
-Notes:
-Versioning is hidden if the value is `0`
-        */
-  totalVersions!: number;
-
-  /**
-     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>;
-  /**
-     Fired when the user clicks on version navigation buttons.
-    */
-  ui5VersionChange!: EventEmitter<TextAreaVersionChangeEventDetail>;
-  /**
-     Fired when the user requests to stop AI text generation.
-    */
-  ui5StopGeneration!: 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/ai/text-area/ng-package.json

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

package/ai/theming/index.ts

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

package/ai/theming/ng-package.json

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

package/ai/ui5-ai.module.ts

@@ -1,28 +0,0 @@
-import { NgModule } from "@angular/core";
-import { Ui5WebcomponentsAiThemingService } from "@ui5/webcomponents-ngx/ai/theming";
-import "@ui5/webcomponents-ai/dist/Assets.js";
-import { ButtonComponent } from "@ui5/webcomponents-ngx/ai/button";
-import { ButtonStateComponent } from "@ui5/webcomponents-ngx/ai/button-state";
-import { InputComponent } from "@ui5/webcomponents-ngx/ai/input";
-import { PromptInputComponent } from "@ui5/webcomponents-ngx/ai/prompt-input";
-import { TextAreaComponent } from "@ui5/webcomponents-ngx/ai/text-area";
-
-const imports = [
-  ButtonComponent,
-  ButtonStateComponent,
-  InputComponent,
-  PromptInputComponent,
-  TextAreaComponent,
-];
-const exports = [...imports];
-
-@NgModule({
-  imports: [...imports],
-  exports: [...exports],
-})
-class Ui5AiModule {
-  constructor(
-    ui5WebcomponentsAiThemingService: Ui5WebcomponentsAiThemingService,
-  ) {}
-}
-export { Ui5AiModule };

package/compodocrc.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "../../node_modules/@compodoc/compodoc/src/config/schema.json",
-  "disableCoverage": true,
-  "disableGraph": true,
-  "disableInternal": true,
-  "disableSourceCode": true,
-  "disableTemplateTab": true,
-  "disableLifeCycleHooks": true,
-  "disablePrivate": true,
-  "disableProtected": true,
-  "disableDependencies": true
-}

package/config/index.ts

@@ -1,34 +0,0 @@
-import {Inject, NgModule} from '@angular/core';
-import {setAnimationMode} from '@ui5/webcomponents-base/dist/config/AnimationMode.js';
-
-interface Ui5Config {
-  animationMode: string;
-}
-
-const setters: Record<keyof Ui5Config, (val: any) => void> = {
-  animationMode: setAnimationMode,
-};
-
-@NgModule({})
-export class Ui5WebcomponentsConfigModule {
-  constructor(@Inject('rootConfig') config: Ui5Config) {
-    console.log({config});
-  }
-
-  static forRoot(config: Partial<Ui5Config>) {
-    return {
-      ngModule: Ui5WebcomponentsConfigModule,
-      providers: [
-        {
-          provide: 'rootConfig',
-          useFactory: () => {
-            Object.entries(config).filter(([, val]) => val !== undefined).forEach(([key, val]) => {
-              setters[key](val);
-            });
-            return config;
-          }
-        }
-      ]
-    };
-  }
-}

package/config/ng-package.json

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

package/content-density/index.ts

@@ -1,22 +0,0 @@
-import {Directive, HostBinding, Input, NgModule} from "@angular/core";
-
-@Directive({
-  selector: '[ui5Compact]',
-  standalone: true
-})
-export class CompactDirective {
-  @Input()
-  set ui5Compact(value: boolean | string) {
-    this._ui5Compact = value === true || value === '' || value === 'true';
-  }
-
-  @HostBinding('class.ui5-content-density-compact')
-  private _ui5Compact = false;
-}
-
-@NgModule({
-  imports: [CompactDirective],
-  exports: [CompactDirective]
-})
-export class ContentDensityModule {
-}

package/content-density/ng-package.json

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

package/fiori/barcode-scanner-dialog/index.ts

@@ -1,64 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
-import {
-  default as BarcodeScannerDialog,
-  BarcodeScannerDialogScanErrorEventDetail,
-  BarcodeScannerDialogScanSuccessEventDetail,
-} from '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['open'])
-@ProxyOutputs([
-  'close: ui5Close',
-  'scan-success: ui5ScanSuccess',
-  'scan-error: ui5ScanError',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-barcode-scanner-dialog',
-  template: '<ng-content></ng-content>',
-  inputs: ['open'],
-  outputs: ['ui5Close', 'ui5ScanSuccess', 'ui5ScanError'],
-  exportAs: 'ui5BarcodeScannerDialog',
-})
-class BarcodeScannerDialogComponent {
-  /**
-        Indicates whether the dialog is open.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  open!: boolean;
-
-  /**
-     Fired when the user closes the component.
-    */
-  ui5Close!: EventEmitter<void>;
-  /**
-     Fires when the scan is completed successfuuly.
-    */
-  ui5ScanSuccess!: EventEmitter<BarcodeScannerDialogScanSuccessEventDetail>;
-  /**
-     Fires when the scan fails with error.
-    */
-  ui5ScanError!: EventEmitter<BarcodeScannerDialogScanErrorEventDetail>;
-
-  private elementRef: ElementRef<BarcodeScannerDialog> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): BarcodeScannerDialog {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { BarcodeScannerDialogComponent };

package/fiori/barcode-scanner-dialog/ng-package.json

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

package/fiori/dynamic-page/index.ts

@@ -1,70 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  Input as InputDecorator,
-  NgZone,
-  booleanAttribute,
-  inject,
-} from '@angular/core';
-import '@ui5/webcomponents-fiori/dist/DynamicPage.js';
-import DynamicPage from '@ui5/webcomponents-fiori/dist/DynamicPage.js';
-import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-@ProxyInputs(['hidePinButton', 'headerPinned', 'showFooter', 'headerSnapped'])
-@ProxyOutputs([
-  'pin-button-toggle: ui5PinButtonToggle',
-  'title-toggle: ui5TitleToggle',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-dynamic-page',
-  template: '<ng-content></ng-content>',
-  inputs: ['hidePinButton', 'headerPinned', 'showFooter', 'headerSnapped'],
-  outputs: ['ui5PinButtonToggle', 'ui5TitleToggle'],
-  exportAs: 'ui5DynamicPage',
-})
-class DynamicPageComponent {
-  /**
-        Defines if the pin button is hidden.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hidePinButton!: boolean;
-  /**
-        Defines if the header is pinned.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  headerPinned!: boolean;
-  /**
-        Defines if the footer is shown.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  showFooter!: boolean;
-  /**
-        Defines if the header is snapped.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  headerSnapped!: boolean;
-
-  /**
-     Fired when the pin header button is toggled.
-    */
-  ui5PinButtonToggle!: EventEmitter<void>;
-  /**
-     Fired when the expand/collapse area of the title is toggled.
-    */
-  ui5TitleToggle!: EventEmitter<void>;
-
-  private elementRef: ElementRef<DynamicPage> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): DynamicPage {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { DynamicPageComponent };

package/fiori/dynamic-page/ng-package.json

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

package/fiori/dynamic-page-header/index.ts

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

package/fiori/dynamic-page-header/ng-package.json

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

package/fiori/dynamic-page-title/index.ts

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

package/fiori/dynamic-page-title/ng-package.json

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