@wirekyt/angular 0.0.17 → 0.0.19
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/README.md +3 -3
- package/dist/README.md +3 -3
- package/dist/fesm2022/wirekyt-angular-accordion.mjs +16 -16
- package/dist/fesm2022/wirekyt-angular-accordion.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-angle-slider.mjs +20 -20
- package/dist/fesm2022/wirekyt-angular-angle-slider.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-avatar.mjs +10 -10
- package/dist/fesm2022/wirekyt-angular-avatar.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-carousel.mjs +26 -26
- package/dist/fesm2022/wirekyt-angular-carousel.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-checkbox.mjs +18 -18
- package/dist/fesm2022/wirekyt-angular-checkbox.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-clipboard.mjs +18 -18
- package/dist/fesm2022/wirekyt-angular-clipboard.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-collapsible.mjs +10 -10
- package/dist/fesm2022/wirekyt-angular-collapsible.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-color-picker.mjs +58 -58
- package/dist/fesm2022/wirekyt-angular-color-picker.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-combobox.mjs +36 -36
- package/dist/fesm2022/wirekyt-angular-combobox.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-date-input.mjs +18 -18
- package/dist/fesm2022/wirekyt-angular-date-input.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-date-picker.mjs +58 -58
- package/dist/fesm2022/wirekyt-angular-date-picker.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-dialog.mjs +20 -20
- package/dist/fesm2022/wirekyt-angular-dialog.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-download-trigger.mjs +2 -2
- package/dist/fesm2022/wirekyt-angular-download-trigger.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-drawer.mjs +32 -32
- package/dist/fesm2022/wirekyt-angular-drawer.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-field.mjs +20 -20
- package/dist/fesm2022/wirekyt-angular-field.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-fieldset.mjs +10 -10
- package/dist/fesm2022/wirekyt-angular-fieldset.mjs.map +1 -1
- package/dist/fesm2022/wirekyt-angular-floating-panel.mjs +679 -0
- package/dist/fesm2022/wirekyt-angular-floating-panel.mjs.map +1 -0
- package/dist/package.json +5 -1
- package/dist/types/wirekyt-angular-accordion.d.ts +8 -8
- package/dist/types/wirekyt-angular-angle-slider.d.ts +10 -10
- package/dist/types/wirekyt-angular-avatar.d.ts +5 -5
- package/dist/types/wirekyt-angular-carousel.d.ts +13 -13
- package/dist/types/wirekyt-angular-checkbox.d.ts +10 -10
- package/dist/types/wirekyt-angular-clipboard.d.ts +9 -9
- package/dist/types/wirekyt-angular-collapsible.d.ts +5 -5
- package/dist/types/wirekyt-angular-color-picker.d.ts +30 -30
- package/dist/types/wirekyt-angular-combobox.d.ts +19 -19
- package/dist/types/wirekyt-angular-date-input.d.ts +9 -9
- package/dist/types/wirekyt-angular-date-picker.d.ts +30 -30
- package/dist/types/wirekyt-angular-dialog.d.ts +10 -10
- package/dist/types/wirekyt-angular-download-trigger.d.ts +1 -1
- package/dist/types/wirekyt-angular-drawer.d.ts +16 -16
- package/dist/types/wirekyt-angular-field.d.ts +10 -10
- package/dist/types/wirekyt-angular-fieldset.d.ts +5 -5
- package/dist/types/wirekyt-angular-floating-panel.d.ts +216 -0
- package/dist/types/wirekyt-angular-floating-panel.d.ts.map +1 -0
- package/package.json +6 -2
|
@@ -92,7 +92,7 @@ declare class FieldRoot implements UseFieldReturn {
|
|
|
92
92
|
getItemLabelId(value: string): string;
|
|
93
93
|
constructor();
|
|
94
94
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldRoot, never>;
|
|
95
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRoot, "[
|
|
95
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRoot, "[field-root]", ["fieldRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "elementIds": { "alias": "ids"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
declare class FieldRootProvider implements UseFieldReturn {
|
|
@@ -122,50 +122,50 @@ declare class FieldRootProvider implements UseFieldReturn {
|
|
|
122
122
|
getItemLabelId(value: string): string;
|
|
123
123
|
constructor();
|
|
124
124
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldRootProvider, never>;
|
|
125
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRootProvider, "[
|
|
125
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRootProvider, "[field-root-provider]", ["fieldRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
declare class FieldLabel {
|
|
129
129
|
constructor();
|
|
130
130
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldLabel, never>;
|
|
131
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldLabel, "[
|
|
131
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldLabel, "[field-label]", ["fieldLabel"], {}, {}, never, never, true, never>;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
declare class FieldInput {
|
|
135
135
|
constructor();
|
|
136
136
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldInput, never>;
|
|
137
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldInput, "[
|
|
137
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldInput, "[field-input]", ["fieldInput"], {}, {}, never, never, true, never>;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
declare class FieldTextarea {
|
|
141
141
|
readonly autoresize: InputSignalWithTransform<boolean, unknown>;
|
|
142
142
|
constructor();
|
|
143
143
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldTextarea, never>;
|
|
144
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldTextarea, "[
|
|
144
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldTextarea, "[field-textarea]", ["fieldTextarea"], { "autoresize": { "alias": "autoresize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
declare class FieldSelect {
|
|
148
148
|
constructor();
|
|
149
149
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldSelect, never>;
|
|
150
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldSelect, "[
|
|
150
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldSelect, "[field-select]", ["fieldSelect"], {}, {}, never, never, true, never>;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
declare class FieldHelperText {
|
|
154
154
|
constructor();
|
|
155
155
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldHelperText, never>;
|
|
156
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldHelperText, "[
|
|
156
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldHelperText, "[field-helper-text]", ["fieldHelperText"], {}, {}, never, never, true, never>;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
declare class FieldErrorText {
|
|
160
160
|
constructor();
|
|
161
161
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorText, never>;
|
|
162
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorText, "[
|
|
162
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorText, "[field-error-text]", ["fieldErrorText"], {}, {}, never, never, true, never>;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
declare class FieldRequiredIndicator {
|
|
166
166
|
constructor();
|
|
167
167
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldRequiredIndicator, never>;
|
|
168
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRequiredIndicator, "[
|
|
168
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldRequiredIndicator, "[field-required-indicator]", ["fieldRequiredIndicator"], {}, {}, never, never, true, never>;
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
declare class FieldItem implements UseFieldReturn {
|
|
@@ -197,7 +197,7 @@ declare class FieldItem implements UseFieldReturn {
|
|
|
197
197
|
getItemControlId(value: string): string;
|
|
198
198
|
getItemLabelId(value: string): string;
|
|
199
199
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldItem, never>;
|
|
200
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldItem, "[
|
|
200
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldItem, "[field-item]", ["fieldItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
export { FIELD_CONTEXT, FieldErrorText, FieldHelperText, FieldInput, FieldItem, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, injectFieldContext, injectFieldContextOptional, useField };
|
|
@@ -59,7 +59,7 @@ declare class FieldsetRoot implements UseFieldsetReturn {
|
|
|
59
59
|
getErrorTextProps(): Record<string, unknown>;
|
|
60
60
|
constructor();
|
|
61
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetRoot, never>;
|
|
62
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetRoot, "[
|
|
62
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetRoot, "[fieldset-root]", ["fieldsetRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
declare class FieldsetRootProvider implements UseFieldsetReturn {
|
|
@@ -80,25 +80,25 @@ declare class FieldsetRootProvider implements UseFieldsetReturn {
|
|
|
80
80
|
getErrorTextProps(): Record<string, unknown>;
|
|
81
81
|
constructor();
|
|
82
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetRootProvider, never>;
|
|
83
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetRootProvider, "[
|
|
83
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetRootProvider, "[fieldset-root-provider]", ["fieldsetRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
declare class FieldsetLegend {
|
|
87
87
|
constructor();
|
|
88
88
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetLegend, never>;
|
|
89
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetLegend, "[
|
|
89
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetLegend, "[fieldset-legend]", ["fieldsetLegend"], {}, {}, never, never, true, never>;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
declare class FieldsetHelperText {
|
|
93
93
|
constructor();
|
|
94
94
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetHelperText, never>;
|
|
95
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetHelperText, "[
|
|
95
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetHelperText, "[fieldset-helper-text]", ["fieldsetHelperText"], {}, {}, never, never, true, never>;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
declare class FieldsetErrorText {
|
|
99
99
|
constructor();
|
|
100
100
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetErrorText, never>;
|
|
101
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetErrorText, "[
|
|
101
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FieldsetErrorText, "[fieldset-error-text]", ["fieldsetErrorText"], {}, {}, never, never, true, never>;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
export { FIELDSET_CONTEXT, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, injectFieldsetContext, injectFieldsetContextOptional, useFieldset };
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import * as floatingPanel from '@wirekyt/dom/machines/floating-panel';
|
|
2
|
+
import { ElementIds, Point, Size, IntlTranslations, AnchorPositionDetails, OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails, ResizeTriggerAxis, Stage } from '@wirekyt/dom/machines/floating-panel';
|
|
3
|
+
export { AnchorPositionDetails as FloatingPanelAnchorPositionDetails, Api as FloatingPanelApi, ElementIds as FloatingPanelElementIds, IntlTranslations as FloatingPanelIntlTranslations, Machine as FloatingPanelMachine, Props as FloatingPanelMachineProps, OpenChangeDetails as FloatingPanelOpenChangeDetails, Point as FloatingPanelPoint, PositionChangeDetails as FloatingPanelPositionChangeDetails, ResizeTriggerAxis as FloatingPanelResizeTriggerAxis, ResizeTriggerProps as FloatingPanelResizeTriggerProps, Service as FloatingPanelService, Size as FloatingPanelSize, SizeChangeDetails as FloatingPanelSizeChangeDetails, Stage as FloatingPanelStage, StageChangeDetails as FloatingPanelStageChangeDetails, StageTriggerProps as FloatingPanelStageTriggerProps, anatomy as floatingPanelAnatomy, resizeTriggerAxes } from '@wirekyt/dom/machines/floating-panel';
|
|
4
|
+
import { UseMachineReturn, ContextCarrier } from '@wirekyt/angular';
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { InjectionToken, Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
|
|
7
|
+
import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
|
|
8
|
+
import { PresenceBase } from '@wirekyt/angular/presence';
|
|
9
|
+
|
|
10
|
+
type OptionalId<T extends {
|
|
11
|
+
id: string;
|
|
12
|
+
}> = Omit<T, "id"> & {
|
|
13
|
+
id?: string;
|
|
14
|
+
};
|
|
15
|
+
interface UseFloatingPanelProps extends OptionalId<Omit<floatingPanel.Props, "dir" | "getRootNode">> {
|
|
16
|
+
}
|
|
17
|
+
type UseFloatingPanelReturn = UseMachineReturn<floatingPanel.Service["state"], floatingPanel.Api, floatingPanel.Service>;
|
|
18
|
+
interface UseFloatingPanelOptions {
|
|
19
|
+
context: () => UseFloatingPanelProps;
|
|
20
|
+
}
|
|
21
|
+
declare function useFloatingPanel(options: UseFloatingPanelOptions): UseFloatingPanelReturn;
|
|
22
|
+
|
|
23
|
+
declare const FLOATING_PANEL_CONTEXT: InjectionToken<UseFloatingPanelReturn>;
|
|
24
|
+
declare function injectFloatingPanelContext(): UseFloatingPanelReturn;
|
|
25
|
+
declare const FLOATING_PANEL_CONTEXT_CARRIER: InjectionToken<ContextCarrier<UseFloatingPanelReturn>>;
|
|
26
|
+
declare function injectFloatingPanelContextCarrier(): ContextCarrier<UseFloatingPanelReturn>;
|
|
27
|
+
interface FloatingPanelRenderStrategyContext {
|
|
28
|
+
readonly lazyMount: Signal<boolean>;
|
|
29
|
+
readonly unmountOnExit: Signal<boolean>;
|
|
30
|
+
}
|
|
31
|
+
declare const FLOATING_PANEL_RENDER_STRATEGY_CONTEXT: InjectionToken<FloatingPanelRenderStrategyContext>;
|
|
32
|
+
declare function injectFloatingPanelRenderStrategyContext(): FloatingPanelRenderStrategyContext;
|
|
33
|
+
|
|
34
|
+
declare class FloatingPanelRoot extends PresenceBase implements UseFloatingPanelReturn {
|
|
35
|
+
/** The unique identifier of the floating panel. */
|
|
36
|
+
readonly id: InputSignal<string | undefined>;
|
|
37
|
+
/** The ids of the floating panel elements. Useful for composition. */
|
|
38
|
+
readonly ids: InputSignal<Partial<ElementIds> | undefined>;
|
|
39
|
+
/** The controlled open state of the floating panel. */
|
|
40
|
+
readonly open: ModelSignal<boolean | undefined>;
|
|
41
|
+
/** The initial open state of the floating panel when uncontrolled. */
|
|
42
|
+
readonly defaultOpen: InputSignalWithTransform<boolean, unknown>;
|
|
43
|
+
/** The controlled position of the floating panel. */
|
|
44
|
+
readonly position: ModelSignal<Point | undefined>;
|
|
45
|
+
/** The initial position of the floating panel when uncontrolled. */
|
|
46
|
+
readonly defaultPosition: InputSignal<Point | undefined>;
|
|
47
|
+
/** The controlled size of the floating panel. */
|
|
48
|
+
readonly size: ModelSignal<Size | undefined>;
|
|
49
|
+
/** The initial size of the floating panel when uncontrolled. */
|
|
50
|
+
readonly defaultSize: InputSignal<Size | undefined>;
|
|
51
|
+
/** The minimum size of the floating panel. */
|
|
52
|
+
readonly minSize: InputSignal<Size | undefined>;
|
|
53
|
+
/** The maximum size of the floating panel. */
|
|
54
|
+
readonly maxSize: InputSignal<Size | undefined>;
|
|
55
|
+
/** The positioning strategy to use. */
|
|
56
|
+
readonly strategy: InputSignal<floatingPanel.Props["strategy"]>;
|
|
57
|
+
/** Whether the panel may overflow the boundary while dragging. */
|
|
58
|
+
readonly allowOverflow: InputSignalWithTransform<boolean, unknown>;
|
|
59
|
+
/** Whether the floating panel is draggable. */
|
|
60
|
+
readonly draggable: InputSignalWithTransform<boolean, unknown>;
|
|
61
|
+
/** Whether the floating panel is resizable. */
|
|
62
|
+
readonly resizable: InputSignalWithTransform<boolean, unknown>;
|
|
63
|
+
/** Whether resizing locks the panel to its aspect ratio. */
|
|
64
|
+
readonly lockAspectRatio: InputSignalWithTransform<boolean, unknown>;
|
|
65
|
+
/** Whether the floating panel closes when the escape key is pressed. */
|
|
66
|
+
readonly closeOnEscape: InputSignalWithTransform<boolean, unknown>;
|
|
67
|
+
/** Whether focus should be restored when the floating panel closes. */
|
|
68
|
+
readonly restoreFocus: InputSignalWithTransform<boolean, unknown>;
|
|
69
|
+
/** Whether the floating panel is disabled. */
|
|
70
|
+
readonly disabled: InputSignalWithTransform<boolean, unknown>;
|
|
71
|
+
/** Whether size and position should be preserved when the floating panel closes. */
|
|
72
|
+
readonly persistRect: InputSignalWithTransform<boolean, unknown>;
|
|
73
|
+
/** The snap grid for dragging and keyboard movement. */
|
|
74
|
+
readonly gridSize: InputSignal<number | undefined>;
|
|
75
|
+
/** Localized strings for control labels. */
|
|
76
|
+
readonly translations: InputSignal<IntlTranslations | undefined>;
|
|
77
|
+
/** Function that returns the initial panel position when opened. */
|
|
78
|
+
readonly getAnchorPosition: InputSignal<((details: AnchorPositionDetails) => Point) | undefined>;
|
|
79
|
+
/** Function that returns the boundary element for dragging and resizing. */
|
|
80
|
+
readonly getBoundaryEl: InputSignal<(() => HTMLElement | null) | undefined>;
|
|
81
|
+
/** Element to receive focus when the floating panel opens. */
|
|
82
|
+
readonly initialFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
|
|
83
|
+
/** Element to receive focus when the floating panel closes. */
|
|
84
|
+
readonly finalFocusEl: InputSignal<(() => HTMLElement | null) | undefined>;
|
|
85
|
+
/** Emits details when the panel open state changes. */
|
|
86
|
+
readonly openChangeDetails: OutputEmitterRef<OpenChangeDetails>;
|
|
87
|
+
/** Emits details when the panel position changes via dragging or API calls. */
|
|
88
|
+
readonly positionDetailsChange: OutputEmitterRef<PositionChangeDetails>;
|
|
89
|
+
/** Emits details when a position-changing drag interaction ends. */
|
|
90
|
+
readonly positionChangeEnd: OutputEmitterRef<PositionChangeDetails>;
|
|
91
|
+
/** Emits details when the panel size changes via resizing or API calls. */
|
|
92
|
+
readonly sizeDetailsChange: OutputEmitterRef<SizeChangeDetails>;
|
|
93
|
+
/** Emits details when a size-changing resize interaction ends. */
|
|
94
|
+
readonly sizeChangeEnd: OutputEmitterRef<SizeChangeDetails>;
|
|
95
|
+
/** Emits details when the panel stage changes. */
|
|
96
|
+
readonly stageChange: OutputEmitterRef<StageChangeDetails>;
|
|
97
|
+
private lastPositionDetails;
|
|
98
|
+
private lastPositionEndDetails;
|
|
99
|
+
private lastSizeDetails;
|
|
100
|
+
private lastSizeEndDetails;
|
|
101
|
+
private lastStageDetails;
|
|
102
|
+
private readonly machine;
|
|
103
|
+
readonly state: Signal<floatingPanel.Service["state"]>;
|
|
104
|
+
readonly api: Signal<floatingPanel.Api>;
|
|
105
|
+
readonly service: floatingPanel.Service;
|
|
106
|
+
readonly send: floatingPanel.Service["send"];
|
|
107
|
+
readonly presence: _wirekyt_angular_presence.UsePresenceReturn;
|
|
108
|
+
protected readonly contextCarrier: ContextCarrier<FloatingPanelRoot>;
|
|
109
|
+
/** @internal Exposed for floating panel part directives to consume through portals. */
|
|
110
|
+
getContextCarrier(): ContextCarrier<FloatingPanelRoot>;
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelRoot, never>;
|
|
112
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelRoot, "[floating-panel-root]", ["floatingPanelRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ids": { "alias": "ids"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "strategy": { "alias": "strategy"; "required": false; "isSignal": true; }; "allowOverflow": { "alias": "allowOverflow"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "lockAspectRatio": { "alias": "lockAspectRatio"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "persistRect": { "alias": "persistRect"; "required": false; "isSignal": true; }; "gridSize": { "alias": "gridSize"; "required": false; "isSignal": true; }; "translations": { "alias": "translations"; "required": false; "isSignal": true; }; "getAnchorPosition": { "alias": "getAnchorPosition"; "required": false; "isSignal": true; }; "getBoundaryEl": { "alias": "getBoundaryEl"; "required": false; "isSignal": true; }; "initialFocusEl": { "alias": "initialFocusEl"; "required": false; "isSignal": true; }; "finalFocusEl": { "alias": "finalFocusEl"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "position": "positionChange"; "size": "sizeChange"; "openChangeDetails": "openChangeDetails"; "positionDetailsChange": "positionDetailsChange"; "positionChangeEnd": "positionChangeEnd"; "sizeDetailsChange": "sizeDetailsChange"; "sizeChangeEnd": "sizeChangeEnd"; "stageChange": "stageChange"; }, never, never, true, never>;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
declare class FloatingPanelRootProvider extends PresenceBase implements UseFloatingPanelReturn {
|
|
116
|
+
/** The floating panel machine returned by useFloatingPanel(). */
|
|
117
|
+
readonly value: InputSignal<UseFloatingPanelReturn>;
|
|
118
|
+
readonly state: Signal<floatingPanel.Service["state"]>;
|
|
119
|
+
readonly api: Signal<floatingPanel.Api>;
|
|
120
|
+
readonly send: floatingPanel.Service["send"];
|
|
121
|
+
get service(): floatingPanel.Service;
|
|
122
|
+
readonly presence: _wirekyt_angular_presence.UsePresenceReturn;
|
|
123
|
+
protected readonly contextCarrier: ContextCarrier<FloatingPanelRootProvider>;
|
|
124
|
+
/** @internal Exposed for floating panel part directives to consume through portals. */
|
|
125
|
+
getContextCarrier(): ContextCarrier<FloatingPanelRootProvider>;
|
|
126
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelRootProvider, never>;
|
|
127
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelRootProvider, "[floating-panel-root-provider]", ["floatingPanelRootProvider"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
declare class FloatingPanelTrigger {
|
|
131
|
+
constructor();
|
|
132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelTrigger, never>;
|
|
133
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelTrigger, "[floating-panel-trigger]", ["floatingPanelTrigger"], {}, {}, never, never, true, never>;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
declare class FloatingPanelPositioner {
|
|
137
|
+
constructor();
|
|
138
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelPositioner, never>;
|
|
139
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelPositioner, "[floating-panel-positioner]", ["floatingPanelPositioner"], {}, {}, never, never, true, never>;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
declare class FloatingPanelContent {
|
|
143
|
+
constructor();
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelContent, never>;
|
|
145
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelContent, "[floating-panel-content]", ["floatingPanelContent"], {}, {}, never, never, true, never>;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
declare class FloatingPanelControl {
|
|
149
|
+
constructor();
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelControl, never>;
|
|
151
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelControl, "[floating-panel-control]", ["floatingPanelControl"], {}, {}, never, never, true, never>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
declare class FloatingPanelHeader {
|
|
155
|
+
constructor();
|
|
156
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelHeader, never>;
|
|
157
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelHeader, "[floating-panel-header]", ["floatingPanelHeader"], {}, {}, never, never, true, never>;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
declare class FloatingPanelBody {
|
|
161
|
+
constructor();
|
|
162
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelBody, never>;
|
|
163
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelBody, "[floating-panel-body]", ["floatingPanelBody"], {}, {}, never, never, true, never>;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
declare class FloatingPanelTitle {
|
|
167
|
+
constructor();
|
|
168
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelTitle, never>;
|
|
169
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelTitle, "[floating-panel-title]", ["floatingPanelTitle"], {}, {}, never, never, true, never>;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
declare class FloatingPanelCloseTrigger {
|
|
173
|
+
constructor();
|
|
174
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelCloseTrigger, never>;
|
|
175
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelCloseTrigger, "[floating-panel-close-trigger]", ["floatingPanelCloseTrigger"], {}, {}, never, never, true, never>;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
declare class FloatingPanelDragTrigger {
|
|
179
|
+
constructor();
|
|
180
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelDragTrigger, never>;
|
|
181
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelDragTrigger, "[floating-panel-drag-trigger]", ["floatingPanelDragTrigger"], {}, {}, never, never, true, never>;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
declare class FloatingPanelResizeTrigger {
|
|
185
|
+
/** The axis of the resize handle. */
|
|
186
|
+
readonly axis: InputSignal<ResizeTriggerAxis>;
|
|
187
|
+
constructor();
|
|
188
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelResizeTrigger, never>;
|
|
189
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelResizeTrigger, "[floating-panel-resize-trigger]", ["floatingPanelResizeTrigger"], { "axis": { "alias": "axis"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
declare class FloatingPanelStageTrigger {
|
|
193
|
+
/** The stage to apply when the trigger is clicked. */
|
|
194
|
+
readonly stage: InputSignal<Stage>;
|
|
195
|
+
constructor();
|
|
196
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelStageTrigger, never>;
|
|
197
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelStageTrigger, "[floating-panel-stage-trigger]", ["floatingPanelStageTrigger"], { "stage": { "alias": "stage"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
interface FloatingPanelContextTemplate {
|
|
201
|
+
$implicit: UseFloatingPanelReturn["api"];
|
|
202
|
+
api: UseFloatingPanelReturn["api"];
|
|
203
|
+
}
|
|
204
|
+
declare class FloatingPanelContext {
|
|
205
|
+
static ngTemplateContextGuard(_directive: FloatingPanelContext, context: unknown): context is FloatingPanelContextTemplate;
|
|
206
|
+
private readonly floatingPanel;
|
|
207
|
+
private readonly templateRef;
|
|
208
|
+
private readonly viewContainer;
|
|
209
|
+
constructor();
|
|
210
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingPanelContext, never>;
|
|
211
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingPanelContext, "[floating-panel-context]", ["floatingPanelContext"], {}, {}, never, never, true, never>;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
export { FLOATING_PANEL_CONTEXT, FLOATING_PANEL_CONTEXT_CARRIER, FLOATING_PANEL_RENDER_STRATEGY_CONTEXT, FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelContext, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, injectFloatingPanelContext, injectFloatingPanelContextCarrier, injectFloatingPanelRenderStrategyContext, useFloatingPanel };
|
|
215
|
+
export type { FloatingPanelContextTemplate, FloatingPanelRenderStrategyContext, UseFloatingPanelOptions, UseFloatingPanelProps, UseFloatingPanelReturn };
|
|
216
|
+
//# sourceMappingURL=wirekyt-angular-floating-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wirekyt-angular-floating-panel.d.ts","sources":["../../src/components/floating-panel/use.ts","../../src/components/floating-panel/use-context.ts","../../src/components/floating-panel/root.ts","../../src/components/floating-panel/root-provider.ts","../../src/components/floating-panel/trigger.ts","../../src/components/floating-panel/positioner.ts","../../src/components/floating-panel/content.ts","../../src/components/floating-panel/control.ts","../../src/components/floating-panel/header.ts","../../src/components/floating-panel/body.ts","../../src/components/floating-panel/title.ts","../../src/components/floating-panel/close-trigger.ts","../../src/components/floating-panel/drag-trigger.ts","../../src/components/floating-panel/resize-trigger.ts","../../src/components/floating-panel/stage-trigger.ts","../../src/components/floating-panel/context.ts"],"mappings":"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","names":["FloatingPanelElementIds","FloatingPanelPoint","FloatingPanelSize","FloatingPanelIntlTranslations","FloatingPanelAnchorPositionDetails","FloatingPanelOpenChangeDetails","FloatingPanelPositionChangeDetails","FloatingPanelSizeChangeDetails","FloatingPanelStageChangeDetails","FloatingPanelResizeTriggerAxis","FloatingPanelStage"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wirekyt/angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.19",
|
|
4
4
|
"description": "Angular adapter for Wirekyt",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -87,6 +87,10 @@
|
|
|
87
87
|
"types": "./dist/types/wirekyt-angular-fieldset.d.ts",
|
|
88
88
|
"default": "./dist/fesm2022/wirekyt-angular-fieldset.mjs"
|
|
89
89
|
},
|
|
90
|
+
"./floating-panel": {
|
|
91
|
+
"types": "./dist/types/wirekyt-angular-floating-panel.d.ts",
|
|
92
|
+
"default": "./dist/fesm2022/wirekyt-angular-floating-panel.mjs"
|
|
93
|
+
},
|
|
90
94
|
"./presence": {
|
|
91
95
|
"types": "./dist/types/wirekyt-angular-presence.d.ts",
|
|
92
96
|
"default": "./dist/fesm2022/wirekyt-angular-presence.mjs"
|
|
@@ -100,7 +104,7 @@
|
|
|
100
104
|
"dependencies": {
|
|
101
105
|
"@internationalized/date": "^3.12.3",
|
|
102
106
|
"@internationalized/number": "^3.6.7",
|
|
103
|
-
"@wirekyt/dom": "0.0.
|
|
107
|
+
"@wirekyt/dom": "0.0.19",
|
|
104
108
|
"tslib": "^2.8.1"
|
|
105
109
|
},
|
|
106
110
|
"peerDependencies": {
|