@fundamental-ngx/ui5-webcomponents 0.61.2-rc.8 → 0.61.2

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

@@ -1,186 +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 { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
-import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
-import { CVA_CONFIG, GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
-
-class Switch {
-    constructor() {
-        /**
-         * 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 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 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 whether the component is disabled.
-      
-      **Note:** A disabled component is noninteractive.
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), 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 whether the component is required.
-         */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
-        /**
-         * 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" }] : []));
-        /**
-         * 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 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 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);
-        /**
-         * Content density observer is injected to activate automatic CSS class and
-         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
-         * @private
-         */
-        this._contentDensityObserver = inject(ContentDensityObserver);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accessibleName',
-            'accessibleNameRef',
-            'checked',
-            'design',
-            'disabled',
-            'name',
-            'required',
-            'textOff',
-            'textOn',
-            'tooltip',
-            '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: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, textOff: { classPropertyName: "textOff", publicName: "textOff", isSignal: true, isRequired: false, transformFunction: null }, textOn: { classPropertyName: "textOn", publicName: "textOn", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
-            contentDensityObserverProviders({
-                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-            }),
-            {
-                provide: CVA_CONFIG,
-                useValue: {
-                    property: 'checked',
-                    events: ['change'],
-                    transformValue: (v) => !!v
-                }
-            }
-        ], 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],
-                    providers: [
-                        contentDensityObserverProviders({
-                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-                        }),
-                        {
-                            provide: CVA_CONFIG,
-                            useValue: {
-                                property: 'checked',
-                                events: ['change'],
-                                transformValue: (v) => !!v
-                            }
-                        }
-                    ],
-                    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 }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], textOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOff", required: false }] }], textOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOn", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", 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 {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\nimport { GenericControlValueAccessor, CVA_CONFIG } 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  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    }),\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 Switch implements AfterViewInit {\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 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 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 whether the component is disabled.\n\n**Note:** A disabled component is noninteractive.\n   */\n  disabled = 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 whether the component is required.\n   */\n  required = input(false, { transform: booleanAttribute });\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   * 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 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 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  /**\n   * Content density observer is injected to activate automatic CSS class and\n   * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n   * @private\n   */\n  private readonly _contentDensityObserver = inject(ContentDensityObserver);\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      'accessibleName',\n      'accessibleNameRef',\n      'checked',\n      'design',\n      'disabled',\n      'name',\n      'required',\n      'textOff',\n      'textOn',\n      'tooltip',\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,195 +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';
-import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
-
-class TabContainer {
-    constructor() {
-        /**
-         * Defines whether the tab content is collapsed.
-         */
-        this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : {}), transform: booleanAttribute });
-        /**
-         * Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.
-         */
-        this.contentBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "contentBackgroundDesign" }] : []));
-        /**
-         * Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.
-         */
-        this.headerBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "headerBackgroundDesign" }] : []));
-        /**
-         * 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 });
-        /**
-         * 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" }] : []));
-        /**
-         * 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" }] : [])); // className is now passed
-        /**
-         * 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();
-        /**
-         * 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 a tab is selected.
-         */
-        this.ui5TabSelect = 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);
-        /**
-         * Content density observer is injected to activate automatic CSS class and
-         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
-         * @private
-         */
-        this._contentDensityObserver = inject(ContentDensityObserver);
-    }
-    /**
-     * 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',
-            'contentBackgroundDesign',
-            'headerBackgroundDesign',
-            'noAutoSelection',
-            'overflowMode',
-            'tabLayout',
-        ];
-        // 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 = [
-            'ui5Move',
-            'ui5MoveOver',
-            'ui5TabSelect',
-        ];
-        // 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 }, contentBackgroundDesign: { classPropertyName: "contentBackgroundDesign", publicName: "contentBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundDesign: { classPropertyName: "headerBackgroundDesign", publicName: "headerBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, noAutoSelection: { classPropertyName: "noAutoSelection", publicName: "noAutoSelection", isSignal: true, isRequired: false, transformFunction: null }, overflowMode: { classPropertyName: "overflowMode", publicName: "overflowMode", isSignal: true, isRequired: false, transformFunction: null }, tabLayout: { classPropertyName: "tabLayout", publicName: "tabLayout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Move: "ui5Move", ui5MoveOver: "ui5MoveOver", ui5TabSelect: "ui5TabSelect" }, providers: [
-            contentDensityObserverProviders({
-                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-            })
-        ], 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',
-                    providers: [
-                        contentDensityObserverProviders({
-                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-                        })
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], contentBackgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentBackgroundDesign", required: false }] }], headerBackgroundDesign: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerBackgroundDesign", required: false }] }], noAutoSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAutoSelection", required: false }] }], overflowMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowMode", required: false }] }], tabLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabLayout", required: false }] }], ui5Move: [{ type: i0.Output, args: ["ui5Move"] }], ui5MoveOver: [{ type: i0.Output, args: ["ui5MoveOver"] }], ui5TabSelect: [{ type: i0.Output, args: ["ui5TabSelect"] }] } });
-
-/**
- * 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';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { ITab } from '@ui5/webcomponents/dist/TabContainer.js';\nimport { default as BackgroundDesign } from '@ui5/webcomponents/dist/types/BackgroundDesign.js';\nimport { default as OverflowMode } from '@ui5/webcomponents/dist/types/OverflowMode.js';\nimport { default as TabLayout } from '@ui5/webcomponents/dist/types/TabLayout.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-tabcontainer, [ui5-tabcontainer]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5TabContainer',\n  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\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   * 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   * 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   * 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 });\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   * 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\"); // 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 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   * 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 a tab is selected.\n   */\n  ui5TabSelect = output<UI5CustomEvent<_TabContainer, 'tab-select'>>();\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  /**\n   * Content density observer is injected to activate automatic CSS class and\n   * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n   * @private\n   */\n  private readonly _contentDensityObserver = inject(ContentDensityObserver);\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      'contentBackgroundDesign',\n      'headerBackgroundDesign',\n      'noAutoSelection',\n      'overflowMode',\n      'tabLayout',\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      'ui5Move',\n      'ui5MoveOver',\n      'ui5TabSelect',\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,52 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/TabSeparator.js';
-import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
-
-class TabSeparator {
-    constructor() {
-        // className is now passed
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-        /**
-         * Content density observer is injected to activate automatic CSS class and
-         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
-         * @private
-         */
-        this._contentDensityObserver = inject(ContentDensityObserver);
-    }
-    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]", providers: [
-            contentDensityObserverProviders({
-                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-            })
-        ], 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',
-                    providers: [
-                        contentDensityObserverProviders({
-                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-                        })
-                    ],
-                    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';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\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  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\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  /**\n   * Content density observer is injected to activate automatic CSS class and\n   * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n   * @private\n   */\n  private readonly _contentDensityObserver = inject(ContentDensityObserver);\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":";;;;;MAuCa,YAAY,CAAA;AAZzB,IAAA,WAAA,GAAA;;AAmBS,QAAA,IAAA,CAAA,UAAU,GAA8B,MAAM,CAAC,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElC;;;;AAIG;AACc,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAc1E,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;8GA5BW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,SAAA,EAPZ;AACT,YAAA,+BAA+B,CAAC;gBAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;aAC9E;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAS1B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,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;AAC3B,oBAAA,SAAS,EAAE;AACT,wBAAA,+BAA+B,CAAC;4BAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;yBAC9E;AACF,qBAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACtCD;;AAEG;;;;"}