@fundamental-ngx/ui5-webcomponents 0.59.2-rc.0 → 0.59.3

package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs

@@ -1,231 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, computed, output, inject, ElementRef, Injector, signal, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/FileUploader.js';
-import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
-import { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
-
-class FileUploader {
-    constructor() {
-        /**
-         * Comma-separated list of file types that the component should accept.
-      
-      **Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.
-         */
-        this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
-        /**
-         * If set to "true", the input field of component will not be rendered. Only the default slot that is passed will be rendered.
-      
-      **Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.
-         */
-        this.hideInput = input(false, { ...(ngDevMode ? { debugName: "hideInput" } : {}), transform: booleanAttribute });
-        /**
-         * Defines whether the component is in disabled state.
-      
-      **Note:** A disabled component is completely noninteractive.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-        /**
-         * Allows multiple files to be chosen.
-         */
-        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
-        /**
-         * 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.
-         */
-        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
-        /**
-         * Defines a short hint intended to aid the user with data entry when the component has no value.
-         */
-        this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
-        /**
-         * Defines the name/names of the file/files to upload.
-         */
-        this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
-        /**
-         * Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.
-         */
-        this.maxFileSize = input(...(ngDevMode ? [undefined, { debugName: "maxFileSize" }] : []));
-        /**
-         * Defines the value state of the component.
-         */
-        this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
-        /**
-         * Defines whether the component is required.
-         */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
-        /**
-         * 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 input.
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
-        /**
-         * Defines the accessible description of the component.
-         */
-        this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
-        /**
-         * Receives id(or many ids) of the elements that describe the input.
-         */
-        this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : [])); // className is now passed
-        /**
-         * FileList of all selected files.
-         * @readonly This property is managed by the web component and updates reactively.
-         * Based on schema: readonly field that updates via change event parameters.
-         */
-        this.files = computed(() => this._filesSignal(), ...(ngDevMode ? [{ debugName: "files" }] : []));
-        /**
-         * Event is fired when the value of the file path has been changed.
-      
-      **Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.
-         */
-        this.ui5Change = output();
-        /**
-         * Event is fired when the size of a file is above the `maxFileSize` property value.
-         */
-        this.ui5FileSizeExceed = 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)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.
-      
-      **Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
-      This slot is intended for use cases where you want a button-only file uploader.
-      It is recommended to set `hideInput` property to "true" when using this slot.
-      Not setting `hideInput` may negatively impact the screen reader users.
-         * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
-      
-      **Note:** If not specified, a default text (in the respective language) will be displayed.
-      
-      **Note:** The `valueStateMessage` would be displayed,
-      when the component is in `Information`, `Critical` or `Negative` value state.
-         *
-         * @example
-         * ```html
-         * <ui5-file-uploader>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-file-uploader>
-         * ```
-         *
-         * @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": "This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\n\n**Note:** For best accessibility experience, set a `tabindex` of \"-1\" on your interactive element, or it will be set automatically.\nThis slot is intended for use cases where you want a button-only file uploader.\nIt is recommended to set `hideInput` property to \"true\" when using this slot.\nNot setting `hideInput` may negatively impact the screen reader users."
-            },
-            {
-                "name": "valueStateMessage",
-                "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
-                "since": "1.0.0-rc.9"
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-        // Internal signal to track files from change events
-        this._filesSignal = signal(null, ...(ngDevMode ? [{ debugName: "_filesSignal" }] : []));
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accept',
-            'hideInput',
-            'disabled',
-            'multiple',
-            'name',
-            'placeholder',
-            'value',
-            'maxFileSize',
-            'valueState',
-            'required',
-            'accessibleName',
-            'accessibleNameRef',
-            'accessibleDescription',
-            'accessibleDescriptionRef',
-        ];
-        // 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 = [
-            'ui5Change',
-            'ui5FileSizeExceed',
-        ];
-        // 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) => {
-                    // Update files signal when change event fires
-                    if (eventName === 'change') {
-                        const customEvent = e;
-                        // Use files from event detail, fallback to web component property
-                        const filesValue = customEvent.detail?.files || wcElement.files || null;
-                        this._filesSignal.set(filesValue);
-                    }
-                    this[outputName].emit(e);
-                });
-            }
-        }
-        // Initialize files signal with current state using delayed initialization
-        // to handle web component timing properly
-        const initializeFiles = () => {
-            const currentValue = wcElement.files || null;
-            if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {
-                this._filesSignal.set(currentValue);
-            }
-        };
-        // Try immediate initialization
-        initializeFiles();
-        // Fallback delayed initialization if web component needs more time
-        // Use requestAnimationFrame for zoneless compatibility
-        requestAnimationFrame(() => initializeFiles());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FileUploader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FileUploader, isStandalone: true, selector: "ui5-file-uploader, [ui5-file-uploader]", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, hideInput: { classPropertyName: "hideInput", publicName: "hideInput", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5FileSizeExceed: "ui5FileSizeExceed" }, exportAs: ["ui5FileUploader"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], 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: FileUploader, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-file-uploader, [ui5-file-uploader]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5FileUploader',
-                    hostDirectives: [GenericControlValueAccessor],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], hideInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInput", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5FileSizeExceed: [{ type: i0.Output, args: ["ui5FileSizeExceed"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FileUploader };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-file-uploader.mjs","sources":["../../../../libs/ui5-webcomponents/file-uploader/index.ts","../../../../libs/ui5-webcomponents/file-uploader/fundamental-ngx-ui5-webcomponents-file-uploader.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/FileUploader.js';\nimport { default as _FileUploader } from '@ui5/webcomponents/dist/FileUploader.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-file-uploader, [ui5-file-uploader]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5FileUploader',\n  hostDirectives: [GenericControlValueAccessor],\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FileUploader implements AfterViewInit {\n\n  /**\n   * Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.\n   */\n  accept = input<typeof _FileUploader.prototype.accept | undefined>();\n\n  /**\n   * If set to \"true\", the input field of component will not be rendered. Only the default slot that is passed will be rendered.\n\n**Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.\n   */\n  hideInput = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.\n   */\n  disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Allows multiple files to be chosen.\n   */\n  multiple = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.\n   */\n  name = input<typeof _FileUploader.prototype.name | undefined>();\n\n  /**\n   * Defines a short hint intended to aid the user with data entry when the component has no value.\n   */\n  placeholder = input<typeof _FileUploader.prototype.placeholder | undefined>();\n\n  /**\n   * Defines the name/names of the file/files to upload.\n   */\n  value = input<typeof _FileUploader.prototype.value | undefined>(\"\");\n\n  /**\n   * Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.\n   */\n  maxFileSize = input<typeof _FileUploader.prototype.maxFileSize | undefined>();\n\n  /**\n   * Defines the value state of the component.\n   */\n  valueState = input<typeof _FileUploader.prototype.valueState | undefined>(\"None\");\n\n  /**\n   * Defines whether the component is required.\n   */\n  required = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _FileUploader.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that label the input.\n   */\n  accessibleNameRef = input<typeof _FileUploader.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Defines the accessible description of the component.\n   */\n  accessibleDescription = input<typeof _FileUploader.prototype.accessibleDescription | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that describe the input.\n   */\n  accessibleDescriptionRef = input<typeof _FileUploader.prototype.accessibleDescriptionRef | undefined>(); // className is now passed\n\n  /**\n   * FileList of all selected files.\n   * @readonly This property is managed by the web component and updates reactively.\n   * Based on schema: readonly field that updates via change event parameters.\n   */\n  files = computed(() => this._filesSignal());\n\n\n  /**\n   * Event is fired when the value of the file path has been changed.\n\n**Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.\n   */\n  ui5Change = output<UI5CustomEvent<_FileUploader, 'change'>>();\n\n  /**\n   * Event is fired when the size of a file is above the `maxFileSize` property value.\n   */\n  ui5FileSizeExceed = output<UI5CustomEvent<_FileUploader, 'file-size-exceed'>>();\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)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\n\n**Note:** For best accessibility experience, set a `tabindex` of \"-1\" on your interactive element, or it will be set automatically.\nThis slot is intended for use cases where you want a button-only file uploader.\nIt is recommended to set `hideInput` property to \"true\" when using this slot.\nNot setting `hideInput` may negatively impact the screen reader users.\n   * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n   * \n   * @example\n   * ```html\n   * <ui5-file-uploader>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-file-uploader>\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\": \"This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\\n\\n**Note:** For best accessibility experience, set a `tabindex` of \\\"-1\\\" on your interactive element, or it will be set automatically.\\nThis slot is intended for use cases where you want a button-only file uploader.\\nIt is recommended to set `hideInput` property to \\\"true\\\" when using this slot.\\nNot setting `hideInput` may negatively impact the screen reader users.\"\n      },\n      {\n          \"name\": \"valueStateMessage\",\n          \"description\": \"Defines the value state message that will be displayed as pop up under the component.\\n\\n**Note:** If not specified, a default text (in the respective language) will be displayed.\\n\\n**Note:** The `valueStateMessage` would be displayed,\\nwhen the component is in `Information`, `Critical` or `Negative` value state.\",\n          \"since\": \"1.0.0-rc.9\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_FileUploader> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  // Internal signal to track files from change events\n  private _filesSignal = signal<FileList | null>(null);\n\n  get element(): _FileUploader {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accept',\n      'hideInput',\n      'disabled',\n      'multiple',\n      'name',\n      'placeholder',\n      'value',\n      'maxFileSize',\n      'valueState',\n      'required',\n      'accessibleName',\n      'accessibleNameRef',\n      'accessibleDescription',\n      'accessibleDescriptionRef',\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      'ui5Change',\n      'ui5FileSizeExceed',\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          // Update files signal when change event fires\n          if (eventName === 'change') {\n            const customEvent = e as CustomEvent<any>;\n            // Use files from event detail, fallback to web component property\n            const filesValue = customEvent.detail?.files || wcElement.files || null;\n            this._filesSignal.set(filesValue);\n          }\n          this[outputName].emit(e as CustomEvent<any>);\n        });\n      }\n    }\n  \n\n    // Initialize files signal with current state using delayed initialization\n    // to handle web component timing properly\n    const initializeFiles = (): void => {\n      const currentValue = wcElement.files || null;\n      if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {\n        this._filesSignal.set(currentValue);\n      }\n    };\n\n    // Try immediate initialization\n    initializeFiles();\n\n    // Fallback delayed initialization if web component needs more time\n    // Use requestAnimationFrame for zoneless compatibility\n    requestAnimationFrame(() => initializeFiles());\n  }\n}\n\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-form-group.mjs

@@ -1,107 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/FormGroup.js';
-
-class FormGroup {
-    constructor() {
-        /**
-         * Defines header text of the component.
-         */
-        this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
-        /**
-         * Defines the compoennt heading level,
-      set by the `headerText`.
-         */
-        this.headerLevel = input("H3", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
-        /**
-         * Defines column span of the component,
-      e.g how many columns the group should span to.
-         */
-        this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : []));
-        /**
-         * Defines the accessible ARIA name of the component.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Defines id (or many ids) of the element (or elements) that label the component.
-         */
-        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.
-         *
-         * - **(default)**: Defines the items of the component.
-         *
-         * @example
-         * ```html
-         * <ui5-form-group>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-form-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."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'headerText',
-            'headerLevel',
-            'columnSpan',
-            '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: FormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FormGroup, isStandalone: true, selector: "ui5-form-group, [ui5-form-group]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", 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: ["ui5FormGroup"], 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: FormGroup, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-form-group, [ui5-form-group]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5FormGroup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], headerLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLevel", required: false }] }], columnSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnSpan", 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 { FormGroup };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-group.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-group.mjs","sources":["../../../../libs/ui5-webcomponents/form-group/index.ts","../../../../libs/ui5-webcomponents/form-group/fundamental-ngx-ui5-webcomponents-form-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/FormGroup.js';\nimport { default as _FormGroup } from '@ui5/webcomponents/dist/FormGroup.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as TitleLevel } from '@ui5/webcomponents/dist/types/TitleLevel.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-form-group, [ui5-form-group]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5FormGroup',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormGroup implements AfterViewInit {\n\n  /**\n   * Defines header text of the component.\n   */\n  headerText = input<typeof _FormGroup.prototype.headerText | undefined>();\n\n  /**\n   * Defines the compoennt heading level,\nset by the `headerText`.\n   */\n  headerLevel = input<typeof _FormGroup.prototype.headerLevel | undefined>(\"H3\");\n\n  /**\n   * Defines column span of the component,\ne.g how many columns the group should span to.\n   */\n  columnSpan = input<typeof _FormGroup.prototype.columnSpan | undefined>();\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _FormGroup.prototype.accessibleName | undefined>();\n\n  /**\n   * Defines id (or many ids) of the element (or elements) that label the component.\n   */\n  accessibleNameRef = input<typeof _FormGroup.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   * - **(default)**: Defines the items of the component.\n   * \n   * @example\n   * ```html\n   * <ui5-form-group>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-form-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.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_FormGroup> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _FormGroup {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'headerText',\n      'headerLevel',\n      'columnSpan',\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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"}

package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs

@@ -1,96 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/FormItem.js';
-
-class FormItem {
-    constructor() {
-        /**
-         * Defines the column span of the component,
-      e.g how many columns the component should span to.
-      
-      **Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)
-      or the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.
-      A number bigger than the available columns won't take effect.
-         */
-        this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : [])); // 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.
-         *
-         * - **labelContent**: Defines the label of the component.
-         * - **(default)**: Defines the content of the component,
-      associated to `labelContent`.
-         *
-         * @example
-         * ```html
-         * <ui5-form-item>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-form-item>
-         * ```
-         *
-         * @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": "labelContent",
-                "description": "Defines the label of the component."
-            },
-            {
-                "name": "default",
-                "description": "Defines the content of the component,\nassociated to `labelContent`."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'columnSpan',
-        ];
-        // 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: FormItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FormItem, isStandalone: true, selector: "ui5-form-item, [ui5-form-item]", inputs: { columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5FormItem"], 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: FormItem, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-form-item, [ui5-form-item]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5FormItem',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { columnSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnSpan", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormItem };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-item.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-item.mjs","sources":["../../../../libs/ui5-webcomponents/form-item/index.ts","../../../../libs/ui5-webcomponents/form-item/fundamental-ngx-ui5-webcomponents-form-item.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/FormItem.js';\nimport { default as _FormItem } from '@ui5/webcomponents/dist/FormItem.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n  standalone: true,\n  selector: 'ui5-form-item, [ui5-form-item]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5FormItem',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormItem implements AfterViewInit {\n\n  /**\n   * Defines the column span of the component,\ne.g how many columns the component should span to.\n\n**Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)\nor the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.\nA number bigger than the available columns won't take effect.\n   */\n  columnSpan = input<typeof _FormItem.prototype.columnSpan | 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   * - **labelContent**: Defines the label of the component.\n   * - **(default)**: Defines the content of the component,\nassociated to `labelContent`.\n   * \n   * @example\n   * ```html\n   * <ui5-form-item>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-form-item>\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\": \"labelContent\",\n          \"description\": \"Defines the label of the component.\"\n      },\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the content of the component,\\nassociated to `labelContent`.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_FormItem> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _FormItem {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'columnSpan',\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":";;;;MA8Ba,QAAQ,CAAA;AARrB,IAAA,WAAA,GAAA;AAUE;;;;;;;AAOG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAqD,CAAC;AAKxE;;;;;;;;;;;;;;;;;;;;AAoBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,cAAc;AACtB,gBAAA,aAAa,EAAE;AAClB,aAAA;AACD,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAA0B,MAAM,CAAC,UAAU,CAAC;AACtD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAqCnC,IAAA;AAnCC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,YAAY;SACb;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;oBACxC,MAAM,CAAC,MAAK;;AAEV,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;AAEb,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;IAKF;8GArFW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,wQALT,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,QAAQ,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,aAAa;oBAEvB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}