@progress/kendo-angular-toolbar 25.4.0-develop.2 → 25.4.0-develop.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  productName: 'Kendo UI for Angular',
27
27
  productCode: 'KENDOUIANGULAR',
28
28
  productCodes: ['KENDOUIANGULAR'],
29
- publishDate: 1791978902,
30
- version: '25.4.0-develop.2',
29
+ publishDate: 1792066342,
30
+ version: '25.4.0-develop.3',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -5674,7 +5674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
5674
5674
  }], ctorParameters: () => [{ type: i1.LocalizationService }] });
5675
5675
 
5676
5676
  /**
5677
- * Arguments for the `dragStart` event of the FloatingToolBar.
5677
+ * Specifies the arguments for the `dragStart` event of the FloatingToolBar.
5678
5678
  */
5679
5679
  class FloatingToolBarDragStartEvent extends PreventableEvent {
5680
5680
  sender;
@@ -5694,7 +5694,7 @@ class FloatingToolBarDragStartEvent extends PreventableEvent {
5694
5694
  }
5695
5695
  }
5696
5696
  /**
5697
- * Arguments for the `move` event of the FloatingToolBar.
5697
+ * Specifies the arguments for the `move` event of the FloatingToolBar.
5698
5698
  */
5699
5699
  class FloatingToolBarMoveEvent {
5700
5700
  sender;
@@ -5707,7 +5707,7 @@ class FloatingToolBarMoveEvent {
5707
5707
  }
5708
5708
  }
5709
5709
  /**
5710
- * Arguments for the `dragEnd` event of the FloatingToolBar.
5710
+ * Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
5711
5711
  */
