@design-factory/angular 21.1.0-next.0 → 21.1.0-next.1
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/design-factory-angular-drawer.mjs +4 -4
- package/fesm2022/design-factory-angular-drawer.mjs.map +1 -1
- package/fesm2022/design-factory-angular-internals.mjs +5 -5
- package/fesm2022/design-factory-angular-internals.mjs.map +1 -1
- package/fesm2022/design-factory-angular-sidenav.mjs +1 -1
- package/fesm2022/design-factory-angular-sidenav.mjs.map +1 -1
- package/fesm2022/design-factory-angular-topnav.mjs +3 -3
- package/fesm2022/design-factory-angular-topnav.mjs.map +1 -1
- package/package.json +3 -6
- package/types/design-factory-angular-drawer.d.ts +4 -4
- package/types/design-factory-angular-internals.d.ts +3 -3
- package/types/design-factory-angular-sidenav.d.ts +3 -3
- package/node_modules/@agnos-ui/core/README.md +0 -5
- package/node_modules/@agnos-ui/core/accordion-BC_9xn23.cjs +0 -314
- package/node_modules/@agnos-ui/core/accordion-Ca_0T8Bc.js +0 -315
- package/node_modules/@agnos-ui/core/alert-AhaliJ17.cjs +0 -9
- package/node_modules/@agnos-ui/core/alert-Cb9FhbFQ.js +0 -10
- package/node_modules/@agnos-ui/core/collapse-COriZO7o.cjs +0 -94
- package/node_modules/@agnos-ui/core/collapse-CP79atna.js +0 -95
- package/node_modules/@agnos-ui/core/common-B5jS-Ih_.cjs +0 -73
- package/node_modules/@agnos-ui/core/common-DFyZvkII.js +0 -74
- package/node_modules/@agnos-ui/core/components/accordion/accordion.d.ts +0 -333
- package/node_modules/@agnos-ui/core/components/accordion/index.cjs +0 -7
- package/node_modules/@agnos-ui/core/components/accordion/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/accordion/index.js +0 -7
- package/node_modules/@agnos-ui/core/components/alert/alert.d.ts +0 -37
- package/node_modules/@agnos-ui/core/components/alert/common.d.ts +0 -138
- package/node_modules/@agnos-ui/core/components/alert/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/alert/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/alert/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/carousel/carousel.d.ts +0 -247
- package/node_modules/@agnos-ui/core/components/carousel/index.cjs +0 -292
- package/node_modules/@agnos-ui/core/components/carousel/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/carousel/index.js +0 -292
- package/node_modules/@agnos-ui/core/components/collapse/collapse.d.ts +0 -135
- package/node_modules/@agnos-ui/core/components/collapse/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/collapse/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/collapse/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/commonProps.d.ts +0 -11
- package/node_modules/@agnos-ui/core/components/drawer/drawer.d.ts +0 -279
- package/node_modules/@agnos-ui/core/components/drawer/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/drawer/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/drawer/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/modal/index.cjs +0 -8
- package/node_modules/@agnos-ui/core/components/modal/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/modal/index.js +0 -8
- package/node_modules/@agnos-ui/core/components/modal/modal.d.ts +0 -245
- package/node_modules/@agnos-ui/core/components/pagination/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/pagination/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/pagination/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/pagination/pagination.d.ts +0 -313
- package/node_modules/@agnos-ui/core/components/progressbar/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/progressbar/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/progressbar/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/progressbar/progressbar.d.ts +0 -91
- package/node_modules/@agnos-ui/core/components/rating/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/rating/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/rating/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/rating/rating.d.ts +0 -191
- package/node_modules/@agnos-ui/core/components/slider/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/slider/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/slider/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/slider/slider-utils.d.ts +0 -25
- package/node_modules/@agnos-ui/core/components/slider/slider.d.ts +0 -383
- package/node_modules/@agnos-ui/core/components/toast/index.cjs +0 -7
- package/node_modules/@agnos-ui/core/components/toast/index.d.ts +0 -2
- package/node_modules/@agnos-ui/core/components/toast/index.js +0 -7
- package/node_modules/@agnos-ui/core/components/toast/toast.d.ts +0 -66
- package/node_modules/@agnos-ui/core/components/toast/toaster.d.ts +0 -128
- package/node_modules/@agnos-ui/core/components/tree/index.cjs +0 -5
- package/node_modules/@agnos-ui/core/components/tree/index.d.ts +0 -1
- package/node_modules/@agnos-ui/core/components/tree/index.js +0 -5
- package/node_modules/@agnos-ui/core/components/tree/tree.d.ts +0 -143
- package/node_modules/@agnos-ui/core/config.cjs +0 -36
- package/node_modules/@agnos-ui/core/config.d.ts +0 -117
- package/node_modules/@agnos-ui/core/config.js +0 -36
- package/node_modules/@agnos-ui/core/directive-Bsreu2z1.js +0 -523
- package/node_modules/@agnos-ui/core/directive-DCaXmRe_.cjs +0 -522
- package/node_modules/@agnos-ui/core/drawer-BbFAHV07.cjs +0 -328
- package/node_modules/@agnos-ui/core/drawer-C6Qa0xEu.js +0 -329
- package/node_modules/@agnos-ui/core/index.cjs +0 -134
- package/node_modules/@agnos-ui/core/index.d.ts +0 -29
- package/node_modules/@agnos-ui/core/index.js +0 -134
- package/node_modules/@agnos-ui/core/isFocusable-Ckwus82R.js +0 -32
- package/node_modules/@agnos-ui/core/isFocusable-DfzDLeAN.cjs +0 -31
- package/node_modules/@agnos-ui/core/modal-BsNuHhT7.cjs +0 -252
- package/node_modules/@agnos-ui/core/modal-CgzY8ezz.js +0 -253
- package/node_modules/@agnos-ui/core/package.json +0 -57
- package/node_modules/@agnos-ui/core/pagination-ZxGaNWZz.js +0 -255
- package/node_modules/@agnos-ui/core/pagination-xbcOHnhd.cjs +0 -254
- package/node_modules/@agnos-ui/core/progressbar-CRbMKp4b.cjs +0 -86
- package/node_modules/@agnos-ui/core/progressbar-CSEIFnlD.js +0 -87
- package/node_modules/@agnos-ui/core/promise-CxCD3NYv.cjs +0 -118
- package/node_modules/@agnos-ui/core/promise-D-RZVPuv.js +0 -119
- package/node_modules/@agnos-ui/core/rating-BIdiiPUo.js +0 -184
- package/node_modules/@agnos-ui/core/rating-qx1xaBmz.cjs +0 -183
- package/node_modules/@agnos-ui/core/scrollbars-CT87iv_6.cjs +0 -30
- package/node_modules/@agnos-ui/core/scrollbars-CcxSrnCx.js +0 -31
- package/node_modules/@agnos-ui/core/services/extendWidget.cjs +0 -41
- package/node_modules/@agnos-ui/core/services/extendWidget.d.ts +0 -31
- package/node_modules/@agnos-ui/core/services/extendWidget.js +0 -41
- package/node_modules/@agnos-ui/core/services/floatingUI.cjs +0 -111
- package/node_modules/@agnos-ui/core/services/floatingUI.d.ts +0 -76
- package/node_modules/@agnos-ui/core/services/floatingUI.js +0 -111
- package/node_modules/@agnos-ui/core/services/focusElement.cjs +0 -46
- package/node_modules/@agnos-ui/core/services/focusElement.d.ts +0 -9
- package/node_modules/@agnos-ui/core/services/focusElement.js +0 -46
- package/node_modules/@agnos-ui/core/services/focustrack.cjs +0 -47
- package/node_modules/@agnos-ui/core/services/focustrack.d.ts +0 -40
- package/node_modules/@agnos-ui/core/services/focustrack.js +0 -47
- package/node_modules/@agnos-ui/core/services/hash.cjs +0 -15
- package/node_modules/@agnos-ui/core/services/hash.d.ts +0 -3
- package/node_modules/@agnos-ui/core/services/hash.js +0 -15
- package/node_modules/@agnos-ui/core/services/intersection.cjs +0 -53
- package/node_modules/@agnos-ui/core/services/intersection.d.ts +0 -30
- package/node_modules/@agnos-ui/core/services/intersection.js +0 -53
- package/node_modules/@agnos-ui/core/services/matchMedia.cjs +0 -14
- package/node_modules/@agnos-ui/core/services/matchMedia.d.ts +0 -8
- package/node_modules/@agnos-ui/core/services/matchMedia.js +0 -14
- package/node_modules/@agnos-ui/core/services/navManager.cjs +0 -166
- package/node_modules/@agnos-ui/core/services/navManager.d.ts +0 -144
- package/node_modules/@agnos-ui/core/services/navManager.js +0 -166
- package/node_modules/@agnos-ui/core/services/pointerdownPosition.cjs +0 -60
- package/node_modules/@agnos-ui/core/services/pointerdownPosition.d.ts +0 -42
- package/node_modules/@agnos-ui/core/services/pointerdownPosition.js +0 -60
- package/node_modules/@agnos-ui/core/services/portal.cjs +0 -42
- package/node_modules/@agnos-ui/core/services/portal.d.ts +0 -16
- package/node_modules/@agnos-ui/core/services/portal.js +0 -42
- package/node_modules/@agnos-ui/core/services/resizeObserver.cjs +0 -54
- package/node_modules/@agnos-ui/core/services/resizeObserver.d.ts +0 -18
- package/node_modules/@agnos-ui/core/services/resizeObserver.js +0 -54
- package/node_modules/@agnos-ui/core/services/siblingsInert.cjs +0 -44
- package/node_modules/@agnos-ui/core/services/siblingsInert.d.ts +0 -16
- package/node_modules/@agnos-ui/core/services/siblingsInert.js +0 -44
- package/node_modules/@agnos-ui/core/services/transitions/baseTransitions.cjs +0 -186
- package/node_modules/@agnos-ui/core/services/transitions/baseTransitions.d.ts +0 -166
- package/node_modules/@agnos-ui/core/services/transitions/baseTransitions.js +0 -186
- package/node_modules/@agnos-ui/core/services/transitions/collapse.cjs +0 -40
- package/node_modules/@agnos-ui/core/services/transitions/collapse.d.ts +0 -49
- package/node_modules/@agnos-ui/core/services/transitions/collapse.js +0 -40
- package/node_modules/@agnos-ui/core/services/transitions/cssTransitions.cjs +0 -32
- package/node_modules/@agnos-ui/core/services/transitions/cssTransitions.d.ts +0 -25
- package/node_modules/@agnos-ui/core/services/transitions/cssTransitions.js +0 -32
- package/node_modules/@agnos-ui/core/services/transitions/simpleClassTransition.cjs +0 -37
- package/node_modules/@agnos-ui/core/services/transitions/simpleClassTransition.d.ts +0 -47
- package/node_modules/@agnos-ui/core/services/transitions/simpleClassTransition.js +0 -37
- package/node_modules/@agnos-ui/core/slider-B93hE0ag.cjs +0 -807
- package/node_modules/@agnos-ui/core/slider-Cjiq9FgI.js +0 -808
- package/node_modules/@agnos-ui/core/textDirection-cNgt24LJ.js +0 -4
- package/node_modules/@agnos-ui/core/textDirection-zqcZ5-eK.cjs +0 -3
- package/node_modules/@agnos-ui/core/toaster-BQWqxYv-.cjs +0 -190
- package/node_modules/@agnos-ui/core/toaster-BzEkshT2.js +0 -191
- package/node_modules/@agnos-ui/core/tree-DY04XPPg.cjs +0 -228
- package/node_modules/@agnos-ui/core/tree-HwcvZ0_p.js +0 -229
- package/node_modules/@agnos-ui/core/types.cjs +0 -6
- package/node_modules/@agnos-ui/core/types.d.ts +0 -246
- package/node_modules/@agnos-ui/core/types.js +0 -6
- package/node_modules/@agnos-ui/core/utils/directive.cjs +0 -28
- package/node_modules/@agnos-ui/core/utils/directive.d.ts +0 -352
- package/node_modules/@agnos-ui/core/utils/directive.js +0 -28
- package/node_modules/@agnos-ui/core/utils/func.cjs +0 -7
- package/node_modules/@agnos-ui/core/utils/func.d.ts +0 -11
- package/node_modules/@agnos-ui/core/utils/func.js +0 -7
- package/node_modules/@agnos-ui/core/utils/id.cjs +0 -5
- package/node_modules/@agnos-ui/core/utils/id.d.ts +0 -6
- package/node_modules/@agnos-ui/core/utils/id.js +0 -5
- package/node_modules/@agnos-ui/core/utils/internal/assign.d.ts +0 -10
- package/node_modules/@agnos-ui/core/utils/internal/checks.d.ts +0 -57
- package/node_modules/@agnos-ui/core/utils/internal/dom.d.ts +0 -75
- package/node_modules/@agnos-ui/core/utils/internal/isFocusable.d.ts +0 -9
- package/node_modules/@agnos-ui/core/utils/internal/math.d.ts +0 -5
- package/node_modules/@agnos-ui/core/utils/internal/promise.d.ts +0 -98
- package/node_modules/@agnos-ui/core/utils/internal/scrollbars.d.ts +0 -8
- package/node_modules/@agnos-ui/core/utils/internal/sort.d.ts +0 -16
- package/node_modules/@agnos-ui/core/utils/internal/ssrHTMLElement.d.ts +0 -17
- package/node_modules/@agnos-ui/core/utils/internal/textDirection.d.ts +0 -7
- package/node_modules/@agnos-ui/core/utils/internal/traversal.d.ts +0 -54
- package/node_modules/@agnos-ui/core/utils/stores.cjs +0 -172
- package/node_modules/@agnos-ui/core/utils/stores.d.ts +0 -224
- package/node_modules/@agnos-ui/core/utils/stores.js +0 -172
- package/node_modules/@agnos-ui/core/utils/widget.cjs +0 -8
- package/node_modules/@agnos-ui/core/utils/widget.d.ts +0 -11
- package/node_modules/@agnos-ui/core/utils/widget.js +0 -8
- package/node_modules/@agnos-ui/core/utils/writables.cjs +0 -16
- package/node_modules/@agnos-ui/core/utils/writables.d.ts +0 -95
- package/node_modules/@agnos-ui/core/utils/writables.js +0 -16
- package/node_modules/@agnos-ui/core/writables-DYGjj5T3.js +0 -103
- package/node_modules/@agnos-ui/core/writables-Dt68gADJ.cjs +0 -102
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { type TransitionFn } from '../../services/transitions/baseTransitions';
|
|
2
|
-
import type { Directive, Widget, WidgetFactory } from '../../types';
|
|
3
|
-
/**
|
|
4
|
-
* Interface representing the common properties and state for a collapse component.
|
|
5
|
-
*/
|
|
6
|
-
interface CollapseCommonPropsAndState {
|
|
7
|
-
/**
|
|
8
|
-
* If `true` the collapse is visible to the user
|
|
9
|
-
*
|
|
10
|
-
* @defaultValue `false`
|
|
11
|
-
*/
|
|
12
|
-
visible: boolean;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Represents the state of a Collapse component.
|
|
16
|
-
*/
|
|
17
|
-
export interface CollapseState extends CollapseCommonPropsAndState {
|
|
18
|
-
/**
|
|
19
|
-
* Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
|
|
20
|
-
*/
|
|
21
|
-
hidden: boolean;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Properties for the Collapse component.
|
|
25
|
-
*/
|
|
26
|
-
export interface CollapseProps extends CollapseCommonPropsAndState {
|
|
27
|
-
/**
|
|
28
|
-
* Callback called when the collapse visibility changed.
|
|
29
|
-
*
|
|
30
|
-
* @defaultValue
|
|
31
|
-
* ```ts
|
|
32
|
-
* () => {}
|
|
33
|
-
* ```
|
|
34
|
-
* @param visible - The new visibility state of the collapse.
|
|
35
|
-
*/
|
|
36
|
-
onVisibleChange: (visible: boolean) => void;
|
|
37
|
-
/**
|
|
38
|
-
* Callback called when the collapse is hidden.
|
|
39
|
-
*
|
|
40
|
-
* @defaultValue
|
|
41
|
-
* ```ts
|
|
42
|
-
* () => {}
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
onHidden: () => void;
|
|
46
|
-
/**
|
|
47
|
-
* Callback called when the collapse is shown.
|
|
48
|
-
*
|
|
49
|
-
* @defaultValue
|
|
50
|
-
* ```ts
|
|
51
|
-
* () => {}
|
|
52
|
-
* ```
|
|
53
|
-
*/
|
|
54
|
-
onShown: () => void;
|
|
55
|
-
/**
|
|
56
|
-
* If `true`, collapse opening will be animated at init time.
|
|
57
|
-
*
|
|
58
|
-
* @defaultValue `false`
|
|
59
|
-
*/
|
|
60
|
-
animatedOnInit: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* If `true`, collapse closing and opening will be animated.
|
|
63
|
-
*
|
|
64
|
-
* @defaultValue `true`
|
|
65
|
-
*/
|
|
66
|
-
animated: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* id of the collapse
|
|
69
|
-
*
|
|
70
|
-
* @defaultValue `''`
|
|
71
|
-
*/
|
|
72
|
-
id: string;
|
|
73
|
-
/**
|
|
74
|
-
* The transition function will be executed when the collapse is displayed or hidden.
|
|
75
|
-
*
|
|
76
|
-
* Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
|
|
77
|
-
*
|
|
78
|
-
* @defaultValue
|
|
79
|
-
* ```ts
|
|
80
|
-
* () => {}
|
|
81
|
-
* ```
|
|
82
|
-
*/
|
|
83
|
-
transition: TransitionFn;
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* Interface representing the API for a collapsible component.
|
|
87
|
-
*/
|
|
88
|
-
export interface CollapseApi {
|
|
89
|
-
/**
|
|
90
|
-
* Triggers collapse closing programmatically.
|
|
91
|
-
*/
|
|
92
|
-
close(animated?: boolean): Promise<void>;
|
|
93
|
-
/**
|
|
94
|
-
* Triggers the collapse content to be displayed for the user.
|
|
95
|
-
*/
|
|
96
|
-
open(animated?: boolean): Promise<void>;
|
|
97
|
-
/**
|
|
98
|
-
* Toggles the collapse content visibility.
|
|
99
|
-
*/
|
|
100
|
-
toggle(animated?: boolean): Promise<void>;
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* Interface representing the directives used in a collapse component.
|
|
104
|
-
*/
|
|
105
|
-
export interface CollapseDirectives {
|
|
106
|
-
/**
|
|
107
|
-
* Directive to apply the collapse.
|
|
108
|
-
*/
|
|
109
|
-
collapseDirective: Directive;
|
|
110
|
-
/**
|
|
111
|
-
* Directive to apply to a trigger;
|
|
112
|
-
*/
|
|
113
|
-
triggerDirective: Directive;
|
|
114
|
-
}
|
|
115
|
-
/**
|
|
116
|
-
* Represents a widget for handling collapse functionality.
|
|
117
|
-
*
|
|
118
|
-
* This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
|
|
119
|
-
* necessary for managing the collapse behavior in the UI.
|
|
120
|
-
*
|
|
121
|
-
* @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
|
|
122
|
-
*/
|
|
123
|
-
export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
|
|
124
|
-
/**
|
|
125
|
-
* Retrieve a shallow copy of the default collapse config
|
|
126
|
-
* @returns the default collapse config
|
|
127
|
-
*/
|
|
128
|
-
export declare function getCollapseDefaultConfig(): CollapseProps;
|
|
129
|
-
/**
|
|
130
|
-
* Create an CollapseWidget factory
|
|
131
|
-
* @param transitionFn - the transition function that will be used for the collapse
|
|
132
|
-
* @returns an CollapseWidget
|
|
133
|
-
*/
|
|
134
|
-
export declare const createCollapse: WidgetFactory<CollapseWidget>;
|
|
135
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './collapse';
|
|
@@ -1,279 +0,0 @@
|
|
|
1
|
-
import type { TransitionFn } from '../../services/transitions/baseTransitions';
|
|
2
|
-
import type { Directive, WidgetFactory } from '../../types';
|
|
3
|
-
import { type Widget } from '../../types';
|
|
4
|
-
import type { WidgetsCommonPropsAndState } from '../commonProps';
|
|
5
|
-
/**
|
|
6
|
-
* Possible values for the drawer positions
|
|
7
|
-
*/
|
|
8
|
-
export type DrawerPosition = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
|
|
9
|
-
/**
|
|
10
|
-
* Possible values for the drawer display configuration.
|
|
11
|
-
* - `'overlay'`: the drawer overlays the page content with a backdrop.
|
|
12
|
-
* - `'inline'`: the drawer stays in the document flow and moves content as it expands/resizes.
|
|
13
|
-
*/
|
|
14
|
-
export type DrawerConfiguration = 'inline' | 'overlay';
|
|
15
|
-
interface DrawerCommonPropsAndState extends WidgetsCommonPropsAndState {
|
|
16
|
-
/**
|
|
17
|
-
* CSS classes to be applied on the widget main container
|
|
18
|
-
*
|
|
19
|
-
* @defaultValue `''`
|
|
20
|
-
*/
|
|
21
|
-
className: string;
|
|
22
|
-
/**
|
|
23
|
-
* Which element should contain the drawer and backdrop DOM elements.
|
|
24
|
-
* If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
|
|
25
|
-
* Otherwise, they stay where the widget is located.
|
|
26
|
-
*
|
|
27
|
-
* @defaultValue
|
|
28
|
-
* ```ts
|
|
29
|
-
* typeof window !== 'undefined' ? document.body : null
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
|
-
container: HTMLElement | null;
|
|
33
|
-
/**
|
|
34
|
-
* Classes to add on the backdrop DOM element.
|
|
35
|
-
*
|
|
36
|
-
* @defaultValue `''`
|
|
37
|
-
*/
|
|
38
|
-
backdropClass: string;
|
|
39
|
-
/**
|
|
40
|
-
* If `true`, the drawer is shown; otherwise, it is hidden.
|
|
41
|
-
*
|
|
42
|
-
* @defaultValue `false`
|
|
43
|
-
*/
|
|
44
|
-
visible: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* If `true`, the drawer can be resized by the user.
|
|
47
|
-
*
|
|
48
|
-
* @defaultValue `false`
|
|
49
|
-
*/
|
|
50
|
-
resizable: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Size of the drawer in pixel once the user start interacting.
|
|
53
|
-
* It corresponds to the height or the width depending on the drawer orientation
|
|
54
|
-
*
|
|
55
|
-
* @defaultValue `null`
|
|
56
|
-
*/
|
|
57
|
-
size: number | null;
|
|
58
|
-
/**
|
|
59
|
-
* The display configuration of the drawer.
|
|
60
|
-
* - `'overlay'` (default): the drawer overlays the page content with a backdrop.
|
|
61
|
-
* - `'inline'`: the drawer stays in the document flow and moves content as it expands/resizes.
|
|
62
|
-
*
|
|
63
|
-
* @defaultValue `'overlay'`
|
|
64
|
-
*/
|
|
65
|
-
configuration: DrawerConfiguration;
|
|
66
|
-
/**
|
|
67
|
-
* The position of the drawer on the screen.
|
|
68
|
-
*
|
|
69
|
-
* @defaultValue `'inline-start'`
|
|
70
|
-
*/
|
|
71
|
-
position: DrawerPosition;
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Interface representing the properties for the Drawer component.
|
|
75
|
-
*/
|
|
76
|
-
export interface DrawerProps extends DrawerCommonPropsAndState {
|
|
77
|
-
/**
|
|
78
|
-
* The transition function will be executed when the drawer is displayed or hidden.
|
|
79
|
-
*
|
|
80
|
-
* @defaultValue
|
|
81
|
-
* ```ts
|
|
82
|
-
* () => {}
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
85
|
-
transition: TransitionFn;
|
|
86
|
-
/**
|
|
87
|
-
* The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
|
|
88
|
-
*
|
|
89
|
-
* @defaultValue
|
|
90
|
-
* ```ts
|
|
91
|
-
* () => {}
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
verticalTransition: TransitionFn;
|
|
95
|
-
/**
|
|
96
|
-
* The transition to use for the backdrop behind the drawer (if present).
|
|
97
|
-
*
|
|
98
|
-
* @defaultValue
|
|
99
|
-
* ```ts
|
|
100
|
-
* () => {}
|
|
101
|
-
* ```
|
|
102
|
-
*/
|
|
103
|
-
backdropTransition: TransitionFn;
|
|
104
|
-
/**
|
|
105
|
-
* If `true` opening and closing will be animated.
|
|
106
|
-
*
|
|
107
|
-
* @defaultValue `true`
|
|
108
|
-
*/
|
|
109
|
-
animated: boolean;
|
|
110
|
-
/**
|
|
111
|
-
* aria-labelledby attribute to use for the drawer element.
|
|
112
|
-
*
|
|
113
|
-
* @defaultValue `''`
|
|
114
|
-
*/
|
|
115
|
-
ariaLabelledBy: string;
|
|
116
|
-
/**
|
|
117
|
-
* aria-describedby attribute to use for the drawer element.
|
|
118
|
-
*
|
|
119
|
-
* @defaultValue `''`
|
|
120
|
-
*/
|
|
121
|
-
ariaDescribedBy: string;
|
|
122
|
-
/**
|
|
123
|
-
* If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
|
|
124
|
-
*
|
|
125
|
-
* @defaultValue `true`
|
|
126
|
-
*/
|
|
127
|
-
backdrop: boolean;
|
|
128
|
-
/**
|
|
129
|
-
* If `true` allows body scrolling when the drawer is open.
|
|
130
|
-
*
|
|
131
|
-
* @defaultValue `false`
|
|
132
|
-
*/
|
|
133
|
-
bodyScroll: boolean;
|
|
134
|
-
/**
|
|
135
|
-
* If `true` focuses the drawer when it is opened.
|
|
136
|
-
*
|
|
137
|
-
* @defaultValue `true`
|
|
138
|
-
*/
|
|
139
|
-
focusOnInit: boolean;
|
|
140
|
-
/**
|
|
141
|
-
* Event to be triggered when the transition is completed and the drawer is not visible.
|
|
142
|
-
*
|
|
143
|
-
* @defaultValue
|
|
144
|
-
* ```ts
|
|
145
|
-
* () => {}
|
|
146
|
-
* ```
|
|
147
|
-
*/
|
|
148
|
-
onHidden: () => void;
|
|
149
|
-
/**
|
|
150
|
-
* Event to be triggered when the transition is completed and the drawer is visible.
|
|
151
|
-
*
|
|
152
|
-
* @defaultValue
|
|
153
|
-
* ```ts
|
|
154
|
-
* () => {}
|
|
155
|
-
* ```
|
|
156
|
-
*/
|
|
157
|
-
onShown: () => void;
|
|
158
|
-
/**
|
|
159
|
-
* An event emitted when the drawer size changes (width or height depending on the orientation).
|
|
160
|
-
*
|
|
161
|
-
* Event payload is equal to the newly selected width or height.
|
|
162
|
-
*
|
|
163
|
-
* @defaultValue
|
|
164
|
-
* ```ts
|
|
165
|
-
* () => {}
|
|
166
|
-
* ```
|
|
167
|
-
*/
|
|
168
|
-
onSizeChange: (size: number | null) => void;
|
|
169
|
-
/**
|
|
170
|
-
* Event to be triggered when the visible property changes.
|
|
171
|
-
*
|
|
172
|
-
* @param visible - new value of the visible propery
|
|
173
|
-
*
|
|
174
|
-
* @defaultValue
|
|
175
|
-
* ```ts
|
|
176
|
-
* () => {}
|
|
177
|
-
* ```
|
|
178
|
-
*/
|
|
179
|
-
onVisibleChange: (visible: boolean) => void;
|
|
180
|
-
/**
|
|
181
|
-
* Event to be triggered when the minimized state changes.
|
|
182
|
-
*
|
|
183
|
-
* @defaultValue
|
|
184
|
-
* ```ts
|
|
185
|
-
* () => {}
|
|
186
|
-
* ```
|
|
187
|
-
*/
|
|
188
|
-
onMinimizedChange: (isMinimized: boolean) => void;
|
|
189
|
-
/**
|
|
190
|
-
* Event to be triggered when the maximized state changes.
|
|
191
|
-
*
|
|
192
|
-
* @defaultValue
|
|
193
|
-
* ```ts
|
|
194
|
-
* () => {}
|
|
195
|
-
* ```
|
|
196
|
-
*/
|
|
197
|
-
onMaximizedChange: (isMaximized: boolean) => void;
|
|
198
|
-
/**
|
|
199
|
-
* Event to be triggered when the user starts or stops resizing the drawer.
|
|
200
|
-
*
|
|
201
|
-
* @defaultValue
|
|
202
|
-
* ```ts
|
|
203
|
-
* () => {}
|
|
204
|
-
* ```
|
|
205
|
-
*/
|
|
206
|
-
onResizingChange: (isResizing: boolean) => void;
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* Represents the state of a Drawer component.
|
|
210
|
-
*/
|
|
211
|
-
export interface DrawerState extends DrawerCommonPropsAndState {
|
|
212
|
-
/**
|
|
213
|
-
* Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
|
|
214
|
-
* because {@link DrawerProps.visible|visible} is false and there is no current transition.
|
|
215
|
-
*/
|
|
216
|
-
backdropHidden: boolean;
|
|
217
|
-
/**
|
|
218
|
-
* Flag to show whether the drawer is fully hidden.
|
|
219
|
-
*/
|
|
220
|
-
hidden: boolean;
|
|
221
|
-
/**
|
|
222
|
-
* Flag to show whether the drawer is vertically positioned.
|
|
223
|
-
*/
|
|
224
|
-
isVertical: boolean;
|
|
225
|
-
}
|
|
226
|
-
/**
|
|
227
|
-
* Interface representing the API for a Drawer component.
|
|
228
|
-
*/
|
|
229
|
-
export interface DrawerApi {
|
|
230
|
-
/**
|
|
231
|
-
* Trigger the opening of the drawer.
|
|
232
|
-
*/
|
|
233
|
-
open: (animated?: boolean) => Promise<void>;
|
|
234
|
-
/**
|
|
235
|
-
* Trigger the closing of the drawer.
|
|
236
|
-
*/
|
|
237
|
-
close: (animated?: boolean) => Promise<void>;
|
|
238
|
-
}
|
|
239
|
-
/**
|
|
240
|
-
* Interface representing various directives used in the Drawer component.
|
|
241
|
-
*/
|
|
242
|
-
export interface DrawerDirectives {
|
|
243
|
-
/**
|
|
244
|
-
* Directive to put on the drawer DOM element.
|
|
245
|
-
*/
|
|
246
|
-
drawerDirective: Directive;
|
|
247
|
-
/**
|
|
248
|
-
* Portal directive to put on the drawer DOM element.
|
|
249
|
-
*/
|
|
250
|
-
drawerPortalDirective: Directive;
|
|
251
|
-
/**
|
|
252
|
-
* Directive to put on the backdrop DOM element.
|
|
253
|
-
*/
|
|
254
|
-
backdropDirective: Directive;
|
|
255
|
-
/**
|
|
256
|
-
* Portal directive to put on the backdrop DOM element.
|
|
257
|
-
*/
|
|
258
|
-
backdropPortalDirective: Directive;
|
|
259
|
-
/**
|
|
260
|
-
* Directive to put on the splitter DOM element.
|
|
261
|
-
*/
|
|
262
|
-
splitterDirective: Directive;
|
|
263
|
-
}
|
|
264
|
-
/**
|
|
265
|
-
* Represents a Drawer widget component.
|
|
266
|
-
*/
|
|
267
|
-
export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
|
|
268
|
-
/**
|
|
269
|
-
* Retrieve a shallow copy of the default Drawer config
|
|
270
|
-
* @returns the default Drawer config
|
|
271
|
-
*/
|
|
272
|
-
export declare function getDrawerDefaultConfig(): DrawerProps;
|
|
273
|
-
/**
|
|
274
|
-
* Create a Drawer widget with given config props
|
|
275
|
-
* @param config - an optional Drawer config
|
|
276
|
-
* @returns a DrawerWidget
|
|
277
|
-
*/
|
|
278
|
-
export declare const createDrawer: WidgetFactory<DrawerWidget>;
|
|
279
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './drawer';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const modal = require("../../modal-BsNuHhT7.cjs");
|
|
4
|
-
exports.createModal = modal.createModal;
|
|
5
|
-
exports.getModalDefaultConfig = modal.getModalDefaultConfig;
|
|
6
|
-
exports.modalCloseButtonClick = modal.modalCloseButtonClick;
|
|
7
|
-
exports.modalCloseEscape = modal.modalCloseEscape;
|
|
8
|
-
exports.modalOutsideClick = modal.modalOutsideClick;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './modal';
|