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

package/main/calendar-legend/index.ts

@@ -1,65 +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/CalendarLegend.js';
-import CalendarLegend from '@ui5/webcomponents/dist/CalendarLegend.js';
-@ProxyInputs([
-  'hideToday',
-  'hideSelectedDay',
-  'hideNonWorkingDay',
-  'hideWorkingDay',
-])
-@Component({
-  standalone: true,
-  selector: 'ui5-calendar-legend',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'hideToday',
-    'hideSelectedDay',
-    'hideNonWorkingDay',
-    'hideWorkingDay',
-  ],
-  exportAs: 'ui5CalendarLegend',
-})
-class CalendarLegendComponent {
-  /**
-        Hides the Today item in the legend.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideToday!: boolean;
-  /**
-        Hides the Selected day item in the legend.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideSelectedDay!: boolean;
-  /**
-        Hides the Non-Working day item in the legend.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideNonWorkingDay!: boolean;
-  /**
-        Hides the Working day item in the legend.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideWorkingDay!: boolean;
-
-  private elementRef: ElementRef<CalendarLegend> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): CalendarLegend {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { CalendarLegendComponent };

package/main/calendar-legend/ng-package.json

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

package/main/calendar-legend-item/index.ts

@@ -1,64 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/CalendarLegendItem.js';
-import CalendarLegendItem from '@ui5/webcomponents/dist/CalendarLegendItem.js';
-@ProxyInputs(['text', 'type'])
-@Component({
-  standalone: true,
-  selector: 'ui5-calendar-legend-item',
-  template: '<ng-content></ng-content>',
-  inputs: ['text', 'type'],
-  exportAs: 'ui5CalendarLegendItem',
-})
-class CalendarLegendItemComponent {
-  /**
-        Defines the text content of the Calendar Legend Item.
-        */
-  text!: string | undefined;
-  /**
-        Defines the type of the Calendar Legend Item.
-        */
-  type!:
-    | 'None'
-    | 'Working'
-    | 'NonWorking'
-    | 'Type01'
-    | 'Type02'
-    | 'Type03'
-    | 'Type04'
-    | 'Type05'
-    | 'Type06'
-    | 'Type07'
-    | 'Type08'
-    | 'Type09'
-    | 'Type10'
-    | 'Type11'
-    | 'Type12'
-    | 'Type13'
-    | 'Type14'
-    | 'Type15'
-    | 'Type16'
-    | 'Type17'
-    | 'Type18'
-    | 'Type19'
-    | 'Type20';
-
-  private elementRef: ElementRef<CalendarLegendItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): CalendarLegendItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { CalendarLegendItemComponent };

package/main/calendar-legend-item/ng-package.json

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

package/main/card/index.ts

