@fundamental-ngx/ui5-webcomponents 0.60.1 → 0.60.2

package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs

@@ -1,161 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/AvatarGroup.js';
-
-class AvatarGroup {
-    constructor() {
-        /**
-         * Defines the mode of the `AvatarGroup`.
-         */
-        this.type = input("Group", ...(ngDevMode ? [{ debugName: "type" }] : []));
-        /**
-         * Defines the additional accessibility attributes that will be applied to the component.
-      The following field is supported:
-      
-      - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
-      Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
-         */
-        this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
-        /**
-         * Defines the accessible name of the AvatarGroup.
-      When provided, this will override the default aria-label text.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Receives id(s) of the elements that describe the AvatarGroup.
-      When provided, this will be used as aria-labelledby instead of aria-label.
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : [])); // className is now passed
-        /**
-         * Fired when the component is activated either with a
-      click/tap or by using the Enter or Space key.
-         */
-        this.ui5Click = output();
-        /**
-         * Fired when the count of visible `ui5-avatar` elements in the
-      component has changed
-         */
-        this.ui5Overflow = output();
-        /**
-         * Available slots for content projection in this component.
-         *
-         * Slots allow you to insert custom content into predefined areas of the web component.
-         * Use the `slot` attribute on child elements to target specific slots.
-         *
-         * - **(default)**: Defines the items of the component. Use the `ui5-avatar` component as an item.
-      
-      **Note:** The UX guidelines recommends using avatars with "Circle" shape.
-      
-      Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
-      as the built-in overflow action has "Circle" shape.
-         * - **overflowButton**: Defines the overflow button of the component.
-      
-      **Note:** We recommend using the `ui5-button` component.
-      
-      **Note:** If this slot is not used, the component will display the built-in overflow button.
-         *
-         * @example
-         * ```html
-         * <ui5-avatar-group>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-avatar-group>
-         * ```
-         *
-         * @readonly
-         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
-         */
-        this.slots = [
-            {
-                "name": "default",
-                "description": "Defines the items of the component. Use the `ui5-avatar` component as an item.\n\n**Note:** The UX guidelines recommends using avatars with \"Circle\" shape.\n\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape."
-            },
-            {
-                "name": "overflowButton",
-                "description": "Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.",
-                "since": "1.0.0-rc.13"
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    /**
-     * Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.
-     * @readonly This property is managed by the web component.
-     */
-    get hiddenItems() {
-        return this.element?.hiddenItems ?? [];
-    }
-    /**
-     * Returns an array containing the `AvatarColorScheme` values that correspond to the avatars in the component.
-     * @readonly This property is managed by the web component.
-     */
-    get colorScheme() {
-        return this.element?.colorScheme ?? [];
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'type',
-            'accessibilityAttributes',
-            'accessibleName',
-            'accessibleNameRef',
-        ];
-        // Synchronize inputs (properties)
-        for (const inputName of inputsToSync) {
-            // Find the corresponding camelCase signal property on the Angular component
-            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
-            // Use the Injector to run the effect in the correct context
-            if (this[signalName] && typeof this[signalName] === 'function') {
-                runInInjectionContext(this.injector, () => {
-                    effect(() => {
-                        // Read the signal value
-                        const value = this[signalName]();
-                        if (wcElement) {
-                            // Write the value to the Web Component's property
-                            wcElement[inputName] = value;
-                        }
-                    });
-                });
-            }
-        }
-        const outputsToSync = [
-            'ui5Click',
-            'ui5Overflow',
-        ];
-        // Synchronize outputs (events)
-        for (const outputName of outputsToSync) {
-            // Map Angular output name to UI5 web component event name
-            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
-            // Ensure the output property exists and has an emit function before adding listener
-            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
-                // Cast the listener to the correct type to satisfy TypeScript
-                wcElement.addEventListener(eventName, (e) => {
-                    this[outputName].emit(e);
-                });
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: AvatarGroup, isStandalone: true, selector: "ui5-avatar-group, [ui5-avatar-group]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click", ui5Overflow: "ui5Overflow" }, exportAs: ["ui5AvatarGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroup, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-avatar-group, [ui5-avatar-group]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5AvatarGroup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }], ui5Overflow: [{ type: i0.Output, args: ["ui5Overflow"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AvatarGroup };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-avatar-group.mjs","sources":["../../../../libs/ui5-webcomponents/avatar-group/index.ts","../../../../libs/ui5-webcomponents/avatar-group/fundamental-ngx-ui5-webcomponents-avatar-group.ts"],"sourcesContent":["\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  AfterViewInit,\n  effect,\n  runInInjectionContext,\n  inject,\n  Injector,\n  booleanAttribute,\n  computed,\n  signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/AvatarGroup.js';\nimport { default as _AvatarGroup } from '@ui5/webcomponents/dist/AvatarGroup.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as AvatarGroupType } from '@ui5/webcomponents/dist/types/AvatarGroupType.js';\nimport { AvatarGroupAccessibilityAttributes } from '@ui5/webcomponents/dist/AvatarGroup.js';\nimport { IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';\nimport { default as AvatarColorScheme } from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-avatar-group, [ui5-avatar-group]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5AvatarGroup',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarGroup implements AfterViewInit {\n\n  /**\n   * Defines the mode of the `AvatarGroup`.\n   */\n  type = input<typeof _AvatarGroup.prototype.type | undefined>(\"Group\");\n\n  /**\n   * Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n   */\n  accessibilityAttributes = input<typeof _AvatarGroup.prototype.accessibilityAttributes | undefined>({});\n\n  /**\n   * Defines the accessible name of the AvatarGroup.\nWhen provided, this will override the default aria-label text.\n   */\n  accessibleName = input<typeof _AvatarGroup.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(s) of the elements that describe the AvatarGroup.\nWhen provided, this will be used as aria-labelledby instead of aria-label.\n   */\n  accessibleNameRef = input<typeof _AvatarGroup.prototype.accessibleNameRef | undefined>(); // className is now passed\n\n  /**\n   * Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.\n   * @readonly This property is managed by the web component.\n   */\n  get hiddenItems(): Array<IAvatarGroupItem> {\n    return this.element?.hiddenItems ?? [];\n  }\n\n  /**\n   * Returns an array containing the `AvatarColorScheme` values that correspond to the avatars in the component.\n   * @readonly This property is managed by the web component.\n   */\n  get colorScheme(): Array<AvatarColorScheme> {\n    return this.element?.colorScheme ?? [];\n  }\n\n\n  /**\n   * Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key.\n   */\n  ui5Click = output<UI5CustomEvent<_AvatarGroup, 'click'>>();\n\n  /**\n   * Fired when the count of visible `ui5-avatar` elements in the\ncomponent has changed\n   */\n  ui5Overflow = output<UI5CustomEvent<_AvatarGroup, 'overflow'>>();\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Defines the items of the component. Use the `ui5-avatar` component as an item.\n\n**Note:** The UX guidelines recommends using avatars with \"Circle\" shape.\n\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape.\n   * - **overflowButton**: Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.\n   *\n   * @example\n   * ```html\n   * <ui5-avatar-group>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-avatar-group>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the items of the component. Use the `ui5-avatar` component as an item.\\n\\n**Note:** The UX guidelines recommends using avatars with \\\"Circle\\\" shape.\\n\\nMoreover, if you use avatars with \\\"Square\\\" shape, there will be visual inconsistency\\nas the built-in overflow action has \\\"Circle\\\" shape.\"\n      },\n      {\n          \"name\": \"overflowButton\",\n          \"description\": \"Defines the overflow button of the component.\\n\\n**Note:** We recommend using the `ui5-button` component.\\n\\n**Note:** If this slot is not used, the component will display the built-in overflow button.\",\n          \"since\": \"1.0.0-rc.13\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_AvatarGroup> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _AvatarGroup {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'type',\n      'accessibilityAttributes',\n      'accessibleName',\n      'accessibleNameRef',\n    ];\n    \n    // Synchronize inputs (properties)\n    for (const inputName of inputsToSync) {\n      // Find the corresponding camelCase signal property on the Angular component\n      const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n      // Use the Injector to run the effect in the correct context\n      if (this[signalName] && typeof this[signalName] === 'function') {\n        runInInjectionContext(this.injector, () => {\n          effect(() => {\n            // Read the signal value\n            const value = this[signalName]();\n            if (wcElement) {\n              // Write the value to the Web Component's property\n              wcElement[inputName] = value;\n            }\n          });\n        });\n      }\n    }\n  \n    \n    const outputsToSync = [\n      'ui5Click',\n      'ui5Overflow',\n    ];\n    \n    // Synchronize outputs (events)\n    for (const outputName of outputsToSync) {\n      // Map Angular output name to UI5 web component event name\n      const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n      // Ensure the output property exists and has an emit function before adding listener\n      if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n        // Cast the listener to the correct type to satisfy TypeScript\n        wcElement.addEventListener(eventName, (e) => {\n\n          this[outputName].emit(e as CustomEvent<any>);\n        });\n      }\n    }\n  \n\n  }\n}\n\n// Re-export types for convenience\nexport { AvatarGroupAccessibilityAttributes } from '@ui5/webcomponents/dist/AvatarGroup.js';\nexport { IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs

@@ -1,206 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/Avatar.js';
-
-class Avatar {
-    constructor() {
-        /**
-         * Defines whether the component is disabled.
-      A disabled component can't be pressed or
-      focused, and it is not in the tab chain.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-        /**
-         * Defines if the avatar is interactive (focusable and pressable).
-      
-      **Note:** This property won't have effect if the `disabled`
-      property is set to `true`.
-         */
-        this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the name of the UI5 Icon, that will be displayed.
-      
-      **Note:** If `image` slot is provided, the property will be ignored.
-      
-      **Note:** You should import the desired icon first, then use its name as "icon".
-      
-      `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
-      
-      `<ui5-avatar icon="employee">`
-      
-      **Note:** If no icon or an empty one is provided, by default the "employee" icon should be displayed.
-      
-      See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
-         */
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        /**
-         * Defines the name of the fallback icon, which should be displayed in the following cases:
-      
-          - If the initials are not valid (more than 3 letters, unsupported languages or empty initials).
-          - If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).
-          - If the image src is wrong.
-      
-      **Note:** If not set, a default fallback icon "employee" is displayed.
-      
-      **Note:** You should import the desired icon first, then use its name as "fallback-icon".
-      
-      `import "@ui5/webcomponents-icons/dist/{icon_name}.js"`
-      
-      `<ui5-avatar fallback-icon="alert">`
-      
-      See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
-         */
-        this.fallbackIcon = input("employee", ...(ngDevMode ? [{ debugName: "fallbackIcon" }] : []));
-        /**
-         * Defines the displayed initials.
-      
-      Up to three Latin letters can be displayed as initials.
-         */
-        this.initials = input(...(ngDevMode ? [undefined, { debugName: "initials" }] : []));
-        /**
-         * Defines the shape of the component.
-         */
-        this.shape = input("Circle", ...(ngDevMode ? [{ debugName: "shape" }] : []));
-        /**
-         * Defines predefined size of the component.
-         */
-        this.size = input("S", ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * Defines the background color of the desired image.
-      If `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.
-         */
-        this.colorScheme = input("Auto", ...(ngDevMode ? [{ debugName: "colorScheme" }] : []));
-        /**
-         * Defines the text alternative of the component.
-      If not provided a default text alternative will be set, if present.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Defines the additional accessibility attributes that will be applied to the component.
-      The following field is supported:
-      
-      - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
-      Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
-         */
-        this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : [])); // className is now passed
-        /**
-         * Fired on mouseup, space and enter if avatar is interactive
-      
-      **Note:** The event will not be fired if the `disabled`
-      property is set to `true`.
-         */
-        this.ui5Click = output();
-        /**
-         * Available slots for content projection in this component.
-         *
-         * Slots allow you to insert custom content into predefined areas of the web component.
-         * Use the `slot` attribute on child elements to target specific slots.
-         *
-         * - **(default)**: Receives the desired `<img>` tag
-      
-      **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>
-      `ui5-avatar:not(:defined) {`<br/>
-      &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>
-      `}`
-         * - **badge**: Defines the optional badge that will be used for visual affordance.
-      
-      **Note:** While the slot allows for custom badges, to achieve
-      the Fiori design, use the `ui5-avatar-badge` component.
-         *
-         * @example
-         * ```html
-         * <ui5-avatar>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-avatar>
-         * ```
-         *
-         * @readonly
-         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
-         */
-        this.slots = [
-            {
-                "name": "default",
-                "description": "Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`",
-                "since": "1.0.0-rc.15"
-            },
-            {
-                "name": "badge",
-                "description": "Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, use the `ui5-avatar-badge` component.",
-                "since": "1.7.0"
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'disabled',
-            'interactive',
-            'icon',
-            'fallbackIcon',
-            'initials',
-            'shape',
-            'size',
-            'colorScheme',
-            'accessibleName',
-            'accessibilityAttributes',
-        ];
-        // Synchronize inputs (properties)
-        for (const inputName of inputsToSync) {
-            // Find the corresponding camelCase signal property on the Angular component
-            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
-            // Use the Injector to run the effect in the correct context
-            if (this[signalName] && typeof this[signalName] === 'function') {
-                runInInjectionContext(this.injector, () => {
-                    effect(() => {
-                        // Read the signal value
-                        const value = this[signalName]();
-                        if (wcElement) {
-                            // Write the value to the Web Component's property
-                            wcElement[inputName] = value;
-                        }
-                    });
-                });
-            }
-        }
-        const outputsToSync = [
-            'ui5Click',
-        ];
-        // Synchronize outputs (events)
-        for (const outputName of outputsToSync) {
-            // Map Angular output name to UI5 web component event name
-            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
-            // Ensure the output property exists and has an emit function before adding listener
-            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
-                // Cast the listener to the correct type to satisfy TypeScript
-                wcElement.addEventListener(eventName, (e) => {
-                    this[outputName].emit(e);
-                });
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Avatar, isStandalone: true, selector: "ui5-avatar, [ui5-avatar]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, fallbackIcon: { classPropertyName: "fallbackIcon", publicName: "fallbackIcon", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, colorScheme: { classPropertyName: "colorScheme", publicName: "colorScheme", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5Avatar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Avatar, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-avatar, [ui5-avatar]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Avatar',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], fallbackIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackIcon", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], colorScheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorScheme", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Avatar };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-avatar.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-avatar.mjs","sources":["../../../../libs/ui5-webcomponents/avatar/index.ts","../../../../libs/ui5-webcomponents/avatar/fundamental-ngx-ui5-webcomponents-avatar.ts"],"sourcesContent":["\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  AfterViewInit,\n  effect,\n  runInInjectionContext,\n  inject,\n  Injector,\n  booleanAttribute,\n  computed,\n  signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/Avatar.js';\nimport { default as _Avatar } from '@ui5/webcomponents/dist/Avatar.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as AvatarShape } from '@ui5/webcomponents/dist/types/AvatarShape.js';\nimport { default as AvatarSize } from '@ui5/webcomponents/dist/types/AvatarSize.js';\nimport { default as AvatarColorScheme } from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';\nimport { AvatarAccessibilityAttributes } from '@ui5/webcomponents/dist/Avatar.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-avatar, [ui5-avatar]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Avatar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Avatar implements AfterViewInit {\n\n  /**\n   * Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n   */\n  disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the avatar is interactive (focusable and pressable).\n\n**Note:** This property won't have effect if the `disabled`\nproperty is set to `true`.\n   */\n  interactive = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n   */\n  icon = input<typeof _Avatar.prototype.icon | undefined>();\n\n  /**\n   * Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar fallback-icon=\"alert\">`\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n   */\n  fallbackIcon = input<typeof _Avatar.prototype.fallbackIcon | undefined>(\"employee\");\n\n  /**\n   * Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.\n   */\n  initials = input<typeof _Avatar.prototype.initials | undefined>();\n\n  /**\n   * Defines the shape of the component.\n   */\n  shape = input<typeof _Avatar.prototype.shape | undefined>(\"Circle\");\n\n  /**\n   * Defines predefined size of the component.\n   */\n  size = input<typeof _Avatar.prototype.size | undefined>(\"S\");\n\n  /**\n   * Defines the background color of the desired image.\nIf `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.\n   */\n  colorScheme = input<typeof _Avatar.prototype.colorScheme | undefined>(\"Auto\");\n\n  /**\n   * Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n   */\n  accessibleName = input<typeof _Avatar.prototype.accessibleName | undefined>();\n\n  /**\n   * Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n   */\n  accessibilityAttributes = input<typeof _Avatar.prototype.accessibilityAttributes | undefined>({}); // className is now passed\n\n\n\n  /**\n   * Fired on mouseup, space and enter if avatar is interactive\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n   */\n  ui5Click = output<UI5CustomEvent<_Avatar, 'click'>>();\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n`ui5-avatar:not(:defined) {`<br/>\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n`}`\n   * - **badge**: Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, use the `ui5-avatar-badge` component.\n   *\n   * @example\n   * ```html\n   * <ui5-avatar>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-avatar>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Receives the desired `<img>` tag\\n\\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\\n`ui5-avatar:not(:defined) {`<br/>\\n&nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\\n`}`\",\n          \"since\": \"1.0.0-rc.15\"\n      },\n      {\n          \"name\": \"badge\",\n          \"description\": \"Defines the optional badge that will be used for visual affordance.\\n\\n**Note:** While the slot allows for custom badges, to achieve\\nthe Fiori design, use the `ui5-avatar-badge` component.\",\n          \"since\": \"1.7.0\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Avatar> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _Avatar {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'disabled',\n      'interactive',\n      'icon',\n      'fallbackIcon',\n      'initials',\n      'shape',\n      'size',\n      'colorScheme',\n      'accessibleName',\n      'accessibilityAttributes',\n    ];\n    \n    // Synchronize inputs (properties)\n    for (const inputName of inputsToSync) {\n      // Find the corresponding camelCase signal property on the Angular component\n      const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n      // Use the Injector to run the effect in the correct context\n      if (this[signalName] && typeof this[signalName] === 'function') {\n        runInInjectionContext(this.injector, () => {\n          effect(() => {\n            // Read the signal value\n            const value = this[signalName]();\n            if (wcElement) {\n              // Write the value to the Web Component's property\n              wcElement[inputName] = value;\n            }\n          });\n        });\n      }\n    }\n  \n    \n    const outputsToSync = [\n      'ui5Click',\n    ];\n    \n    // Synchronize outputs (events)\n    for (const outputName of outputsToSync) {\n      // Map Angular output name to UI5 web component event name\n      const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n      // Ensure the output property exists and has an emit function before adding listener\n      if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n        // Cast the listener to the correct type to satisfy TypeScript\n        wcElement.addEventListener(eventName, (e) => {\n\n          this[outputName].emit(e as CustomEvent<any>);\n        });\n      }\n    }\n  \n\n  }\n}\n\n// Re-export types for convenience\nexport { AvatarAccessibilityAttributes } from '@ui5/webcomponents/dist/Avatar.js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs

@@ -1,116 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/Bar.js';
-
-class Bar {
-    constructor() {
-        /**
-         * Defines the component's design.
-         */
-        this.design = input("Header", ...(ngDevMode ? [{ debugName: "design" }] : []));
-        /**
-         * Specifies the ARIA role applied to the component for accessibility purposes.
-      
-      **Note:**
-      
-      - Set accessibleRole to "toolbar" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.
-      
-      - If there is only one or no active element, it is recommended to avoid using the "toolbar" role, as it implies a grouping of multiple interactive controls.
-         */
-        this.accessibleRole = input("Toolbar", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
-        /**
-         * Defines the accessible ARIA name of the component.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Receives id(or many ids) of the elements that label the bar.
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : [])); // className is now passed
-        /**
-         * Available slots for content projection in this component.
-         *
-         * Slots allow you to insert custom content into predefined areas of the web component.
-         * Use the `slot` attribute on child elements to target specific slots.
-         *
-         * - **startContent**: Defines the content at the start of the bar.
-         * - **(default)**: Defines the content in the middle of the bar.
-         * - **endContent**: Defines the content at the end of the bar.
-         *
-         * @example
-         * ```html
-         * <ui5-bar>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-bar>
-         * ```
-         *
-         * @readonly
-         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
-         */
-        this.slots = [
-            {
-                "name": "startContent",
-                "description": "Defines the content at the start of the bar."
-            },
-            {
-                "name": "default",
-                "description": "Defines the content in the middle of the bar."
-            },
-            {
-                "name": "endContent",
-                "description": "Defines the content at the end of the bar."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'design',
-            'accessibleRole',
-            'accessibleName',
-            'accessibleNameRef',
-        ];
-        // Synchronize inputs (properties)
-        for (const inputName of inputsToSync) {
-            // Find the corresponding camelCase signal property on the Angular component
-            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
-            // Use the Injector to run the effect in the correct context
-            if (this[signalName] && typeof this[signalName] === 'function') {
-                runInInjectionContext(this.injector, () => {
-                    effect(() => {
-                        // Read the signal value
-                        const value = this[signalName]();
-                        if (wcElement) {
-                            // Write the value to the Web Component's property
-                            wcElement[inputName] = value;
-                        }
-                    });
-                });
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Bar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Bar, isStandalone: true, selector: "ui5-bar, [ui5-bar]", inputs: { design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Bar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Bar, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-bar, [ui5-bar]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Bar',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Bar };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-bar.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-bar.mjs","sources":["../../../../libs/ui5-webcomponents/bar/index.ts","../../../../libs/ui5-webcomponents/bar/fundamental-ngx-ui5-webcomponents-bar.ts"],"sourcesContent":["\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  AfterViewInit,\n  effect,\n  runInInjectionContext,\n  inject,\n  Injector,\n  booleanAttribute,\n  computed,\n  signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/Bar.js';\nimport { default as _Bar } from '@ui5/webcomponents/dist/Bar.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as BarDesign } from '@ui5/webcomponents/dist/types/BarDesign.js';\nimport { default as BarAccessibleRole } from '@ui5/webcomponents/dist/types/BarAccessibleRole.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-bar, [ui5-bar]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Bar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Bar implements AfterViewInit {\n\n  /**\n   * Defines the component's design.\n   */\n  design = input<typeof _Bar.prototype.design | undefined>(\"Header\");\n\n  /**\n   * Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- Set accessibleRole to \"toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, it is recommended to avoid using the \"toolbar\" role, as it implies a grouping of multiple interactive controls.\n   */\n  accessibleRole = input<typeof _Bar.prototype.accessibleRole | undefined>(\"Toolbar\");\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _Bar.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that label the bar.\n   */\n  accessibleNameRef = input<typeof _Bar.prototype.accessibleNameRef | undefined>(); // className is now passed\n\n\n\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **startContent**: Defines the content at the start of the bar.\n   * - **(default)**: Defines the content in the middle of the bar.\n   * - **endContent**: Defines the content at the end of the bar.\n   *\n   * @example\n   * ```html\n   * <ui5-bar>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-bar>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"startContent\",\n          \"description\": \"Defines the content at the start of the bar.\"\n      },\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the content in the middle of the bar.\"\n      },\n      {\n          \"name\": \"endContent\",\n          \"description\": \"Defines the content at the end of the bar.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Bar> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _Bar {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'design',\n      'accessibleRole',\n      'accessibleName',\n      'accessibleNameRef',\n    ];\n    \n    // Synchronize inputs (properties)\n    for (const inputName of inputsToSync) {\n      // Find the corresponding camelCase signal property on the Angular component\n      const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n      // Use the Injector to run the effect in the correct context\n      if (this[signalName] && typeof this[signalName] === 'function') {\n        runInInjectionContext(this.injector, () => {\n          effect(() => {\n            // Read the signal value\n            const value = this[signalName]();\n            if (wcElement) {\n              // Write the value to the Web Component's property\n              wcElement[inputName] = value;\n            }\n          });\n        });\n      }\n    }\n  \n    \n    \n\n  }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}