5712
5712
  class FloatingToolBarDragEndEvent {
5713
5713
  sender;
@@ -5849,6 +5849,17 @@ const resolvePopupPosition = (options) => {
5849
5849
  * <kendo-toolbar-button text="Button"></kendo-toolbar-button>
5850
5850
  * </kendo-floatingtoolbar>
5851
5851
  * ```
5852
+ *
5853
+ * @remarks
5854
+ * Supported children components are:
5855
+ * {@link ToolBarButtonComponent},
5856
+ * {@link ToolBarButtonGroupComponent},
5857
+ * {@link ToolBarDropDownButtonComponent},
5858
+ * {@link ToolBarSplitButtonComponent},
5859
+ * {@link ToolBarSeparatorComponent},
5860
+ * {@link ToolBarSpacerComponent},
5861
+ * {@link ToolBarToolComponent},
5862
+ * {@link FloatingToolBarCustomMessagesComponent}
5852
5863
  */
5853
5864
  class FloatingToolBarComponent {
5854
5865
  hostElement;
@@ -5865,6 +5876,7 @@ class FloatingToolBarComponent {
5865
5876
  /**
5866
5877
  * Sets the element the FloatingToolBar is positioned against. When not set, the component
5867
5878
  * is positioned within its containing element based on the `containerAlign` option.
5879
+ * Setting a different anchor resets the position set by dragging.
5868
5880
  */
5869
5881
  set anchor(value) {
5870
5882
  if (resolveAnchorElement(this._anchor()) === resolveAnchorElement(value)) {
@@ -5933,12 +5945,13 @@ class FloatingToolBarComponent {
5933
5945
  set fillMode(value) { this._fillMode.set(value); }
5934
5946
  get fillMode() { return this._fillMode(); }
5935
5947
  /**
5936
- * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard. When enabled, the
5937
- * component renders a drag handle before the hosted Toolbar.
5938
- *
5939
- * Press `M` while a Toolbar tool or the drag handle has focus to enter move mode. Focus moves
5940
- * to the drag handle, where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
5941
- * Press `Enter` or `Space`, or move focus away from the drag handle, to finish, or press `Escape` to restore the starting position.
5948
+ * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
5949
+ * When enabled, the component renders a drag handle before the hosted ToolBar.
5950
+ *
5951
+ * Drag the handle with a pointer to reposition the FloatingToolBar.
5952
+ * To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
5953
+ * where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
5954
+ * Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
5942
5955
  *
5943
5956
  * @default false
5944
5957
  */
@@ -5961,10 +5974,12 @@ class FloatingToolBarComponent {
5961
5974
  dragStart = new EventEmitter();
5962
5975
  /**
5963
5976
  * Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
5977
+ * When a keyboard move is canceled, fires with the starting position.
5964
5978
  */
5965
5979
  move = new EventEmitter();
5966
5980
  /**
5967
5981
  * Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
5982
+ * Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
5968
5983
  */
5969
5984
  dragEnd = new EventEmitter();
5970
5985
  /**
@@ -6063,7 +6078,7 @@ class FloatingToolBarComponent {
6063
6078
  this.subscriptions.unsubscribe();
6064
6079
  }
6065
6080
  /**
6066
- * Moves the focus into the FloatingToolBar at its current roving tabindex position.
6081
+ * Moves the focus to the first focusable tool that is not in the overflow menu.
6067
6082
  */
6068
6083
  focus() {
6069
6084
  this.toolbarComponent?.element.nativeElement.focus();
@@ -6071,6 +6086,7 @@ class FloatingToolBarComponent {
6071
6086
  /**
6072
6087
  * Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
6073
6088
  * The position is clamped to the viewport.
6089
+ * Does not emit the `move` event.
6074
6090
  */
6075
6091
  setPosition(position) {
6076
6092
  const popupElement = this.popupComponent?.container.nativeElement;
package/index.d.ts CHANGED
@@ -1634,7 +1634,7 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
1634
1634
  }
1635
1635
 
1636
1636
  /**
1637
- * Arguments for the `dragStart` event of the FloatingToolBar.
1637
+ * Specifies the arguments for the `dragStart` event of the FloatingToolBar.
1638
1638
  */
1639
1639
  declare class FloatingToolBarDragStartEvent extends PreventableEvent {
1640
1640
  sender: FloatingToolBarComponent;
@@ -1647,7 +1647,7 @@ declare class FloatingToolBarDragStartEvent extends PreventableEvent {
1647
1647
  preventDefault(): void;
1648
1648
  }
1649
1649
  /**
1650
- * Arguments for the `move` event of the FloatingToolBar.
1650
+ * Specifies the arguments for the `move` event of the FloatingToolBar.
1651
1651
  */
1652
1652
  declare class FloatingToolBarMoveEvent {
1653
1653
  sender: FloatingToolBarComponent;
@@ -1656,7 +1656,7 @@ declare class FloatingToolBarMoveEvent {
1656
1656
  constructor(sender: FloatingToolBarComponent, top: number, left: number);
1657
1657
  }
1658
1658
  /**
1659
- * Arguments for the `dragEnd` event of the FloatingToolBar.
1659
+ * Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
1660
1660
  */
1661
1661
  declare class FloatingToolBarDragEndEvent {
1662
1662
  sender: FloatingToolBarComponent;
@@ -1670,18 +1670,13 @@ declare class FloatingToolBarDragEndEvent {
1670
1670
  */
1671
1671
  type FloatingToolBarPosition = 'top' | 'bottom' | 'left' | 'right';
1672
1672
  /**
1673
- * Sets how the FloatingToolBar renders tools when their total size is greater than the available width.
1674
- *
1675
- * @remarks
1676
- * Narrower than the ToolBar's own `OverflowMode` — `'section'` is intentionally excluded. The shared
1677
- * spec does not define a section-list overflow presentation for the FloatingToolBar.
1673
+ * Specifies how the FloatingToolBar renders tools when their total size is greater than the available width.
1674
+ * The `'section'` mode of the ToolBar is not available in the FloatingToolBar.
1678
1675
  */
1679
1676
  type FloatingToolBarOverflowMode = 'scroll' | 'menu' | 'none';
1680
1677
  /**
1681
1678
  * Configures the overflow behavior of the FloatingToolBar in detail.
1682
- *
1683
- * @remarks
1684
- * Narrower than the ToolBar's own `ToolbarOverflowSettings` — `mode` cannot be set to `'section'`.
1679
+ * Unlike the ToolBar, the `mode` property does not accept `'section'`.
1685
1680
  */
1686
1681
  type FloatingToolBarOverflowSettings = Omit<ToolbarOverflowSettings, 'mode'> & {
1687
1682
  mode?: FloatingToolBarOverflowMode;
@@ -1718,6 +1713,17 @@ interface PopupPosition {
1718
1713
  * <kendo-toolbar-button text="Button"></kendo-toolbar-button>
1719
1714
  * </kendo-floatingtoolbar>
1720
1715
  * ```
1716
+ *
1717
+ * @remarks
1718
+ * Supported children components are:
1719
+ * {@link ToolBarButtonComponent},
1720
+ * {@link ToolBarButtonGroupComponent},
1721
+ * {@link ToolBarDropDownButtonComponent},
1722
+ * {@link ToolBarSplitButtonComponent},
1723
+ * {@link ToolBarSeparatorComponent},
1724
+ * {@link ToolBarSpacerComponent},
1725
+ * {@link ToolBarToolComponent},
1726
+ * {@link FloatingToolBarCustomMessagesComponent}
1721
1727
  */
1722
1728
  declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestroy {
1723
1729
  private hostElement;
@@ -1733,6 +1739,7 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
1733
1739
  /**
1734
1740
  * Sets the element the FloatingToolBar is positioned against. When not set, the component
1735
1741
  * is positioned within its containing element based on the `containerAlign` option.
1742
+ * Setting a different anchor resets the position set by dragging.
1736
1743
  */
1737
1744
  set anchor(value: ElementRef | HTMLElement);
1738
1745
  get anchor(): ElementRef | HTMLElement;
@@ -1788,12 +1795,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
1788
1795
  set fillMode(value: ToolbarFillMode);
1789
1796
  get fillMode(): ToolbarFillMode;
1790
1797
  /**
1791
- * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard. When enabled, the
1792
- * component renders a drag handle before the hosted Toolbar.
1793
- *
1794
- * Press `M` while a Toolbar tool or the drag handle has focus to enter move mode. Focus moves
1795
- * to the drag handle, where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
1796
- * Press `Enter` or `Space`, or move focus away from the drag handle, to finish, or press `Escape` to restore the starting position.
1798
+ * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
1799
+ * When enabled, the component renders a drag handle before the hosted ToolBar.
1800
+ *
1801
+ * Drag the handle with a pointer to reposition the FloatingToolBar.
1802
+ * To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
1803
+ * where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
1804
+ * Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
1797
1805
  *
1798
1806
  * @default false
1799
1807
  */
@@ -1811,10 +1819,12 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
1811
1819
  dragStart: EventEmitter<FloatingToolBarDragStartEvent>;
1812
1820
  /**
1813
1821
  * Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
1822
+ * When a keyboard move is canceled, fires with the starting position.
1814
1823
  */
1815
1824
  move: EventEmitter<FloatingToolBarMoveEvent>;
1816
1825
  /**
1817
1826
  * Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
1827
+ * Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
1818
1828
  */
1819
1829
  dragEnd: EventEmitter<FloatingToolBarDragEndEvent>;
1820
1830
  /**
@@ -1858,12 +1868,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
1858
1868
  ngAfterViewInit(): void;
1859
1869
  ngOnDestroy(): void;
1860
1870
  /**
1861
- * Moves the focus into the FloatingToolBar at its current roving tabindex position.
1871
+ * Moves the focus to the first focusable tool that is not in the overflow menu.
1862
1872
  */
1863
1873
  focus(): void;
1864
1874
  /**
1865
1875
  * Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
1866
1876
  * The position is clamped to the viewport.
1877
+ * Does not emit the `move` event.
1867
1878
  */
1868
1879
  setPosition(position: Offset): void;
1869
1880
  protected messageFor(key: string): string;
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1791978902,
11
- "version": "25.4.0-develop.2",
10
+ "publishDate": 1792066342,
11
+ "version": "25.4.0-develop.3",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "25.4.0-develop.2",
3
+ "version": "25.4.0-develop.3",
4
4
  "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -43,7 +43,7 @@
43
43
  "package": {
44
44
  "productName": "Kendo UI for Angular",
45
45
  "productCode": "KENDOUIANGULAR",
46
- "publishDate": 1791978902,
46
+ "publishDate": 1792066342,
47
47
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
48
48
  }
49
49
  },
@@ -53,17 +53,17 @@
53
53
  "@angular/core": "20 - 22",
54
54
  "@angular/platform-browser": "20 - 22",
55
55
  "@progress/kendo-licensing": "^1.11.0",
56
- "@progress/kendo-angular-buttons": "25.4.0-develop.2",
57
- "@progress/kendo-angular-common": "25.4.0-develop.2",
58
- "@progress/kendo-angular-l10n": "25.4.0-develop.2",
59
- "@progress/kendo-angular-icons": "25.4.0-develop.2",
60
- "@progress/kendo-angular-indicators": "25.4.0-develop.2",
61
- "@progress/kendo-angular-popup": "25.4.0-develop.2",
56
+ "@progress/kendo-angular-buttons": "25.4.0-develop.3",
57
+ "@progress/kendo-angular-common": "25.4.0-develop.3",
58
+ "@progress/kendo-angular-l10n": "25.4.0-develop.3",
59
+ "@progress/kendo-angular-icons": "25.4.0-develop.3",
60
+ "@progress/kendo-angular-indicators": "25.4.0-develop.3",
61
+ "@progress/kendo-angular-popup": "25.4.0-develop.3",
62
62
  "rxjs": "^6.5.3 || ^7.0.0"
63
63
  },
64
64
  "dependencies": {
65
65
  "tslib": "^2.3.1",
66
- "@progress/kendo-angular-schematics": "25.4.0-develop.2"
66
+ "@progress/kendo-angular-schematics": "25.4.0-develop.3"
67
67
  },
68
68
  "schematics": "./schematics/collection.json",
69
69
  "module": "fesm2022/progress-kendo-angular-toolbar.mjs",