@angular/aria 21.0.0-next.9 → 21.0.0-rc.1

package/fesm2022/toolbar.mjs

@@ -1,218 +1,384 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, computed, input, booleanAttribute, afterRenderEffect, Directive } from '@angular/core';
-import { ToolbarPattern, ToolbarWidgetPattern, ToolbarWidgetGroupPattern } from '@angular/aria/ui-patterns';
+import { inject, ElementRef, signal, computed, input, booleanAttribute, afterRenderEffect, Directive, contentChildren } from '@angular/core';
+import { ToolbarPattern, ToolbarWidgetPattern, ToolbarWidgetGroupPattern } from '@angular/aria/private';
 import { Directionality } from '@angular/cdk/bidi';
 import { _IdGenerator } from '@angular/cdk/a11y';
 
-/**
- * Sort directives by their document order.
- */
 function sortDirectives(a, b) {
-    return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0
-        ? 1
-        : -1;
+  return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0 ? 1 : -1;
 }
-/**
- * A toolbar widget container.
- *
- * Widgets such as radio groups or buttons are nested within a toolbar to allow for a single
- * place of reference for focus and navigation. The Toolbar is meant to be used in conjunction
- * with ToolbarWidget and RadioGroup as follows:
- *
- * ```html
- * <div ngToolbar>
- *  <button ngToolbarWidget>Button</button>
- *  <div ngRadioGroup>
- *    <label ngRadioButton value="1">Option 1</label>
- *    <label ngRadioButton value="2">Option 2</label>
- *    <label ngRadioButton value="3">Option 3</label>
- *  </div>
- * </div>
- * ```
- */
 class Toolbar {
-    /** A reference to the toolbar element. */
-    _elementRef = inject(ElementRef);
-    /** The TabList nested inside of the container. */
-    _widgets = signal(new Set(), ...(ngDevMode ? [{ debugName: "_widgets" }] : []));
-    /** A signal wrapper for directionality. */
-    textDirection = inject(Directionality).valueSignal;
-    /** Sorted UIPatterns of the child widgets */
-    items = computed(() => [...this._widgets()].sort(sortDirectives).map(widget => widget.pattern), ...(ngDevMode ? [{ debugName: "items" }] : []));
-    /** Whether the toolbar is vertically or horizontally oriented. */
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-    /** Whether disabled items in the group should be skipped when navigating. */
-    skipDisabled = input(false, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether the toolbar is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether focus should wrap when navigating. */
-    wrap = input(true, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The toolbar UIPattern. */
-    pattern = new ToolbarPattern({
-        ...this,
-        activeItem: signal(undefined),
-        textDirection: this.textDirection,
-        element: () => this._elementRef.nativeElement,
-        getItem: e => this._getItem(e),
-    });
-    /** Whether the toolbar has received focus yet. */
-    _hasFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasFocused" }] : []));
-    constructor() {
-        afterRenderEffect(() => {
-            if (typeof ngDevMode === 'undefined' || ngDevMode) {
-                const violations = this.pattern.validate();
-                for (const violation of violations) {
-                    console.error(violation);
-                }
-            }
-        });
-        afterRenderEffect(() => {
-            if (!this._hasFocused()) {
-                this.pattern.setDefaultState();
-            }
-        });
-    }
-    onFocus() {
-        this._hasFocused.set(true);
-    }
-    register(widget) {
-        const widgets = this._widgets();
-        if (!widgets.has(widget)) {
-            widgets.add(widget);
-            this._widgets.set(new Set(widgets));
-        }
-    }
-    unregister(widget) {
-        const widgets = this._widgets();
-        if (widgets.delete(widget)) {
-            this._widgets.set(new Set(widgets));
+  _elementRef = inject(ElementRef);
+  _widgets = signal(new Set(), ...(ngDevMode ? [{
+    debugName: "_widgets"
+  }] : []));
+  textDirection = inject(Directionality).valueSignal;
+  items = computed(() => [...this._widgets()].sort(sortDirectives).map(widget => widget._pattern), ...(ngDevMode ? [{
+    debugName: "items"
+  }] : []));
+  orientation = input('horizontal', ...(ngDevMode ? [{
+    debugName: "orientation"
+  }] : []));
+  softDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "softDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  wrap = input(true, ...(ngDevMode ? [{
+    debugName: "wrap",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  _pattern = new ToolbarPattern({
+    ...this,
+    activeItem: signal(undefined),
+    textDirection: this.textDirection,
+    element: () => this._elementRef.nativeElement,
+    getItem: e => this._getItem(e)
+  });
+  _hasBeenFocused = signal(false, ...(ngDevMode ? [{
+    debugName: "_hasBeenFocused"
+  }] : []));
+  constructor() {
+    afterRenderEffect(() => {
+      if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        const violations = this._pattern.validate();
+        for (const violation of violations) {
+          console.error(violation);
         }
+      }
+    });
+    afterRenderEffect(() => {
+      if (!this._hasBeenFocused()) {
+        this._pattern.setDefaultState();
+      }
+    });
+  }
+  onFocus() {
+    this._hasBeenFocused.set(true);
+  }
+  register(widget) {
+    const widgets = this._widgets();
+    if (!widgets.has(widget)) {
+      widgets.add(widget);
+      this._widgets.set(new Set(widgets));
     }
-    /** Finds the toolbar item associated with a given element. */
-    _getItem(element) {
-        const widgetTarget = element.closest('.ng-toolbar-widget');
-        const groupTarget = element.closest('.ng-toolbar-widget-group');
-        return this.items().find(widget => widget.element() === widgetTarget || widget.element() === groupTarget);
+  }
+  unregister(widget) {
+    const widgets = this._widgets();
+    if (widgets.delete(widget)) {
+      this._widgets.set(new Set(widgets));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Toolbar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: Toolbar, isStandalone: true, selector: "[ngToolbar]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "onFocus()" }, properties: { "attr.tabindex": "pattern.tabindex()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-orientation": "pattern.orientation()" }, classAttribute: "ng-toolbar" }, exportAs: ["ngToolbar"], ngImport: i0 });
+  }
+  _getItem(element) {
+    const widgetTarget = element.closest('.ng-toolbar-widget');
+    return this.items().find(widget => widget.element() === widgetTarget);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: Toolbar,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: Toolbar,
+    isStandalone: true,
+    selector: "[ngToolbar]",
+    inputs: {
+      orientation: {
+        classPropertyName: "orientation",
+        publicName: "orientation",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      softDisabled: {
+        classPropertyName: "softDisabled",
+        publicName: "softDisabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      wrap: {
+        classPropertyName: "wrap",
+        publicName: "wrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      attributes: {
+        "role": "toolbar"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "click": "_pattern.onClick($event)",
+        "pointerdown": "_pattern.onPointerdown($event)",
+        "focusin": "onFocus()"
+      },
+      properties: {
+        "attr.tabindex": "_pattern.tabIndex()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-orientation": "_pattern.orientation()"
+      },
+      classAttribute: "ng-toolbar"
+    },
+    exportAs: ["ngToolbar"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Toolbar, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngToolbar]',
-                    exportAs: 'ngToolbar',
-                    host: {
-                        'role': 'toolbar',
-                        'class': 'ng-toolbar',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[attr.aria-orientation]': 'pattern.orientation()',
-                        '(keydown)': 'pattern.onKeydown($event)',
-                        '(pointerdown)': 'pattern.onPointerdown($event)',
-                        '(focusin)': 'onFocus()',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-/**
- * A widget within a toolbar.
- *
- * A widget is anything that is within a toolbar. It should be applied to any native HTML element
- * that has the purpose of acting as a widget navigatable within a toolbar.
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: Toolbar,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngToolbar]',
+      exportAs: 'ngToolbar',
+      host: {
+        'role': 'toolbar',
+        'class': 'ng-toolbar',
+        '[attr.tabindex]': '_pattern.tabIndex()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-orientation]': '_pattern.orientation()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(click)': '_pattern.onClick($event)',
+        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(focusin)': 'onFocus()'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
 class ToolbarWidget {
-    /** A reference to the widget element. */
-    _elementRef = inject(ElementRef);
-    /** The parent Toolbar. */
-    _toolbar = inject(Toolbar);
-    /** A unique identifier for the widget. */
-    _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-');
-    /** A unique identifier for the widget. */
-    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    /** The parent Toolbar UIPattern. */
-    toolbar = computed(() => this._toolbar.pattern, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
-    /** A reference to the widget element to be focused on navigation. */
-    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
-    /** Whether the widget is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
-    hardDisabled = computed(() => this.pattern.disabled() && this._toolbar.skipDisabled(), ...(ngDevMode ? [{ debugName: "hardDisabled" }] : []));
-    /** The ToolbarWidget UIPattern. */
-    pattern = new ToolbarWidgetPattern({
-        ...this,
-        id: this.id,
-        element: this.element,
-        disabled: computed(() => this._toolbar.disabled() || this.disabled()),
-    });
-    ngOnInit() {
-        this._toolbar.register(this);
-    }
-    ngOnDestroy() {
-        this._toolbar.unregister(this);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: ToolbarWidget, isStandalone: true, selector: "[ngToolbarWidget]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-active": "pattern.active()", "attr.tabindex": "pattern.tabindex()", "attr.inert": "hardDisabled() ? true : null", "attr.disabled": "hardDisabled() ? true : null", "attr.aria-disabled": "pattern.disabled()", "id": "pattern.id()" }, classAttribute: "ng-toolbar-widget" }, exportAs: ["ngToolbarWidget"], ngImport: i0 });
+  _elementRef = inject(ElementRef);
+  _toolbar = inject(Toolbar);
+  _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-', true);
+  id = input(this._generatedId, ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  toolbar = computed(() => this._toolbar._pattern, ...(ngDevMode ? [{
+    debugName: "toolbar"
+  }] : []));
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  hardDisabled = computed(() => this._pattern.disabled() && !this._toolbar.softDisabled(), ...(ngDevMode ? [{
+    debugName: "hardDisabled"
+  }] : []));
+  _group = inject(ToolbarWidgetGroup, {
+    optional: true
+  });
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  active = computed(() => this._pattern.active(), ...(ngDevMode ? [{
+    debugName: "active"
+  }] : []));
+  selected = () => this._pattern.selected();
+  group = () => this._group?._pattern;
+  _pattern = new ToolbarWidgetPattern({
+    ...this,
+    id: this.id,
+    value: this.value,
+    element: this.element
+  });
+  ngOnInit() {
+    this._toolbar.register(this);
+  }
+  ngOnDestroy() {
+    this._toolbar.unregister(this);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: ToolbarWidget,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: ToolbarWidget,
+    isStandalone: true,
+    selector: "[ngToolbarWidget]",
+    inputs: {
+      id: {
+        classPropertyName: "id",
+        publicName: "id",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: true,
+        transformFunction: null
+      }
+    },
+    host: {
+      properties: {
+        "attr.data-active": "_pattern.active()",
+        "attr.tabindex": "_pattern.tabIndex()",
+        "attr.inert": "hardDisabled() ? true : null",
+        "attr.disabled": "hardDisabled() ? true : null",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "id": "_pattern.id()"
+      },
+      classAttribute: "ng-toolbar-widget"
+    },
+    exportAs: ["ngToolbarWidget"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidget, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngToolbarWidget]',
-                    exportAs: 'ngToolbarWidget',
-                    host: {
-                        'class': 'ng-toolbar-widget',
-                        '[attr.data-active]': 'pattern.active()',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.inert]': 'hardDisabled() ? true : null',
-                        '[attr.disabled]': 'hardDisabled() ? true : null',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[id]': 'pattern.id()',
-                    },
-                }]
-        }] });
-/**
- * A directive that groups toolbar widgets, used for more complex widgets like radio groups that
- * have their own internal navigation.
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: ToolbarWidget,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngToolbarWidget]',
+      exportAs: 'ngToolbarWidget',
+      host: {
+        'class': 'ng-toolbar-widget',
+        '[attr.data-active]': '_pattern.active()',
+        '[attr.tabindex]': '_pattern.tabIndex()',
+        '[attr.inert]': 'hardDisabled() ? true : null',
+        '[attr.disabled]': 'hardDisabled() ? true : null',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[id]': '_pattern.id()'
+      }
+    }]
+  }]
+});
 class ToolbarWidgetGroup {
-    /** A reference to the widget element. */
-    _elementRef = inject(ElementRef);
-    /** The parent Toolbar. */
-    _toolbar = inject(Toolbar, { optional: true });
-    /** A unique identifier for the widget. */
-    _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-group-');
-    /** A unique identifier for the widget. */
-    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    /** The parent Toolbar UIPattern. */
-    toolbar = computed(() => this._toolbar?.pattern, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
-    /** A reference to the widget element to be focused on navigation. */
-    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
-    /** Whether the widget group is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The controls that can be performed on the widget group. */
-    controls = signal(undefined, ...(ngDevMode ? [{ debugName: "controls" }] : []));
-    /** The ToolbarWidgetGroup UIPattern. */
-    pattern = new ToolbarWidgetGroupPattern({
-        ...this,
-        id: this.id,
-        element: this.element,
-    });
-    ngOnInit() {
-        this._toolbar?.register(this);
-    }
-    ngOnDestroy() {
-        this._toolbar?.unregister(this);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: ToolbarWidgetGroup, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng-toolbar-widget-group": "!!toolbar()" } }, ngImport: i0 });
+  _toolbar = inject(Toolbar, {
+    optional: true
+  });
+  _widgets = contentChildren(ToolbarWidget, ...(ngDevMode ? [{
+    debugName: "_widgets",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  toolbar = computed(() => this._toolbar?._pattern, ...(ngDevMode ? [{
+    debugName: "toolbar"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  items = () => this._widgets().map(w => w._pattern);
+  multi = input(false, ...(ngDevMode ? [{
+    debugName: "multi",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  _pattern = new ToolbarWidgetGroupPattern(this);
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: ToolbarWidgetGroup,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: ToolbarWidgetGroup,
+    isStandalone: true,
+    selector: "[ngToolbarWidgetGroup]",
+    inputs: {
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      multi: {
+        classPropertyName: "multi",
+        publicName: "multi",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      properties: {
+        "class.ng-toolbar-widget-group": "!!toolbar()"
+      }
+    },
+    queries: [{
+      propertyName: "_widgets",
+      predicate: ToolbarWidget,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngToolbarWidgetGroup"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidgetGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    host: {
-                        '[class.ng-toolbar-widget-group]': '!!toolbar()',
-                    },
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: ToolbarWidgetGroup,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngToolbarWidgetGroup]',
+      exportAs: 'ngToolbarWidgetGroup',
+      host: {
+        '[class.ng-toolbar-widget-group]': '!!toolbar()'
+      }
+    }]
+  }]
+});
 
 export { Toolbar, ToolbarWidget, ToolbarWidgetGroup };
 //# sourceMappingURL=toolbar.mjs.map