@@ -1,54 +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/Card.js';
-import Card from '@ui5/webcomponents/dist/Card.js';
-@ProxyInputs(['accessibleName', 'accessibleNameRef', 'loading', 'loadingDelay'])
-@Component({
-  standalone: true,
-  selector: 'ui5-card',
-  template: '<ng-content></ng-content>',
-  inputs: ['accessibleName', 'accessibleNameRef', 'loading', 'loadingDelay'],
-  exportAs: 'ui5Card',
-})
-class CardComponent {
-  /**
-        Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
-
-**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines the IDs of the elements that label the component.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines if a loading indicator would be displayed over the card.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  loading!: boolean;
-  /**
-        Defines the delay in milliseconds, after which the loading indicator will show up for this card.
-        */
-  loadingDelay!: number;
-
-  private elementRef: ElementRef<Card> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Card {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { CardComponent };

package/main/card/ng-package.json

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

package/main/card-header/index.ts

@@ -1,63 +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/CardHeader.js';
-import CardHeader from '@ui5/webcomponents/dist/CardHeader.js';
-@ProxyInputs(['titleText', 'subtitleText', 'additionalText', 'interactive'])
-@ProxyOutputs(['click: ui5Click'])
-@Component({
-  standalone: true,
-  selector: 'ui5-card-header',
-  template: '<ng-content></ng-content>',
-  inputs: ['titleText', 'subtitleText', 'additionalText', 'interactive'],
-  outputs: ['ui5Click'],
-  exportAs: 'ui5CardHeader',
-})
-class CardHeaderComponent {
-  /**
-        Defines the title text.
-        */
-  titleText!: string | undefined;
-  /**
-        Defines the subtitle text.
-        */
-  subtitleText!: string | undefined;
-  /**
-        Defines the additional text.
-        */
-  additionalText!: string | undefined;
-  /**
-        Defines if the component would be interactive,
-e.g gets hover effect and `click` event is fired, when pressed.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  interactive!: boolean;
-
-  /**
-     Fired when the component is activated by mouse/tap or by using the Enter or Space key.
-
-**Note:** The event would be fired only if the `interactive` property is set to true.
-    */
-  ui5Click!: EventEmitter<void>;
-
-  private elementRef: ElementRef<CardHeader> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): CardHeader {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { CardHeaderComponent };

package/main/card-header/ng-package.json

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

package/main/carousel/index.ts

@@ -1,137 +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/Carousel.js';
-import {
-  default as Carousel,
-  CarouselNavigateEventDetail,
-} from '@ui5/webcomponents/dist/Carousel.js';
-@ProxyInputs([
-  'accessibleName',
-  'accessibleNameRef',
-  'cyclic',
-  'itemsPerPage',
-  'hideNavigationArrows',
-  'hidePageIndicator',
-  'pageIndicatorType',
-  'backgroundDesign',
-  'pageIndicatorBackgroundDesign',
-  'pageIndicatorBorderDesign',
-  'arrowsPlacement',
-])
-@ProxyOutputs(['navigate: ui5Navigate'])
-@Component({
-  standalone: true,
-  selector: 'ui5-carousel',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'accessibleName',
-    'accessibleNameRef',
-    'cyclic',
-    'itemsPerPage',
-    'hideNavigationArrows',
-    'hidePageIndicator',
-    'pageIndicatorType',
-    'backgroundDesign',
-    'pageIndicatorBackgroundDesign',
-    'pageIndicatorBorderDesign',
-    'arrowsPlacement',
-  ],
-  outputs: ['ui5Navigate'],
-  exportAs: 'ui5Carousel',
-})
-class CarouselComponent {
-  /**
-        Defines the accessible name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines the IDs of the elements that label the input.
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  cyclic!: boolean;
-  /**
-        Defines the number of items per page depending on the carousel width.
-
-- 'S' for screens smaller than 600 pixels.
-- 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.
-- 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
-- 'XL' for screens greater than or equal to 1440 pixels.
-
-One item per page is shown by default.
-        */
-  itemsPerPage!: string;
-  /**
-        Defines the visibility of the navigation arrows.
-If set to true the navigation arrows will be hidden.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hideNavigationArrows!: boolean;
-  /**
-        Defines the visibility of the page indicator.
-If set to true the page indicator will be hidden.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  hidePageIndicator!: boolean;
-  /**
-        Defines the style of the page indicator.
-Available options are:
-
-- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)
-- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)
-        */
-  pageIndicatorType!: 'Default' | 'Numeric';
-  /**
-        Defines the carousel's background design.
-        */
-  backgroundDesign!: 'Solid' | 'Transparent' | 'Translucent';
-  /**
-        Defines the page indicator background design.
-        */
-  pageIndicatorBackgroundDesign!: 'Solid' | 'Transparent' | 'Translucent';
-  /**
-        Defines the page indicator border design.
-        */
-  pageIndicatorBorderDesign!: 'Solid' | 'None';
-  /**
-        Defines the position of arrows.
-
-Available options are:
-
-- `Content` - the arrows are placed on the sides of the current page.
-- `Navigation` - the arrows are placed on the sides of the page indicator.
-        */
-  arrowsPlacement!: 'Content' | 'Navigation';
-
-  /**
-     Fired whenever the page changes due to user interaction,
-when the user clicks on the navigation arrows or while resizing,
-based on the `items-per-page` property.
-    */
-  ui5Navigate!: EventEmitter<CarouselNavigateEventDetail>;
-
-  private elementRef: ElementRef<Carousel> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): Carousel {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { CarouselComponent };

package/main/carousel/ng-package.json

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

package/main/check-box/index.ts

@@ -1,178 +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/CheckBox.js';
-import CheckBox from '@ui5/webcomponents/dist/CheckBox.js';
-@ProxyInputs([
-  'accessibleNameRef',
-  'accessibleName',
-  'disabled',
-  'readonly',
-  'displayOnly',
-  'required',
-  'indeterminate',
-  'checked',
-  'text',
-  'valueState',
-  'wrappingType',
-  'name',
-  'value',
-])
-@ProxyOutputs(['change: ui5Change'])
-@Component({
-  standalone: true,
-  selector: 'ui5-checkbox',
-  template: '<ng-content></ng-content>',
-  inputs: [
-    'accessibleNameRef',
-    'accessibleName',
-    'disabled',
-    'readonly',
-    'displayOnly',
-    'required',
-    'indeterminate',
-    'checked',
-    'text',
-    'valueState',
-    'wrappingType',
-    'name',
-    'value',
-  ],
-  outputs: ['ui5Change'],
-  exportAs: 'ui5Checkbox',
-  hostDirectives: [GenericControlValueAccessor],
-  host: { '(change)': '_cva?.onChange?.(cvaValue);' },
-})
-class CheckBoxComponent {
-  /**
-        Receives id(or many ids) of the elements that label the component
-        */
-  accessibleNameRef!: string | undefined;
-  /**
-        Defines the accessible ARIA name of the component.
-        */
-  accessibleName!: string | undefined;
-  /**
-        Defines whether the component is disabled.
-
-**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;
-  /**
-        Determines whether the `ui5-checkbox` is in display only state.
-
-When set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable
-and not in the tab chain. This setting is used for forms in review mode.
-
-**Note:** When the property `disabled` is set to `true` this property has no effect.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  displayOnly!: boolean;
-  /**
-        Defines whether the component is required.
-
-**Note:** We advise against using the text property of the checkbox when there is a
-label associated with it to avoid having two required asterisks.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  required!: boolean;
-  /**
-        Defines whether the component is displayed as partially checked.
-
-**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
-interaction and the resulting visual state depends on the values of the `indeterminate`
-and `checked` properties:
-
--  If the component is checked and indeterminate, it will be displayed as partially checked
--  If the component is checked and it is not indeterminate, it will be displayed as checked
--  If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  indeterminate!: boolean;
-  /**
-        Defines if the component is checked.
-
-**Note:** The property can be changed with user interaction,
-either by cliking/tapping on the component, or by
-pressing the Enter or Space key.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  checked!: boolean;
-  /**
-        Defines the text of the component.
-        */
-  text!: string | undefined;
-  /**
-        Defines the value state of the component.
-        */
-  valueState!: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
-  /**
-        Defines whether the component text wraps when there is not enough space.
-
-**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
-**Note:** for option "None" the text will be truncated with an ellipsis.
-        */
-  wrappingType!: 'None' | 'Normal';
-  /**
-        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 form value of the component that is submitted when the checkbox is checked.
-
-When a form containing `ui5-checkbox` elements is submitted, only the values of the
-**checked** checkboxes are included in the form data sent to the server. Unchecked
-checkboxes do not contribute any data to the form submission.
-
-This property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.
-        */
-  value!: string;
-
-  /**
-     Fired when the component checked state changes.
-    */
-  ui5Change!: EventEmitter<void>;
-
-  private elementRef: ElementRef<CheckBox> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-  protected _cva = inject(GenericControlValueAccessor);
-
-  get element(): CheckBox {
-    return this.elementRef.nativeElement;
-  }
-
-  set cvaValue(val) {
-    this.element.checked = val;
-    this.cdr.detectChanges();
-  }
-  get cvaValue() {
-    return this.element.checked;
-  }
-
-  constructor() {
-    this.cdr.detach();
-    this._cva.host = this;
-  }
-}
-export { CheckBoxComponent };

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

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

package/main/color-palette/index.ts

@@ -1,42 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  NgZone,
-  inject,
-} from '@angular/core';
-import { ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
-import '@ui5/webcomponents/dist/ColorPalette.js';
-import {
-  default as ColorPalette,
-  ColorPaletteItemClickEventDetail,
-} from '@ui5/webcomponents/dist/ColorPalette.js';
-
-@ProxyOutputs(['item-click: ui5ItemClick'])
-@Component({
-  standalone: true,
-  selector: 'ui5-color-palette',
-  template: '<ng-content></ng-content>',
-  outputs: ['ui5ItemClick'],
-  exportAs: 'ui5ColorPalette',
-})
-class ColorPaletteComponent {
-  /**
-     Fired when the user selects a color.
-    */
-  ui5ItemClick!: EventEmitter<ColorPaletteItemClickEventDetail>;
-
-  private elementRef: ElementRef<ColorPalette> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ColorPalette {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ColorPaletteComponent };

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

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

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

@@ -1,49 +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/ColorPaletteItem.js';
-import ColorPaletteItem from '@ui5/webcomponents/dist/ColorPaletteItem.js';
-@ProxyInputs(['value', 'selected'])
-@Component({
-  standalone: true,
-  selector: 'ui5-color-palette-item',
-  template: '<ng-content></ng-content>',
-  inputs: ['value', 'selected'],
-  exportAs: 'ui5ColorPaletteItem',
-})
-class ColorPaletteItemComponent {
-  /**
-        Defines the colour of the component.
-
-**Note:** The value should be a valid CSS color.
-        */
-  value!: string;
-  /**
-        Defines if the component is selected.
-
-**Note:** Only one item must be selected per <code>ui5-color-palette</code>.
-If more than one item is defined as selected, the last one would be considered as the selected one.
-        */
-  @InputDecorator({ transform: booleanAttribute })
-  selected!: boolean;
-
-  private elementRef: ElementRef<ColorPaletteItem> = inject(ElementRef);
-  private zone = inject(NgZone);
-  private cdr = inject(ChangeDetectorRef);
-
-  get element(): ColorPaletteItem {
-    return this.elementRef.nativeElement;
-  }
-
-  constructor() {
-    this.cdr.detach();
-  }
-}
-export { ColorPaletteItemComponent };

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

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