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

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

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar/index.ts","../../../../libs/ui5-webcomponents/toolbar/fundamental-ngx-ui5-webcomponents-toolbar.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/Toolbar.js';\nimport { default as _Toolbar } from '@ui5/webcomponents/dist/Toolbar.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as ToolbarAlign } from '@ui5/webcomponents/dist/types/ToolbarAlign.js';\nimport { default as ToolbarDesign } from '@ui5/webcomponents/dist/types/ToolbarDesign.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-toolbar, [ui5-toolbar]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Toolbar',\n  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Toolbar implements AfterViewInit {\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _Toolbar.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that label the input.\n   */\n  accessibleNameRef = input<typeof _Toolbar.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Indicated the direction in which the Toolbar items will be aligned.\n   */\n  alignContent = input<typeof _Toolbar.prototype.alignContent | undefined>(\"End\");\n\n  /**\n   * Defines the toolbar design.\n   */\n  design = input<typeof _Toolbar.prototype.design | undefined>(\"Solid\");\n\n  /**\n   * Defines the accessible ARIA name of the overflow button of the component.\n\n**Note:** When not set, the built-in translation for \"Additional Options\" is used.\n   */\n  overflowButtonAccessibleName = input<typeof _Toolbar.prototype.overflowButtonAccessibleName | undefined>(); // className is now passed\n\n\n\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Defines the items of the component.\n\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.\n   *\n   * @example\n   * ```html\n   * <ui5-toolbar>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-toolbar>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the items of the component.\\n\\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Toolbar> = 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(): _Toolbar {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleName',\n      'accessibleNameRef',\n      'alignContent',\n      'design',\n      'overflowButtonAccessibleName',\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              // Skip writes when the signal is undefined and the property is already truthy\n              // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n              if (value === undefined && wcElement[inputName]) {\n                return;\n              }\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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"}
+{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar/index.ts","../../../../libs/ui5-webcomponents/toolbar/fundamental-ngx-ui5-webcomponents-toolbar.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/Toolbar.js';\nimport { default as _Toolbar } from '@ui5/webcomponents/dist/Toolbar.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as ToolbarAlign } from '@ui5/webcomponents/dist/types/ToolbarAlign.js';\nimport { default as ToolbarDesign } from '@ui5/webcomponents/dist/types/ToolbarDesign.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-toolbar, [ui5-toolbar]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Toolbar',\n  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Toolbar implements AfterViewInit {\n\n  /**\n   * Defines the accessible ARIA name of the component.\n\n**Note:** It is strongly recommended to always set this property or `accessibleNameRef`\nwhen the toolbar has `role=\"toolbar\"` (i.e. when it contains more than one interactive item).\nWithout an accessible name, screen readers will announce the toolbar without any context,\nmaking it harder for keyboard-only and AT users to understand its purpose.\n   */\n  accessibleName = input<typeof _Toolbar.prototype.accessibleName | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that label the input.\n\n**Note:** When the toolbar has `role=\"toolbar\"`, at least one of `accessibleName` or\n`accessibleNameRef` should be provided to satisfy WCAG 2.1 success criterion 4.1.2.\n   */\n  accessibleNameRef = input<typeof _Toolbar.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Indicated the direction in which the Toolbar items will be aligned.\n   */\n  alignContent = input<typeof _Toolbar.prototype.alignContent | undefined>(\"End\");\n\n  /**\n   * Defines the toolbar design.\n   */\n  design = input<typeof _Toolbar.prototype.design | undefined>(\"Solid\");\n\n  /**\n   * Defines the accessible ARIA name of the overflow button of the component.\n\n**Note:** When not set, the built-in translation for \"Additional Options\" is used.\n   */\n  overflowButtonAccessibleName = input<typeof _Toolbar.prototype.overflowButtonAccessibleName | undefined>(); // className is now passed\n\n\n\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Defines the items of the component.\n\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.\n   *\n   * @example\n   * ```html\n   * <ui5-toolbar>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-toolbar>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the items of the component.\\n\\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Toolbar> = 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(): _Toolbar {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleName',\n      'accessibleNameRef',\n      'alignContent',\n      'design',\n      'overflowButtonAccessibleName',\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              // Skip writes when the signal is undefined and the property is already truthy\n              // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n              if (value === undefined && wcElement[inputName]) {\n                return;\n              }\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":";;;;;MAwCa,OAAO,CAAA;AAZpB,IAAA,WAAA,GAAA;AAcE;;;;;;;AAOG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK;sGAAwD;AAE9E;;;;;AAKG;AACH,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK;yGAA2D;AAEpF;;AAEG;QACH,IAAA,CAAA,YAAY,GAAG,KAAK,CAAqD,KAAK;yFAAC;AAE/E;;AAEG;QACH,IAAA,CAAA,MAAM,GAAG,KAAK,CAA+C,OAAO;mFAAC;AAErE;;;;AAIG;AACH,QAAA,IAAA,CAAA,4BAA4B,GAAG,KAAK;AAAsE,QAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAA,CAAC;AAK3G;;;;;;;;;;;;;;;;;;;;AAoBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAAyB,MAAM,CAAC,UAAU,CAAC;AACrD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElC;;;;AAIG;AACc,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AA8C1E,IAAA;AA5CC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,gBAAgB;YAChB,mBAAmB;YACnB,cAAc;YACd,QAAQ;YACR,8BAA8B;SAC/B;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;oBACxC,MAAM,CAAC,MAAK;;AAEV,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;;4BAGb,IAAI,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;gCAC/C;4BACF;;AAEA,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;IAKF;8GA1HW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,4BAAA,EAAA,EAAA,iBAAA,EAAA,8BAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAPP;AACT,YAAA,+BAA+B,CAAC;gBAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;aAC9E;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,YAAA,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,OAAO,EAAA,UAAA,EAAA,CAAA;kBAZnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,YAAY;AACtB,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;;;ACvCD;;AAEG;;;;"}

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

@@ -116,6 +116,7 @@ import '@ui5/webcomponents/dist/FormGroup.js';
 import '@ui5/webcomponents/dist/FormItem.js';
 import '@ui5/webcomponents/dist/Icon.js';
 import '@ui5/webcomponents/dist/Input.js';
+import '@ui5/webcomponents/dist/InputIcon.js';
 import '@ui5/webcomponents/dist/Label.js';
 import '@ui5/webcomponents/dist/Link.js';
 import '@ui5/webcomponents/dist/List.js';
@@ -5604,6 +5605,16 @@ class Dialog {
       **Note:** Upon resizing, externally defined height and width styling will be ignored.
          */
         this.resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Defines whether a fullscreen toggle button is shown in the dialog header.
+      When pressed, it toggles the `stretch` property.
+      The fullscreen button is not available on phone devices.
+      
+      **Note:** The fullscreen button is not available on phone devices,
+      nor when a custom header slot is provided — the application is expected
+      to render its own toggle inside the custom header in those cases.
+         */
+        this.showFullscreenButton = input(false, { ...(ngDevMode ? { debugName: "showFullscreenButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Defines the state of the `Dialog`.
       
@@ -5700,6 +5711,7 @@ class Dialog {
             'preventFocusRestore',
             'preventInitialFocus',
             'resizable',
+            'showFullscreenButton',
             'state',
             'stretch',
         ];
@@ -5746,7 +5758,7 @@ class Dialog {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: Dialog, isStandalone: true, selector: "ui5-dialog, [ui5-dialog]", inputs: { accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", 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 }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, preventFocusRestore: { classPropertyName: "preventFocusRestore", publicName: "preventFocusRestore", isSignal: true, isRequired: false, transformFunction: null }, preventInitialFocus: { classPropertyName: "preventInitialFocus", publicName: "preventInitialFocus", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5BeforeClose: "ui5BeforeClose", ui5BeforeOpen: "ui5BeforeOpen", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: Dialog, isStandalone: true, selector: "ui5-dialog, [ui5-dialog]", inputs: { accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", 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 }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, preventFocusRestore: { classPropertyName: "preventFocusRestore", publicName: "preventFocusRestore", isSignal: true, isRequired: false, transformFunction: null }, preventInitialFocus: { classPropertyName: "preventInitialFocus", publicName: "preventInitialFocus", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, showFullscreenButton: { classPropertyName: "showFullscreenButton", publicName: "showFullscreenButton", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5BeforeClose: "ui5BeforeClose", ui5BeforeOpen: "ui5BeforeOpen", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -5766,7 +5778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], preventFocusRestore: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventFocusRestore", required: false }] }], preventInitialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventInitialFocus", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], ui5BeforeClose: [{ type: i0.Output, args: ["ui5BeforeClose"] }], ui5BeforeOpen: [{ type: i0.Output, args: ["ui5BeforeOpen"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
+        }], propDecorators: { accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], preventFocusRestore: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventFocusRestore", required: false }] }], preventInitialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventInitialFocus", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], showFullscreenButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFullscreenButton", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], ui5BeforeClose: [{ type: i0.Output, args: ["ui5BeforeClose"] }], ui5BeforeOpen: [{ type: i0.Output, args: ["ui5BeforeOpen"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
 
 class DropIndicator {
     constructor() {
@@ -5859,6 +5871,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 class DynamicDateRange {
     constructor() {
+        /**
+         * Receives id(or many ids) of the elements that label the component.
+         */
+        this.accessibleNameRef = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
         /**
          * Defines the options listed as a string, separated by commas and using capital case.
       Example: "TODAY, YESTERDAY, DATERANGE"
@@ -5889,6 +5906,7 @@ class DynamicDateRange {
     ngAfterViewInit() {
         const wcElement = this.element;
         const inputsToSync = [
+            'accessibleNameRef',
             'options',
             'value',
         ];
@@ -5932,7 +5950,7 @@ class DynamicDateRange {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DynamicDateRange, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DynamicDateRange, isStandalone: true, selector: "ui5-dynamic-date-range, [ui5-dynamic-date-range]", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DynamicDateRange, isStandalone: true, selector: "ui5-dynamic-date-range, [ui5-dynamic-date-range]", inputs: { accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", 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]
             })
@@ -5952,7 +5970,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
+        }], propDecorators: { accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
 
 class ExpandableText {
     constructor() {
@@ -7222,6 +7240,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], noTypeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTypeahead", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], showClearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearIcon", required: false }] }], showSuggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSuggestions", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Input: [{ type: i0.Output, args: ["ui5Input"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }], ui5Select: [{ type: i0.Output, args: ["ui5Select"] }], ui5SelectionChange: [{ type: i0.Output, args: ["ui5SelectionChange"] }] } });
 
+class InputIcon {
+    constructor() {
+        /**
+         * Defines the accessible name of the icon.
+      
+      **Note:** This property is used for accessibility purposes and will be announced by screen readers.
+      When set, it is also rendered as a native `title` tooltip.
+         */
+        this.accessibleName = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
+        /**
+         * Defines the icon name to be displayed.
+      
+      **Note:** Make sure you import the desired icon before using it.
+         */
+        this.name = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ [])); // className is now passed
+        /**
+         * Fired when the `ui5-input-icon` is activated either with a click/tap or by using the Enter or Space key.
+         */
+        this.ui5Click = 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',
+            'name',
+        ];
+        // 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) {
+                            // Skip writes when the signal is undefined and the property is already truthy
+                            // This prevents clobbering imperatively-set values (e.g., from RouterLink)
+                            if (value === undefined && wcElement[inputName]) {
+                                return;
+                            }
+                            // Write the value to the Web Component's property
+                            wcElement[inputName] = value;
+                        }
+                    });
+                });
+            }
+        }
+        const outputsToSync = [
+            'ui5Click',
+        ];
+        // Synchronize outputs (events)
+        for (const outputName of outputsToSync) {
+            // Map Angular output name to UI5 web component event name
+            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
+            // Ensure the output property exists and has an emit function before adding listener
+            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
+                // Cast the listener to the correct type to satisfy TypeScript
+                wcElement.addEventListener(eventName, (e) => {
+                    this[outputName].emit(e);
+                });
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: InputIcon, isStandalone: true, selector: "ui5-input-icon, [ui5-input-icon]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
+            contentDensityObserverProviders({
+                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+            })
+        ], exportAs: ["ui5InputIcon"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InputIcon, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'ui5-input-icon, [ui5-input-icon]',
+                    template: '<ng-content></ng-content>',
+                    exportAs: 'ui5InputIcon',
+                    providers: [
+                        contentDensityObserverProviders({
+                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
+                        })
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
+
 class Label {
     constructor() {
         /**
@@ -9223,12 +9342,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class MenuSeparator {
     constructor() {
         // className is now passed
-        /**
-         * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
-      
-      **Note:** The event will not be fired if the `disabled` property is set to `true`.
-         */
-        this.ui5Click = output();
         this.elementRef = inject(ElementRef);
         this.injector = inject(Injector);
         /**
@@ -9243,24 +9356,9 @@ class MenuSeparator {
     }
     ngAfterViewInit() {
         const wcElement = this.element;
-        const outputsToSync = [
-            'ui5Click',
-        ];
-        // Synchronize outputs (events)
-        for (const outputName of outputsToSync) {
-            // Map Angular output name to UI5 web component event name
-            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
-            // Ensure the output property exists and has an emit function before adding listener
-            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
-                // Cast the listener to the correct type to satisfy TypeScript
-                wcElement.addEventListener(eventName, (e) => {
-                    this[outputName].emit(e);
-                });
-            }
-        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MenuSeparator, isStandalone: true, selector: "ui5-menu-separator, [ui5-menu-separator]", outputs: { ui5Click: "ui5Click" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MenuSeparator, isStandalone: true, selector: "ui5-menu-separator, [ui5-menu-separator]", providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -9280,7 +9378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
+        }] });
 
 class MessageStrip {
     constructor() {
@@ -18401,11 +18499,19 @@ class Toolbar {
     constructor() {
         /**
          * Defines the accessible ARIA name of the component.
+      
+      **Note:** It is strongly recommended to always set this property or `accessibleNameRef`
+      when the toolbar has `role="toolbar"` (i.e. when it contains more than one interactive item).
+      Without an accessible name, screen readers will announce the toolbar without any context,
+      making it harder for keyboard-only and AT users to understand its purpose.
          */
         this.accessibleName = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
         /**
          * Receives id(or many ids) of the elements that label the input.
+      
+      **Note:** When the toolbar has `role="toolbar"`, at least one of `accessibleName` or
+      `accessibleNameRef` should be provided to satisfy WCAG 2.1 success criterion 4.1.2.
          */
         this.accessibleNameRef = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
@@ -19011,7 +19117,12 @@ class ToolbarSelectOption {
         /**
          * Defines the selected state of the component.
          */
-        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute }); // className is now passed
+        this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Defines the value of the component.
+         */
+        this.value = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ [])); // className is now passed
         /**
          * Available slots for content projection in this component.
          *
@@ -19055,6 +19166,7 @@ class ToolbarSelectOption {
         const wcElement = this.element;
         const inputsToSync = [
             'selected',
+            'value',
         ];
         // Synchronize inputs (properties)
         for (const inputName of inputsToSync) {
@@ -19081,7 +19193,7 @@ class ToolbarSelectOption {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToolbarSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSelectOption, isStandalone: true, selector: "ui5-toolbar-select-option, [ui5-toolbar-select-option]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToolbarSelectOption, isStandalone: true, selector: "ui5-toolbar-select-option, [ui5-toolbar-select-option]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -19101,7 +19213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 class ToolbarSeparator {
     constructor() {
@@ -20245,7 +20357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class Ui5WebcomponentsMainThemingService extends WebcomponentsThemingProvider {
     constructor() {
         super(() => import('@ui5/webcomponents/dist/generated/json-imports/Themes.js'));
-        this.name = 'ui-5-webcomponents--theming-service';
+        this.name = 'ui5-webcomponents-theming-service';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Ui5WebcomponentsMainThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Ui5WebcomponentsMainThemingService, providedIn: 'root' }); }
@@ -20259,5 +20371,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };
+export { Avatar, AvatarBadge, AvatarGroup, Bar, Breadcrumbs, BreadcrumbsItem, BusyIndicator, Button, ButtonBadge, CVA_CONFIG, Calendar, CalendarDate, CalendarDateRange, CalendarLegend, CalendarLegendItem, Card, CardHeader, Carousel, CheckBox, ColorPalette, ColorPaletteItem, ColorPalettePopover, ColorPicker, ComboBox, ComboBoxItem, ComboBoxItemCustom, ComboBoxItemGroup, DatePicker, DateRangePicker, DateTimeInput, DateTimePicker, DayPicker, Dialog, DropIndicator, DynamicDateRange, ExpandableText, FileUploader, Form, FormGroup, FormItem, GenericControlValueAccessor, Icon, Input, InputIcon, Label, Link, List, ListItemCustom, ListItemGroup, ListItemGroupHeader, ListItemStandard, Menu, MenuItem, MenuItemGroup, MenuSeparator, MessageStrip, MonthPicker, MultiComboBox, MultiComboBoxItem, MultiComboBoxItemCustom, MultiComboBoxItemGroup, MultiInput, Option, OptionCustom, Panel, Popover, ProgressIndicator, RadioButton, RangeSlider, RatingIndicator, ResponsivePopover, SegmentedButton, SegmentedButtonItem, Select, Slider, SliderHandle, SliderTooltip, SpecialCalendarDate, SplitButton, StepInput, SuggestionItem, SuggestionItemCustom, SuggestionItemGroup, SuggestionListItem, Switch, Tab, TabContainer, TabSeparator, Table, TableCell, TableGroupRow, TableGrowing, TableHeaderCell, TableHeaderCellActionAI, TableHeaderRow, TableRow, TableRowAction, TableRowActionNavigation, TableSelection, TableSelectionMulti, TableSelectionSingle, TableVirtualizer, Tag, Text, TextArea, TimePicker, TimePickerClock, TimeSelectionClocks, TimeSelectionInputs, Title, Toast, ToggleButton, ToggleSpinButton, Token, Tokenizer, Toolbar, ToolbarButton, ToolbarItem, ToolbarSelect, ToolbarSelectOption, ToolbarSeparator, ToolbarSpacer, Tree, TreeItem, TreeItemCustom, Ui5WebcomponentsMainThemingService, YearPicker, YearRangePicker };
 //# sourceMappingURL=fundamental-ngx-ui5-webcomponents.mjs.map