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

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

@@ -1,154 +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/Switch.js';
-import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
-import { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
-
-class Switch {
-    constructor() {
-        /**
-         * Defines the component design.
-      
-      **Note:** If `Graphical` type is set,
-      positive and negative icons will replace the `textOn` and `textOff`.
-         */
-        this.design = input("Textual", ...(ngDevMode ? [{ debugName: "design" }] : []));
-        /**
-         * Defines if the component is checked.
-      
-      **Note:** The property can be changed with user interaction,
-      either by cliking the component, or by pressing the `Enter` or `Space` key.
-         */
-        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
-        /**
-         * Defines whether the component is disabled.
-      
-      **Note:** A disabled component is noninteractive.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the text, displayed when the component is checked.
-      
-      **Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).
-         */
-        this.textOn = input(...(ngDevMode ? [undefined, { debugName: "textOn" }] : []));
-        /**
-         * Defines the text, displayed when the component is not checked.
-      
-      **Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).
-         */
-        this.textOff = input(...(ngDevMode ? [undefined, { debugName: "textOff" }] : []));
-        /**
-         * Sets the accessible ARIA name of the component.
-      
-      **Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.
-      Providing an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.
-         */
-        this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
-        /**
-         * Receives id(or many ids) of the elements that label the component.
-      
-      **Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.
-      Providing an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.
-         */
-        this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
-        /**
-         * Defines the tooltip of the component.
-      
-      **Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.
-         */
-        this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
-        /**
-         * Defines whether the component is required.
-         */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), 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 the form value of the component.
-         */
-        this.value = input("", ...(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 = [
-            'design',
-            'checked',
-            'disabled',
-            'textOn',
-            'textOff',
-            'accessibleName',
-            'accessibleNameRef',
-            'tooltip',
-            'required',
-            '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: Switch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Switch, isStandalone: true, selector: "ui5-switch, [ui5-switch]", inputs: { design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, textOn: { classPropertyName: "textOn", publicName: "textOn", isSignal: true, isRequired: false, transformFunction: null }, textOff: { classPropertyName: "textOff", publicName: "textOff", 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 }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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" }, exportAs: ["ui5Switch"], 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: Switch, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-switch, [ui5-switch]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Switch',
-                    hostDirectives: [GenericControlValueAccessor],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], textOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOn", required: false }] }], textOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOff", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", 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 { Switch };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-switch.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-switch.mjs","sources":["../../../../libs/ui5-webcomponents/switch/index.ts","../../../../libs/ui5-webcomponents/switch/fundamental-ngx-ui5-webcomponents-switch.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/Switch.js';\nimport { default as _Switch } from '@ui5/webcomponents/dist/Switch.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport { default as SwitchDesign } from '@ui5/webcomponents/dist/types/SwitchDesign.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-switch, [ui5-switch]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Switch',\n  hostDirectives: [GenericControlValueAccessor],\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Switch implements AfterViewInit {\n\n  /**\n   * Defines the component design.\n\n**Note:** If `Graphical` type is set,\npositive and negative icons will replace the `textOn` and `textOff`.\n   */\n  design = input<typeof _Switch.prototype.design | undefined>(\"Textual\");\n\n  /**\n   * Defines if the component is checked.\n\n**Note:** The property can be changed with user interaction,\neither by cliking the component, or by pressing the `Enter` or `Space` key.\n   */\n  checked = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines whether the component is disabled.\n\n**Note:** A disabled component is noninteractive.\n   */\n  disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the text, displayed when the component is checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).\n   */\n  textOn = input<typeof _Switch.prototype.textOn | undefined>();\n\n  /**\n   * Defines the text, displayed when the component is not checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).\n   */\n  textOff = input<typeof _Switch.prototype.textOff | undefined>();\n\n  /**\n   * Sets the accessible ARIA name of the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.\n   */\n  accessibleName = input<typeof _Switch.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that label the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.\n   */\n  accessibleNameRef = input<typeof _Switch.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Defines the tooltip of the component.\n\n**Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.\n   */\n  tooltip = input<typeof _Switch.prototype.tooltip | undefined>();\n\n  /**\n   * Defines whether the component is required.\n   */\n  required = 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 _Switch.prototype.name | undefined>();\n\n  /**\n   * Defines the form value of the component.\n   */\n  value = input<typeof _Switch.prototype.value | undefined>(\"\"); // className is now passed\n\n\n\n  /**\n   * Fired when the component checked state changes.\n   */\n  ui5Change = output<UI5CustomEvent<_Switch, 'change'>>();\n\n\n  public elementRef: ElementRef<_Switch> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _Switch {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'design',\n      'checked',\n      'disabled',\n      'textOn',\n      'textOff',\n      'accessibleName',\n      'accessibleNameRef',\n      'tooltip',\n      'required',\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-tab-container.mjs

@@ -1,179 +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/TabContainer.js';
-
-class TabContainer {
-    constructor() {
-        /**
-         * Defines whether the tab content is collapsed.
-         */
-        this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : {}), transform: booleanAttribute });
-        /**
-         * Defines the alignment of the content and the `additionalText` of a tab.
-      
-      **Note:**
-      The content and the `additionalText` would be displayed vertically by default,
-      but when set to `Inline`, they would be displayed horizontally.
-         */
-        this.tabLayout = input("Standard", ...(ngDevMode ? [{ debugName: "tabLayout" }] : []));
-        /**
-         * Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.
-      All other tabs that can 't fit on the screen are available in an overflow tab "More".
-      
-      **Note:**
-      Only one overflow at the end would be displayed by default,
-      but when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.
-         */
-        this.overflowMode = input("End", ...(ngDevMode ? [{ debugName: "overflowMode" }] : []));
-        /**
-         * Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.
-         */
-        this.headerBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "headerBackgroundDesign" }] : []));
-        /**
-         * Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.
-         */
-        this.contentBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "contentBackgroundDesign" }] : []));
-        /**
-         * Defines if automatic tab selection is deactivated.
-      
-      **Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.
-      Setting this property to `true` allows preventing this behavior.
-         */
-        this.noAutoSelection = input(false, { ...(ngDevMode ? { debugName: "noAutoSelection" } : {}), transform: booleanAttribute }); // className is now passed
-        /**
-         * Fired when a tab is selected.
-         */
-        this.ui5TabSelect = output();
-        /**
-         * Fired when element is being moved over the tab container.
-      
-      If the new position is valid, prevent the default action of the event using `preventDefault()`.
-         */
-        this.ui5MoveOver = output();
-        /**
-         * Fired when element is moved to the tab container.
-      
-      **Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
-         */
-        this.ui5Move = 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 tabs.
-      
-      **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
-         * - **overflowButton**: Defines the button which will open the overflow menu. If nothing is provided to this slot,
-      the default button will be used.
-         * - **startOverflowButton**: Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,
-      the default button will be used.
-         *
-         * @example
-         * ```html
-         * <ui5-tabcontainer>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-tabcontainer>
-         * ```
-         *
-         * @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 tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
-            },
-            {
-                "name": "overflowButton",
-                "description": "Defines the button which will open the overflow menu. If nothing is provided to this slot,\nthe default button will be used.",
-                "since": "1.0.0-rc.9"
-            },
-            {
-                "name": "startOverflowButton",
-                "description": "Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,\nthe default button will be used.",
-                "since": "1.1.0"
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    /**
-     * Returns all slotted tabs and their subTabs in a flattened array.
-  The order of tabs is depth-first.
-     * @readonly This property is managed by the web component.
-     */
-    get allItems() {
-        return this.element?.allItems ?? [];
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'collapsed',
-            'tabLayout',
-            'overflowMode',
-            'headerBackgroundDesign',
-            'contentBackgroundDesign',
-            'noAutoSelection',
-        ];
-        // 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 = [
-            'ui5TabSelect',
-            'ui5MoveOver',
-            'ui5Move',
-        ];
-        // 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: TabContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TabContainer, isStandalone: true, selector: "ui5-tabcontainer, [ui5-tabcontainer]", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, tabLayout: { classPropertyName: "tabLayout", publicName: "tabLayout", isSignal: true, isRequired: false, transformFunction: null }, overflowMode: { classPropertyName: "overflowMode", publicName: "overflowMode", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundDesign: { classPropertyName: "headerBackgroundDesign", publicName: "headerBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, contentBackgroundDesign: { classPropertyName: "contentBackgroundDesign", publicName: "contentBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, noAutoSelection: { classPropertyName: "noAutoSelection", publicName: "noAutoSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5TabSelect: "ui5TabSelect", ui5MoveOver: "ui5MoveOver", ui5Move: "ui5Move" }, exportAs: ["ui5TabContainer"], 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: TabContainer, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-tabcontainer, [ui5-tabcontainer]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5TabContainer',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], tabLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabLayout", required: false }] }], overflowMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowMode", required: false }] }], headerBackgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerBackgroundDesign", required: false }] }], contentBackgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentBackgroundDesign", required: false }] }], noAutoSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAutoSelection", required: false }] }], ui5TabSelect: [{ type: i0.Output, args: ["ui5TabSelect"] }], ui5MoveOver: [{ type: i0.Output, args: ["ui5MoveOver"] }], ui5Move: [{ type: i0.Output, args: ["ui5Move"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TabContainer };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tab-container.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-tab-container.mjs","sources":["../../../../libs/ui5-webcomponents/tab-container/index.ts","../../../../libs/ui5-webcomponents/tab-container/fundamental-ngx-ui5-webcomponents-tab-container.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/TabContainer.js';\nimport { default as _TabContainer } from '@ui5/webcomponents/dist/TabContainer.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as TabLayout } from '@ui5/webcomponents/dist/types/TabLayout.js';\nimport { default as OverflowMode } from '@ui5/webcomponents/dist/types/OverflowMode.js';\nimport { default as BackgroundDesign } from '@ui5/webcomponents/dist/types/BackgroundDesign.js';\nimport { ITab } from '@ui5/webcomponents/dist/TabContainer.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-tabcontainer, [ui5-tabcontainer]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5TabContainer',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabContainer implements AfterViewInit {\n\n  /**\n   * Defines whether the tab content is collapsed.\n   */\n  collapsed = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the alignment of the content and the `additionalText` of a tab.\n\n**Note:**\nThe content and the `additionalText` would be displayed vertically by default,\nbut when set to `Inline`, they would be displayed horizontally.\n   */\n  tabLayout = input<typeof _TabContainer.prototype.tabLayout | undefined>(\"Standard\");\n\n  /**\n   * Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.\nAll other tabs that can 't fit on the screen are available in an overflow tab \"More\".\n\n**Note:**\nOnly one overflow at the end would be displayed by default,\nbut when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.\n   */\n  overflowMode = input<typeof _TabContainer.prototype.overflowMode | undefined>(\"End\");\n\n  /**\n   * Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.\n   */\n  headerBackgroundDesign = input<typeof _TabContainer.prototype.headerBackgroundDesign | undefined>(\"Solid\");\n\n  /**\n   * Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.\n   */\n  contentBackgroundDesign = input<typeof _TabContainer.prototype.contentBackgroundDesign | undefined>(\"Solid\");\n\n  /**\n   * Defines if automatic tab selection is deactivated.\n\n**Note:** By default, if none of the child tabs have the `selected` property set, the first tab will be automatically selected.\nSetting this property to `true` allows preventing this behavior.\n   */\n  noAutoSelection = input(false, { transform: booleanAttribute }); // className is now passed\n\n  /**\n   * Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.\n   * @readonly This property is managed by the web component.\n   */\n  get allItems(): Array<ITab> {\n    return this.element?.allItems ?? [];\n  }\n\n\n  /**\n   * Fired when a tab is selected.\n   */\n  ui5TabSelect = output<UI5CustomEvent<_TabContainer, 'tab-select'>>();\n\n  /**\n   * Fired when element is being moved over the tab container.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n   */\n  ui5MoveOver = output<UI5CustomEvent<_TabContainer, 'move-over'>>();\n\n  /**\n   * Fired when element is moved to the tab container.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n   */\n  ui5Move = output<UI5CustomEvent<_TabContainer, 'move'>>();\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 tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\n   * - **overflowButton**: Defines the button which will open the overflow menu. If nothing is provided to this slot,\nthe default button will be used.\n   * - **startOverflowButton**: Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,\nthe default button will be used.\n   * \n   * @example\n   * ```html\n   * <ui5-tabcontainer>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-tabcontainer>\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 tabs.\\n\\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\"\n      },\n      {\n          \"name\": \"overflowButton\",\n          \"description\": \"Defines the button which will open the overflow menu. If nothing is provided to this slot,\\nthe default button will be used.\",\n          \"since\": \"1.0.0-rc.9\"\n      },\n      {\n          \"name\": \"startOverflowButton\",\n          \"description\": \"Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,\\nthe default button will be used.\",\n          \"since\": \"1.1.0\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_TabContainer> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _TabContainer {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'collapsed',\n      'tabLayout',\n      'overflowMode',\n      'headerBackgroundDesign',\n      'contentBackgroundDesign',\n      'noAutoSelection',\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      'ui5TabSelect',\n      'ui5MoveOver',\n      'ui5Move',\n    ];\n    \n    // Synchronize outputs (events)\n    for (const outputName of outputsToSync) {\n      // Map Angular output name to UI5 web component event name\n      const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n      // Ensure the output property exists and has an emit function before adding listener\n      if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n        // Cast the listener to the correct type to satisfy TypeScript\n        wcElement.addEventListener(eventName, (e) => {\n\n          this[outputName].emit(e as CustomEvent<any>);\n        });\n      }\n    }\n  \n\n  }\n}\n\n// Re-export types for convenience\nexport { ITab } from '@ui5/webcomponents/dist/TabContainer.js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs

