@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.
- package/fesm2022/progress-kendo-angular-toolbar.mjs +28 -12
- package/index.d.ts +29 -18
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
productName: 'Kendo UI for Angular',
|
|
27
27
|
productCode: 'KENDOUIANGULAR',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '25.4.0-develop.
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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.
|
|
5937
|
-
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
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
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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.
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
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
|
|
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;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.4.0-develop.
|
|
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.
|
|
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":
|
|
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.
|
|
57
|
-
"@progress/kendo-angular-common": "25.4.0-develop.
|
|
58
|
-
"@progress/kendo-angular-l10n": "25.4.0-develop.
|
|
59
|
-
"@progress/kendo-angular-icons": "25.4.0-develop.
|
|
60
|
-
"@progress/kendo-angular-indicators": "25.4.0-develop.
|
|
61
|
-
"@progress/kendo-angular-popup": "25.4.0-develop.
|
|
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.
|
|
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",
|