@fundamental-ngx/ui5-webcomponents 0.60.1 → 0.60.2

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

@@ -1,184 +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/Carousel.js';
-
-class Carousel {
-    constructor() {
-        /**
-         * Defines the accessible name of the component.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Defines the IDs of the elements that label the input.
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
-        /**
-         * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
-         */
-        this.cyclic = input(false, { ...(ngDevMode ? { debugName: "cyclic" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the number of items per page depending on the carousel width.
-      
-      - 'S' for screens smaller than 600 pixels.
-      - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.
-      - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
-      - 'XL' for screens greater than or equal to 1440 pixels.
-      
-      One item per page is shown by default.
-         */
-        this.itemsPerPage = input("S1 M1 L1 XL1", ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : []));
-        /**
-         * Defines the visibility of the navigation arrows.
-      If set to true the navigation arrows will be hidden.
-         */
-        this.hideNavigationArrows = input(false, { ...(ngDevMode ? { debugName: "hideNavigationArrows" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the visibility of the page indicator.
-      If set to true the page indicator will be hidden.
-         */
-        this.hidePageIndicator = input(false, { ...(ngDevMode ? { debugName: "hidePageIndicator" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the style of the page indicator.
-      Available options are:
-      
-      - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)
-      - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)
-         */
-        this.pageIndicatorType = input("Default", ...(ngDevMode ? [{ debugName: "pageIndicatorType" }] : []));
-        /**
-         * Defines the carousel's background design.
-         */
-        this.backgroundDesign = input("Translucent", ...(ngDevMode ? [{ debugName: "backgroundDesign" }] : []));
-        /**
-         * Defines the page indicator background design.
-         */
-        this.pageIndicatorBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "pageIndicatorBackgroundDesign" }] : []));
-        /**
-         * Defines the page indicator border design.
-         */
-        this.pageIndicatorBorderDesign = input("Solid", ...(ngDevMode ? [{ debugName: "pageIndicatorBorderDesign" }] : []));
-        /**
-         * Defines the position of arrows.
-      
-      Available options are:
-      
-      - `Content` - the arrows are placed on the sides of the current page.
-      - `Navigation` - the arrows are placed on the sides of the page indicator.
-         */
-        this.arrowsPlacement = input("Content", ...(ngDevMode ? [{ debugName: "arrowsPlacement" }] : [])); // className is now passed
-        /**
-         * Fired whenever the page changes due to user interaction,
-      when the user clicks on the navigation arrows or while resizing,
-      based on the `items-per-page` property.
-         */
-        this.ui5Navigate = 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 content of the component.
-      
-      **Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
-      They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
-         *
-         * @example
-         * ```html
-         * <ui5-carousel>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-carousel>
-         * ```
-         *
-         * @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 content of the component.\n\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items)."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    /**
-     * The indices of the currently visible items of the component.
-     * @readonly This property is managed by the web component.
-     */
-    get visibleItemsIndices() {
-        return this.element?.visibleItemsIndices ?? [];
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accessibleName',
-            'accessibleNameRef',
-            'cyclic',
-            'itemsPerPage',
-            'hideNavigationArrows',
-            'hidePageIndicator',
-            'pageIndicatorType',
-            'backgroundDesign',
-            'pageIndicatorBackgroundDesign',
-            'pageIndicatorBorderDesign',
-            'arrowsPlacement',
-        ];
-        // 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 = [
-            'ui5Navigate',
-        ];
-        // 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: Carousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Carousel, isStandalone: true, selector: "ui5-carousel, [ui5-carousel]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, cyclic: { classPropertyName: "cyclic", publicName: "cyclic", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, hideNavigationArrows: { classPropertyName: "hideNavigationArrows", publicName: "hideNavigationArrows", isSignal: true, isRequired: false, transformFunction: null }, hidePageIndicator: { classPropertyName: "hidePageIndicator", publicName: "hidePageIndicator", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorType: { classPropertyName: "pageIndicatorType", publicName: "pageIndicatorType", isSignal: true, isRequired: false, transformFunction: null }, backgroundDesign: { classPropertyName: "backgroundDesign", publicName: "backgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBackgroundDesign: { classPropertyName: "pageIndicatorBackgroundDesign", publicName: "pageIndicatorBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBorderDesign: { classPropertyName: "pageIndicatorBorderDesign", publicName: "pageIndicatorBorderDesign", isSignal: true, isRequired: false, transformFunction: null }, arrowsPlacement: { classPropertyName: "arrowsPlacement", publicName: "arrowsPlacement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Navigate: "ui5Navigate" }, exportAs: ["ui5Carousel"], 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: Carousel, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-carousel, [ui5-carousel]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Carousel',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], cyclic: [{ type: i0.Input, args: [{ isSignal: true, alias: "cyclic", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], hideNavigationArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideNavigationArrows", required: false }] }], hidePageIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePageIndicator", required: false }] }], pageIndicatorType: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndicatorType", required: false }] }], backgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundDesign", required: false }] }], pageIndicatorBackgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndicatorBackgroundDesign", required: false }] }], pageIndicatorBorderDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndicatorBorderDesign", required: false }] }], arrowsPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowsPlacement", required: false }] }], ui5Navigate: [{ type: i0.Output, args: ["ui5Navigate"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Carousel };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-carousel.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-carousel.mjs","sources":["../../../../libs/ui5-webcomponents/carousel/index.ts","../../../../libs/ui5-webcomponents/carousel/fundamental-ngx-ui5-webcomponents-carousel.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/Carousel.js';\nimport { default as _Carousel } from '@ui5/webcomponents/dist/Carousel.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as CarouselPageIndicatorType } from '@ui5/webcomponents/dist/types/CarouselPageIndicatorType.js';\nimport { default as BackgroundDesign } from '@ui5/webcomponents/dist/types/BackgroundDesign.js';\nimport { default as BorderDesign } from '@ui5/webcomponents/dist/types/BorderDesign.js';\nimport { default as CarouselArrowsPlacement } from '@ui5/webcomponents/dist/types/CarouselArrowsPlacement.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-carousel, [ui5-carousel]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Carousel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Carousel implements AfterViewInit {\n\n  /**\n   * Defines the accessible name of the component.\n   */\n  accessibleName = input<typeof _Carousel.prototype.accessibleName | undefined>();\n\n  /**\n   * Defines the IDs of the elements that label the input.\n   */\n  accessibleNameRef = input<typeof _Carousel.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.\n   */\n  cyclic = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the number of items per page depending on the carousel width.\n\n- 'S' for screens smaller than 600 pixels.\n- 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.\n- 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.\n- 'XL' for screens greater than or equal to 1440 pixels.\n\nOne item per page is shown by default.\n   */\n  itemsPerPage = input<typeof _Carousel.prototype.itemsPerPage | undefined>(\"S1 M1 L1 XL1\");\n\n  /**\n   * Defines the visibility of the navigation arrows.\nIf set to true the navigation arrows will be hidden.\n   */\n  hideNavigationArrows = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the visibility of the page indicator.\nIf set to true the page indicator will be hidden.\n   */\n  hidePageIndicator = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the style of the page indicator.\nAvailable options are:\n\n- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)\n   */\n  pageIndicatorType = input<typeof _Carousel.prototype.pageIndicatorType | undefined>(\"Default\");\n\n  /**\n   * Defines the carousel's background design.\n   */\n  backgroundDesign = input<typeof _Carousel.prototype.backgroundDesign | undefined>(\"Translucent\");\n\n  /**\n   * Defines the page indicator background design.\n   */\n  pageIndicatorBackgroundDesign = input<typeof _Carousel.prototype.pageIndicatorBackgroundDesign | undefined>(\"Solid\");\n\n  /**\n   * Defines the page indicator border design.\n   */\n  pageIndicatorBorderDesign = input<typeof _Carousel.prototype.pageIndicatorBorderDesign | undefined>(\"Solid\");\n\n  /**\n   * Defines the position of arrows.\n\nAvailable options are:\n\n- `Content` - the arrows are placed on the sides of the current page.\n- `Navigation` - the arrows are placed on the sides of the page indicator.\n   */\n  arrowsPlacement = input<typeof _Carousel.prototype.arrowsPlacement | undefined>(\"Content\"); // className is now passed\n\n  /**\n   * The indices of the currently visible items of the component.\n   * @readonly This property is managed by the web component.\n   */\n  get visibleItemsIndices(): Array<number> {\n    return this.element?.visibleItemsIndices ?? [];\n  }\n\n\n  /**\n   * Fired whenever the page changes due to user interaction,\nwhen the user clicks on the navigation arrows or while resizing,\nbased on the `items-per-page` property.\n   */\n  ui5Navigate = output<UI5CustomEvent<_Carousel, 'navigate'>>();\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 content of the component.\n\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).\n   *\n   * @example\n   * ```html\n   * <ui5-carousel>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-carousel>\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 content of the component.\\n\\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Carousel> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _Carousel {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleName',\n      'accessibleNameRef',\n      'cyclic',\n      'itemsPerPage',\n      'hideNavigationArrows',\n      'hidePageIndicator',\n      'pageIndicatorType',\n      'backgroundDesign',\n      'pageIndicatorBackgroundDesign',\n      'pageIndicatorBorderDesign',\n      'arrowsPlacement',\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      'ui5Navigate',\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","/**\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-check-box.mjs

@@ -1,197 +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/CheckBox.js';
-import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
-import { CVA_CONFIG, GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
-
-class CheckBox {
-    constructor() {
-        /**
-         * Receives id(or many ids) of the elements that label the component
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
-        /**
-         * Defines the accessible ARIA name of the component.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Defines whether the component is disabled.
-      
-      **Note:** A disabled component is completely noninteractive.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-        /**
-         * Defines whether the component is read-only.
-      
-      **Note:** A read-only component is not editable,
-      but still provides visual feedback upon user interaction.
-         */
-        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
-        /**
-         * Determines whether the `ui5-checkbox` is in display only state.
-      
-      When set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable
-      and not in the tab chain. This setting is used for forms in review mode.
-      
-      **Note:** When the property `disabled` is set to `true` this property has no effect.
-         */
-        this.displayOnly = input(false, { ...(ngDevMode ? { debugName: "displayOnly" } : {}), transform: booleanAttribute });
-        /**
-         * Defines whether the component is required.
-      
-      **Note:** We advise against using the text property of the checkbox when there is a
-      label associated with it to avoid having two required asterisks.
-         */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
-        /**
-         * Defines whether the component is displayed as partially checked.
-      
-      **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
-      interaction and the resulting visual state depends on the values of the `indeterminate`
-      and `checked` properties:
-      
-      -  If the component is checked and indeterminate, it will be displayed as partially checked
-      -  If the component is checked and it is not indeterminate, it will be displayed as checked
-      -  If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute
-         */
-        this.indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
-        /**
-         * Defines if the component is checked.
-      
-      **Note:** The property can be changed with user interaction,
-      either by cliking/tapping on the component, or by
-      pressing the Enter or Space key.
-         */
-        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the text of the component.
-         */
-        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
-        /**
-         * Defines the value state of the component.
-         */
-        this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
-        /**
-         * Defines whether the component text wraps when there is not enough space.
-      
-      **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
-      **Note:** for option "None" the text will be truncated with an ellipsis.
-         */
-        this.wrappingType = input("Normal", ...(ngDevMode ? [{ debugName: "wrappingType" }] : []));
-        /**
-         * 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 the form value of the component that is submitted when the checkbox is checked.
-      
-      When a form containing `ui5-checkbox` elements is submitted, only the values of the
-      **checked** checkboxes are included in the form data sent to the server. Unchecked
-      checkboxes do not contribute any data to the form submission.
-      
-      This property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.
-         */
-        this.value = input("on", ...(ngDevMode ? [{ debugName: "value" }] : [])); // className is now passed
-        /**
-         * Fired when the component checked state changes.
-         */
-        this.ui5Change = output();
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accessibleNameRef',
-            'accessibleName',
-            'disabled',
-            'readonly',
-            'displayOnly',
-            'required',
-            'indeterminate',
-            'checked',
-            'text',
-            'valueState',
-            'wrappingType',
-            'name',
-            'value',
-        ];
-        // 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',
-        ];
-        // 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: CheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: CheckBox, isStandalone: true, selector: "ui5-checkbox, [ui5-checkbox]", inputs: { accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, displayOnly: { classPropertyName: "displayOnly", publicName: "displayOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, wrappingType: { classPropertyName: "wrappingType", publicName: "wrappingType", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
-            {
-                provide: CVA_CONFIG,
-                useValue: {
-                    property: 'checked',
-                    events: ['change'],
-                    transformValue: (v) => !!v
-                }
-            }
-        ], exportAs: ["ui5CheckBox"], 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: CheckBox, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-checkbox, [ui5-checkbox]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5CheckBox',
-                    hostDirectives: [GenericControlValueAccessor],
-                    providers: [
-                        {
-                            provide: CVA_CONFIG,
-                            useValue: {
-                                property: 'checked',
-                                events: ['change'],
-                                transformValue: (v) => !!v
-                            }
-                        }
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], displayOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], wrappingType: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrappingType", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CheckBox };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-check-box.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-check-box.mjs","sources":["../../../../libs/ui5-webcomponents/check-box/index.ts","../../../../libs/ui5-webcomponents/check-box/fundamental-ngx-ui5-webcomponents-check-box.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/CheckBox.js';\nimport { default as _CheckBox } from '@ui5/webcomponents/dist/CheckBox.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport { GenericControlValueAccessor, CVA_CONFIG } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\nimport { default as WrappingType } from '@ui5/webcomponents/dist/types/WrappingType.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-checkbox, [ui5-checkbox]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5CheckBox',\n  hostDirectives: [GenericControlValueAccessor],\n  providers: [\n    {\n      provide: CVA_CONFIG,\n      useValue: {\n        property: 'checked',\n        events: ['change'],\n        transformValue: (v) => !!v\n      }\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckBox implements AfterViewInit {\n\n  /**\n   * Receives id(or many ids) of the elements that label the component\n   */\n  accessibleNameRef = input<typeof _CheckBox.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _CheckBox.prototype.accessibleName | undefined>();\n\n  /**\n   * Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.\n   */\n  disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.\n   */\n  readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines whether the `ui5-checkbox` is in display only state.\n\nWhen set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable\nand not in the tab chain. This setting is used for forms in review mode.\n\n**Note:** When the property `disabled` is set to `true` this property has no effect.\n   */\n  displayOnly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines whether the component is required.\n\n**Note:** We advise against using the text property of the checkbox when there is a\nlabel associated with it to avoid having two required asterisks.\n   */\n  required = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines whether the component is displayed as partially checked.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction and the resulting visual state depends on the values of the `indeterminate`\nand `checked` properties:\n\n-  If the component is checked and indeterminate, it will be displayed as partially checked\n-  If the component is checked and it is not indeterminate, it will be displayed as checked\n-  If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute\n   */\n  indeterminate = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the component is checked.\n\n**Note:** The property can be changed with user interaction,\neither by cliking/tapping on the component, or by\npressing the Enter or Space key.\n   */\n  checked = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the text of the component.\n   */\n  text = input<typeof _CheckBox.prototype.text | undefined>();\n\n  /**\n   * Defines the value state of the component.\n   */\n  valueState = input<typeof _CheckBox.prototype.valueState | undefined>(\"None\");\n\n  /**\n   * Defines whether the component text wraps when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.\n**Note:** for option \"None\" the text will be truncated with an ellipsis.\n   */\n  wrappingType = input<typeof _CheckBox.prototype.wrappingType | undefined>(\"Normal\");\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 _CheckBox.prototype.name | undefined>();\n\n  /**\n   * Defines the form value of the component that is submitted when the checkbox is checked.\n\nWhen a form containing `ui5-checkbox` elements is submitted, only the values of the\n**checked** checkboxes are included in the form data sent to the server. Unchecked\ncheckboxes do not contribute any data to the form submission.\n\nThis property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.\n   */\n  value = input<typeof _CheckBox.prototype.value | undefined>(\"on\"); // className is now passed\n\n\n\n  /**\n   * Fired when the component checked state changes.\n   */\n  ui5Change = output<UI5CustomEvent<_CheckBox, 'change'>>();\n\n\n  public elementRef: ElementRef<_CheckBox> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _CheckBox {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleNameRef',\n      'accessibleName',\n      'disabled',\n      'readonly',\n      'displayOnly',\n      'required',\n      'indeterminate',\n      'checked',\n      'text',\n      'valueState',\n      'wrappingType',\n      'name',\n      'value',\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    ];\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","/**\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-color-palette-item.mjs

@@ -1,70 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/ColorPaletteItem.js';
-
-class ColorPaletteItem {
-    constructor() {
-        /**
-         * Defines the colour of the component.
-      
-      **Note:** The value should be a valid CSS color.
-         */
-        this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
-        /**
-         * Defines if the component is selected.
-      
-      **Note:** Only one item must be selected per <code>ui5-color-palette</code>.
-      If more than one item is defined as selected, the last one would be considered as the selected one.
-         */
-        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute }); // className is now passed
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'value',
-            'selected',
-        ];
-        // 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: ColorPaletteItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ColorPaletteItem, isStandalone: true, selector: "ui5-color-palette-item, [ui5-color-palette-item]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5ColorPaletteItem"], 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: ColorPaletteItem, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-color-palette-item, [ui5-color-palette-item]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5ColorPaletteItem',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorPaletteItem };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-color-palette-item.mjs","sources":["../../../../libs/ui5-webcomponents/color-palette-item/index.ts","../../../../libs/ui5-webcomponents/color-palette-item/fundamental-ngx-ui5-webcomponents-color-palette-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/ColorPaletteItem.js';\nimport { default as _ColorPaletteItem } from '@ui5/webcomponents/dist/ColorPaletteItem.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n  standalone: true,\n  selector: 'ui5-color-palette-item, [ui5-color-palette-item]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5ColorPaletteItem',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPaletteItem implements AfterViewInit {\n\n  /**\n   * Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.\n   */\n  value = input<typeof _ColorPaletteItem.prototype.value | undefined>(\"\");\n\n  /**\n   * Defines if the component is selected.\n\n**Note:** Only one item must be selected per <code>ui5-color-palette</code>.\nIf more than one item is defined as selected, the last one would be considered as the selected one.\n   */\n  selected = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n\n\n  public elementRef: ElementRef<_ColorPaletteItem> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _ColorPaletteItem {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'value',\n      'selected',\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":";;;;MA6Ba,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AASE;;;;AAIG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAuD,EAAE,iDAAC;AAEvE;;;;;AAKG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG,CAAC;AAMlD,QAAA,IAAA,CAAA,UAAU,GAAkC,MAAM,CAAC,UAAU,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAsCnC,IAAA;AApCC,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,OAAO;YACP,UAAU;SACX;;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;8GA3DW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,oZAJjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kDAAkD;AAC5D,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC5BD;;AAEG;;;;"}