@@ -1,36 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/TabSeparator.js';
-
-class TabSeparator {
-    constructor() {
-        // className is now passed
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TabSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: TabSeparator, isStandalone: true, selector: "ui5-tab-separator, [ui5-tab-separator]", exportAs: ["ui5TabSeparator"], 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: TabSeparator, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-tab-separator, [ui5-tab-separator]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5TabSeparator',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TabSeparator };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-tab-separator.mjs","sources":["../../../../libs/ui5-webcomponents/tab-separator/index.ts","../../../../libs/ui5-webcomponents/tab-separator/fundamental-ngx-ui5-webcomponents-tab-separator.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/TabSeparator.js';\nimport { default as _TabSeparator } from '@ui5/webcomponents/dist/TabSeparator.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n  standalone: true,\n  selector: 'ui5-tab-separator, [ui5-tab-separator]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5TabSeparator',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabSeparator implements AfterViewInit {\n // className is now passed\n\n\n\n\n\n  public elementRef: ElementRef<_TabSeparator> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _TabSeparator {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\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,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;;AAeS,QAAA,IAAA,CAAA,UAAU,GAA8B,MAAM,CAAC,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAcnC,IAAA;AAZC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;IAMhC;8GArBW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,iIALb,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,iBAAiB;oBAE3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}

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

@@ -1,134 +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/Tab.js';
-
-class Tab {
-    constructor() {
-        /**
-         * The text to be displayed for the item.
-         */
-        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
-        /**
-         * Disabled tabs can't be selected.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-        /**
-         * Represents the "additionalText" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the "additionalText" is displayed larger.
-         */
-        this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
-        /**
-         * Defines the icon source URI to be displayed as graphical element within the component.
-      The SAP-icons font provides numerous built-in icons.
-      See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
-         */
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        /**
-         * Defines the component's design color.
-      
-      The design is applied to:
-      
-      - the component icon
-      - the `text` when the component overflows
-      - the tab selection line
-      
-      Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
-      
-      **Note:** The design depends on the current theme.
-         */
-        this.design = input("Default", ...(ngDevMode ? [{ debugName: "design" }] : []));
-        /**
-         * Specifies if the component is selected.
-         */
-        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
-        /**
-         * Defines if the tab is movable.
-         */
-        this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute }); // 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)**: Holds the content associated with this tab.
-         * - **items**: Defines hierarchies with nested sub tabs.
-      
-      **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
-         *
-         * @example
-         * ```html
-         * <ui5-tab>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-tab>
-         * ```
-         *
-         * @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": "Holds the content associated with this tab."
-            },
-            {
-                "name": "items",
-                "description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'text',
-            'disabled',
-            'additionalText',
-            'icon',
-            'design',
-            'selected',
-            'movable',
-        ];
-        // 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: Tab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Tab, isStandalone: true, selector: "ui5-tab, [ui5-tab]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Tab"], 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: Tab, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-tab, [ui5-tab]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Tab',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Tab };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tab.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-tab.mjs","sources":["../../../../libs/ui5-webcomponents/tab/index.ts","../../../../libs/ui5-webcomponents/tab/fundamental-ngx-ui5-webcomponents-tab.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/Tab.js';\nimport { default as _Tab } from '@ui5/webcomponents/dist/Tab.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as SemanticColor } from '@ui5/webcomponents/dist/types/SemanticColor.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-tab, [ui5-tab]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Tab',\n\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Tab implements AfterViewInit {\n\n  /**\n   * The text to be displayed for the item.\n   */\n  text = input<typeof _Tab.prototype.text | undefined>();\n\n  /**\n   * Disabled tabs can't be selected.\n   */\n  disabled = input(false, { transform: booleanAttribute });\n\n  /**\n   * Represents the \"additionalText\" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the \"additionalText\" is displayed larger.\n   */\n  additionalText = input<typeof _Tab.prototype.additionalText | undefined>();\n\n  /**\n   * Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n   */\n  icon = input<typeof _Tab.prototype.icon | undefined>();\n\n  /**\n   * Defines the component's design color.\n\nThe design is applied to:\n\n- the component icon\n- the `text` when the component overflows\n- the tab selection line\n\nAvailable designs are: `\"Default\"`, `\"Neutral\"`, `\"Positive\"`, `\"Critical\"` and `\"Negative\"`.\n\n**Note:** The design depends on the current theme.\n   */\n  design = input<typeof _Tab.prototype.design | undefined>(\"Default\");\n\n  /**\n   * Specifies if the component is selected.\n   */\n  selected = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the tab is movable.\n   */\n  movable = input(false, { transform: booleanAttribute }); // 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)**: Holds the content associated with this tab.\n   * - **items**: Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\n   * \n   * @example\n   * ```html\n   * <ui5-tab>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-tab>\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\": \"Holds the content associated with this tab.\"\n      },\n      {\n          \"name\": \"items\",\n          \"description\": \"Defines hierarchies with nested sub tabs.\\n\\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Tab> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  get element(): _Tab {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'text',\n      'disabled',\n      'additionalText',\n      'icon',\n      'design',\n      'selected',\n      'movable',\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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"}